lint fixes

Initial implementation of vanilla template
2026-04-02 13:19:00 -07:00 · 2020-06-19 08:50:23 +10:00 · 2020-06-19 08:50:23 +10:00
9 changed files with 216 additions and 0 deletions
--- a/cmd/templates/vanilla/README.md
+++ b/cmd/templates/vanilla/README.md
@@ -0,0 +1,5 @@
+# README
+
+This is an experimental template for vanilla HTML/JS/CSS.
+
+The webpack rules may need to be adjusted to correctly embed all assets. Babel may also need to be setup correctly.
--- a/cmd/templates/vanilla/frontend/package.json.template
+++ b/cmd/templates/vanilla/frontend/package.json.template
@@ -0,0 +1,42 @@
+{
+  "name": "vanilla",
+  "author": "Lea<l>",
+  "private": true,
+  "scripts": {
+    "serve": "webpack-dev-server",
+    "build": "npx webpack"
+  },
+  "dependencies": {
+    "core-js": "^3.6.4",
+    "regenerator-runtime": "^0.13.3",
+    "@wailsapp/runtime": "^1.0.10"
+  },
+  "devDependencies": {
+    "babel-eslint": "^10.1.0",
+    "copy-webpack-plugin": "^6.0.2",
+    "eslint": "^6.8.0",
+    "eventsource-polyfill": "^0.9.6",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.11.0",
+    "webpack-hot-middleware": "^2.25.0"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "eslint:recommended"
+    ],
+    "rules": {},
+    "parserOptions": {
+      "parser": "babel-eslint"
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}
--- a/cmd/templates/vanilla/frontend/src/index.html
+++ b/cmd/templates/vanilla/frontend/src/index.html
@@ -0,0 +1,9 @@
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="main.css">
+    </head>
+    <body>
+        <div id="app"></div>
+        <script src="main.js"></script>
+    </body>
+</html>
--- a/cmd/templates/vanilla/frontend/src/main.css
+++ b/cmd/templates/vanilla/frontend/src/main.css
--- a/cmd/templates/vanilla/frontend/src/main.js
+++ b/cmd/templates/vanilla/frontend/src/main.js
@@ -0,0 +1,29 @@
+
+const runtime = require('@wailsapp/runtime');
+
+// We need to wait for runtime.Init to complete before 
+// running our JS
+runtime.Init(() => {
+
+    // Ensure the default app div is 100% wide/high
+    var app = document.getElementById("app");
+    app.style.width = "100%";
+    app.style.height = "100%";
+
+    // Inject html
+    app.innerHTML = `
+    <div class="logo"></div>
+    <div class="container">
+        <button id="button">Click Me!</button>
+        <div id="result"/>
+    </div>
+    `;
+
+    // Connect button to Go method
+    document.getElementById("button").onclick = () => {
+       window.backend.basic().then((result) => {
+           document.getElementById("result").innerText = result;
+       })
+    } 
+
+});
--- a/cmd/templates/vanilla/frontend/webpack.config.js
+++ b/cmd/templates/vanilla/frontend/webpack.config.js
@@ -0,0 +1,58 @@
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+let imageSizeLimit = 9999999999999999;
+let sourceDir = path.resolve(__dirname, 'src');
+let buildDir = path.resolve(__dirname, 'build');
+
+module.exports = {
+	entry: {
+		index: path.resolve(sourceDir, 'main.js')
+	},
+	output: {
+		path: buildDir,
+		filename: 'main.js'
+	},
+	optimization: {
+		splitChunks: false
+	},
+	devServer: {
+		disableHostCheck: true,
+		contentBase: path.join(__dirname, 'src'),
+		compress: true,
+		open: true,
+		port: 8090
+	},
+	mode: 'production',
+	module: {
+		rules: [
+			{
+				test: /\.(png|gif|jpg|woff2?|eot|ttf|otf|svg)(\?.*)?$/i,
+				use: [
+					{
+						loader: 'url-loader',
+						options: {
+							limit: imageSizeLimit
+						}
+					}
+				],
+			}
+		]
+	},
+	plugins: [
+        new CopyWebpackPlugin({
+			patterns: [
+				{ 
+					from: path.resolve(sourceDir, 'main.css'), 
+					to: path.resolve(buildDir, 'main.css') 
+				},
+				{ 
+					from: path.resolve(sourceDir, 'index.html'), 
+					to: path.resolve(buildDir, 'index.html') 
+				},
+				
+			]
+		})
+    ]
+}
+
--- a/cmd/templates/vanilla/go.mod.template
+++ b/cmd/templates/vanilla/go.mod.template
@@ -0,0 +1,5 @@
+module {{.BinaryName}}
+
+require (
+	github.com/wailsapp/wails {{.WailsVersion}}
+)
--- a/cmd/templates/vanilla/main.go.template
+++ b/cmd/templates/vanilla/main.go.template
@@ -0,0 +1,27 @@
+package main
+
+import (
+  "github.com/leaanthony/mewn"
+  "github.com/wailsapp/wails"
+)
+
+func basic() string {
+  return "Hello World!"
+}
+
+func main() {
+
+	js := mewn.String("./frontend/build/main.js")
+	css := mewn.String("./frontend/build/main.css")
+
+  app := wails.CreateApp(&wails.AppConfig{
+    Width:  1024,
+    Height: 768,
+    Title:  "{{.Name}}",
+    JS:     js,
+    CSS:    css,
+    Colour: "#131313",
+  })
+  app.Bind(basic)
+  app.Run()
+}
--- a/cmd/templates/vanilla/template.json
+++ b/cmd/templates/vanilla/template.json
@@ -0,0 +1,12 @@
+{
+  "name": "Vanilla",
+  "shortdescription": "A Vanilla HTML/JS template",
+  "description": "A basic template using plain html/js and bundled using Webpack 4",
+  "author": "Lea Anthony<lea.anthony@gmail.com>",
+  "created": "2020-06-14",
+  "frontenddir": "frontend",
+  "install": "npm install",
+  "build": "npm run build",
+  "serve": "npm run serve",
+  "bridge": "src"
+}
Author	SHA1	Message	Date
Lea Anthony	be83d16b2b	lint fixes	2020-06-19 08:50:23 +10:00
Lea Anthony	6214b41c43	Initial implementation of vanilla template	2020-06-19 08:50:23 +10:00