diff options
-rw-r--r-- | .gitignore | 40 | ||||
-rw-r--r-- | README.md | 0 | ||||
-rw-r--r-- | package.json | 38 | ||||
-rw-r--r-- | src/app.js | 6 | ||||
-rw-r--r-- | src/app.scss | 3 | ||||
-rw-r--r-- | src/config.xml | 20 | ||||
-rw-r--r-- | src/icon.png | bin | 0 -> 9958 bytes | |||
-rw-r--r-- | src/icon.svg | 83 | ||||
-rw-r--r-- | src/index.html | 16 | ||||
-rw-r--r-- | webpack.config.js | 59 |
10 files changed, 265 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..ebf5fa2 --- /dev/null +++ b/.gitignore @@ -0,0 +1,40 @@ +# Specifies intentionally untracked files to ignore when using Git +# http://git-scm.com/docs/gitignore + +build +fastlane/report.xml + +*~ +*.sw[mnpcod] +*.log +*.tmp +*.tmp.* +log.txt +*.sublime-project +*.sublime-workspace +.vscode/ +npm-debug.log* + +.idea/ +.sass-cache/ +.tmp/ +.versions/ +coverage/ +dist/ +node_modules/ +tmp/ +temp/ +hooks/ +platforms/ +plugins/ +plugins/android.json +plugins/ios.json +www/ +$RECYCLE.BIN/ +.sourcemaps/ +package-lock.json +build + +.DS_Store +Thumbs.db +UserInterfaceState.xcuserstate diff --git a/README.md b/README.md new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/README.md diff --git a/package.json b/package.json new file mode 100644 index 0000000..4c9065a --- /dev/null +++ b/package.json @@ -0,0 +1,38 @@ +{ + "name": "agl-homescreen", + "version": "0.0.0", + "description": "Homescreen project for AGL based on html5 technologies", + "scripts": { + "webpack": "webpack", + "build": "webpack", + "start": "webpack-dev-server" + }, + "homepage": "https://bitbucket.org/smarsol/homescreen", + "author": "humberto.alfonso@asvito.es", + "repository": { + "type": "git", + "url": "git@bitbucket.org:smarsol/homescreen.git" + }, + "keywords": [ + "agl", + "automotive", + "automotivegradelinux" + ], + "devDependencies": { + "clean-webpack-plugin": "^1.0.1", + "copy-webpack-plugin": "^4.6.0", + "css-loader": "^2.1.0", + "html-webpack-plugin": "^3.2.0", + "mini-css-extract-plugin": "^0.5.0", + "node-sass": "^4.12.0", + "sass-loader": "^7.1.0", + "style-loader": "^0.23.1", + "uglifyjs-webpack-plugin": "^2.1.1", + "webpack": "^4.29.5", + "webpack-cli": "^3.2.3", + "webpack-dev-server": "^3.7.2" + }, + "dependencies": { + "bootstrap": "^4.3.1" + } +} diff --git a/src/app.js b/src/app.js new file mode 100644 index 0000000..694d4fa --- /dev/null +++ b/src/app.js @@ -0,0 +1,6 @@ +console.log('Arrancada la aplicación compilando CSS y SaSS'); + + +/* CSS */ +import 'bootstrap/dist/css/bootstrap.min.css'; +import './app.scss';
\ No newline at end of file diff --git a/src/app.scss b/src/app.scss new file mode 100644 index 0000000..c489d30 --- /dev/null +++ b/src/app.scss @@ -0,0 +1,3 @@ +body { + background: red; +}
\ No newline at end of file diff --git a/src/config.xml b/src/config.xml new file mode 100644 index 0000000..1f409f6 --- /dev/null +++ b/src/config.xml @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="UTF-8"?> +<widget xmlns="http://www.w3.org/ns/widgets" id="webapps-html5-homescreen" version="5.0.0"> + <name>HTML5 Homescreen</name> + <icon src="icon.png"/> + <content src="index.html" type="text/html"/> + <description>HTML5 Homescreen demo</description> + <author>Igalia, S.L.</author> + <license>MIT</license> + <feature name="urn:AGL:widget:required-permission"> + <param name="urn:AGL:permission::public:no-htdocs" value="required" /> + <param name="urn:AGL:permission:afm:system:widget" value="required" /> <!-- list available apps --> + <param name="urn:AGL:permission:afm:system:runner" value="required" /> <!-- run other apps --> + <param name="urn:AGL:permission::public:applications:read" value="required" /> <!-- get app icons --> + </feature> + <feature name="urn:AGL:widget:required-api"> + <param name="windowmanager" value="ws" /> + <param name="homescreen" value="ws" /> + <param name="afm-main" value="ws" /> + </feature> +</widget>
\ No newline at end of file diff --git a/src/icon.png b/src/icon.png Binary files differnew file mode 100644 index 0000000..1025c17 --- /dev/null +++ b/src/icon.png diff --git a/src/icon.svg b/src/icon.svg new file mode 100644 index 0000000..4ea294c --- /dev/null +++ b/src/icon.svg @@ -0,0 +1,83 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="15mm" + height="15mm" + viewBox="0 0 15 15" + version="1.1" + id="svg8" + inkscape:version="0.92.4 (unknown)" + sodipodi:docname="icon.svg" + inkscape:export-filename="/home/jaragunde/projects/agl-wrt/wam-demo-applications/html5-homescreen/icon.png" + inkscape:export-xdpi="338.66669" + inkscape:export-ydpi="338.66669"> + <defs + id="defs2" /> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="7.9195959" + inkscape:cx="36.15848" + inkscape:cy="20.55416" + inkscape:document-units="mm" + inkscape:current-layer="layer1" + showgrid="false" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="1920" + inkscape:window-height="1016" + inkscape:window-x="0" + inkscape:window-y="27" + inkscape:window-maximized="1" + units="mm" + showguides="false" /> + <metadata + id="metadata5"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-66.248444,-93.767853)"> + <circle + style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.26282853;stroke-opacity:1" + id="path814" + cx="73.748444" + cy="101.26785" + r="7.3685856" /> + <text + xml:space="preserve" + style="font-style:normal;font-weight:normal;font-size:9.66912842px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.2417282" + x="66.377312" + y="104.22846" + id="text817"><tspan + sodipodi:role="line" + id="tspan815" + x="66.377312" + y="104.22846" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Carlito;-inkscape-font-specification:Carlito;stroke-width:0.2417282"><h></tspan></text> + </g> +</svg> diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..e036d15 --- /dev/null +++ b/src/index.html @@ -0,0 +1,16 @@ +<!doctype html> +<html lang="en"> + <head> + <!-- Required meta tags --> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + </head> + <body> + <h1>h1. Bootstrap heading</h1> + <h2>h2. Bootstrap heading</h2> + <h3>h3. Bootstrap heading</h3> + <h4>h4. Bootstrap heading</h4> + <h5>h5. Bootstrap heading</h5> + <h6>h6. Bootstrap heading</h6> + </body> +</html>
\ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 0000000..c4934a0 --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,59 @@ +const path = require('path'); +const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); +const CleanWebpackPlugin = require('clean-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const MiniCSSExtractPlugin = require('mini-css-extract-plugin'); +const CopyPlugin = require('copy-webpack-plugin'); + +module.exports = { + mode: 'production', + entry: './src/app.js', + output: { + filename: 'app.js', + path: __dirname + '/dist' + }, + optimization: { + minimizer: [new UglifyJsPlugin()], + }, + plugins: [ + new CleanWebpackPlugin(['dist']), + new CopyPlugin([ + { + from: 'src/icon.*', + flatten: true + }, + { + from: 'src/config.xml', + flatten: true + } + ]), + new HtmlWebpackPlugin({ + template: 'src/index.html', + filename: 'index.html', + inject: 'head' + }), + new MiniCSSExtractPlugin({ + filename: 'app.css', + path: __dirname + '/dist' + }) + ], + module: { + rules: [ + { + test: /\.css$/, + use: [ + 'style-loader', + 'css-loader' + ] + }, + { + test: /\.scss$/, + use: [ + MiniCSSExtractPlugin.loader, + "css-loader", + "sass-loader" + ] + } + ] + } +};
\ No newline at end of file |