create-smcgateway-sv 0.0.3 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/package.json +1 -1
  2. package/template/Makefile +37 -0
  3. package/template/index.html +13 -0
  4. package/template/public/vite.svg +1 -0
  5. package/template/src/App.svelte +34 -0
  6. package/template/src/app.css +0 -0
  7. package/template/src/assets/svelte.svg +1 -0
  8. package/template/src/lib/Hello.svelte +7 -0
  9. package/template/src/lib/Navbar.svelte +46 -0
  10. package/template/src/main.ts +12 -0
  11. package/template/src/vite-env.d.ts +2 -0
  12. package/template/svelte.config.js +7 -0
  13. package/template/tsconfig.app.json +20 -0
  14. package/template/tsconfig.json +7 -0
  15. package/template/tsconfig.node.json +25 -0
  16. package/template/vite.config.ts +20 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-smcgateway-sv",
3
- "version": "0.0.3",
3
+ "version": "0.1.1",
4
4
  "description": "SMC Gateway Svelte Webapp template",
5
5
  "bin": {
6
6
  "create-my-template": "./index.js"
package/template/Makefile ADDED
@@ -0,0 +1,37 @@
1
+ -include .env
2
+
3
+ NAME := $(notdir $(CURDIR))
4
+ WEBAPP_DIR ?= ../
5
+ DIR = $(abspath ${WEBAPP_DIR})
6
+ ts = `date +%Y-%m-%d_%H%M`
7
+ zipfile = ${NAME}-webapp_${ts}.zip
8
+
9
+ dev:
10
+ npm run dev
11
+
12
+ build: checkclean
13
+ @echo Building ${zipfile}
14
+ @npm run build \
15
+ && cd dist \
16
+ && zip -rg ${DIR}/${zipfile} . \
17
+ && cd .. \
18
+ && echo ${zipfile} > version.txt \
19
+ && git add version.txt \
20
+ && git commit -m "${zipfile}" \
21
+ && echo \
22
+ && echo Saved ${DIR}/${zipfile}
23
+
24
+ update: checkclean
25
+ @if ! command -v ncu >/dev/null 2>&1; then \
26
+ @echo Error, missing `ncu` - try `npm install -g npm-check-updates` \
27
+ exit 1; \
28
+ fi;
29
+ ncu
30
+
31
+ checkclean:
32
+ @status=$$(git status --porcelain); \
33
+ if [ ! -z "$${status}" ]; \
34
+ then \
35
+ echo "Error - working directory is dirty. Commit those changes!"; \
36
+ exit 1; \
37
+ fi;
package/template/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>SMC Gateway</title>
8
+ </head>
9
+ <body>
10
+ <div id="app"></div>
11
+ <script type="module" src="/src/main.ts"></script>
12
+ </body>
13
+ </html>
package/template/public/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/template/src/App.svelte ADDED
@@ -0,0 +1,34 @@
1
+ <script lang="ts">
2
+ import Router from "svelte-spa-router";
3
+ import NavBar from "./lib/Navbar.svelte";
4
+ import { LoginForm, auth } from "smcgateway-sv";
5
+ import Hello from "./lib/Hello.svelte";
6
+
7
+ const routes = {
8
+ "/hello": Hello,
9
+ // Catch all, must be at end
10
+ "*": Hello,
11
+ };
12
+ </script>
13
+
14
+ {#if auth.user}
15
+ <NavBar></NavBar>
16
+ <div class="container-fluid" style="margin-top: 60px;">
17
+ <Router {routes} />
18
+ </div>
19
+ {:else}
20
+ <div class="form-signin">
21
+ <LoginForm>
22
+ <h3>Login</h3>
23
+ </LoginForm>
24
+ </div>
25
+ {/if}
26
+
27
+ <style>
28
+ .form-signin {
29
+ width: 100%;
30
+ max-width: 330px;
31
+ padding-top: 50px;
32
+ margin: auto;
33
+ }
34
+ </style>
package/template/src/app.css ADDED
File without changes
package/template/src/assets/svelte.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="26.6" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 308"><path fill="#FF3E00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.198 82.198 0 0 0-37.135 55.056a86.566 86.566 0 0 0 8.536 55.576a82.425 82.425 0 0 0-12.296 30.719a87.596 87.596 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.182 82.182 0 0 0 37.135-55.057a86.601 86.601 0 0 0-8.53-55.577a82.409 82.409 0 0 0 12.29-30.718a87.573 87.573 0 0 0-14.963-66.244"></path><path fill="#FFF" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.685 52.685 0 0 1-9.003-39.85a49.978 49.978 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.447 92.447 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.067 16.067 0 0 0 2.89 10.656a17.143 17.143 0 0 0 18.397 6.828a15.786 15.786 0 0 0 4.403-1.935l71.67-45.672a14.922 14.922 0 0 0 6.734-9.977a15.923 15.923 0 0 0-2.713-12.011a17.156 17.156 0 0 0-18.404-6.832a15.78 15.78 0 0 0-4.396 1.933l-27.35 17.434a52.298 52.298 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.681 52.681 0 0 1-9.004-39.849a49.428 49.428 0 0 1 22.34-33.114l71.664-45.677a52.218 52.218 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.685 52.685 0 0 1 9.004 39.85a50.559 50.559 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.373 92.373 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.099 16.099 0 0 0-2.89-10.656a17.143 17.143 0 0 0-18.398-6.828a15.786 15.786 0 0 0-4.402 1.935l-71.67 45.674a14.898 14.898 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.156 17.156 0 0 0 18.404 6.832a15.841 15.841 0 0 0 4.402-1.935l27.345-17.427a52.147 52.147 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.681 52.681 0 0 1 9.003 39.848a49.453 49.453 0 0 1-22.34 33.12l-71.664 45.673a52.218 52.218 0 0 1-14.563 6.398"></path></svg>
package/template/src/lib/Hello.svelte ADDED
@@ -0,0 +1,7 @@
1
+ <script lang="ts">
2
+ import { auth } from "smcgateway-sv";
3
+ </script>
4
+
5
+ <div class="container">
6
+ <h3>Hello {auth.user.name}</h3>
7
+ </div>
package/template/src/lib/Navbar.svelte ADDED
@@ -0,0 +1,46 @@
1
+ <script lang="ts">
2
+ import active from "svelte-spa-router/active";
3
+ import { auth } from "smcgateway-sv";
4
+ </script>
5
+
6
+ <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
7
+ <div class="container-fluid">
8
+ <a class="navbar-brand" href="#/">Admin</a>
9
+ <button
10
+ class="navbar-toggler"
11
+ type="button"
12
+ data-bs-toggle="collapse"
13
+ data-bs-target="#navbarNav"
14
+ aria-controls="navbarNav"
15
+ aria-expanded="false"
16
+ aria-label="Toggle navigation"
17
+ >
18
+ <span class="navbar-toggler-icon"></span>
19
+ </button>
20
+ <div class="collapse navbar-collapse" id="navbarNav">
21
+ <ul class="navbar-nav">
22
+ <li class="nav-item">
23
+ <a
24
+ class="nav-link"
25
+ use:active
26
+ aria-current="page"
27
+ href="#/hello">Hello</a
28
+ >
29
+ </li>
30
+ {#if auth.isAdmin}
31
+ <li class="nav-item">
32
+ <a
33
+ class="nav-link"
34
+ use:active
35
+ aria-current="page"
36
+ href="#/">Admin only</a
37
+ >
38
+ </li>
39
+ {/if}
40
+ </ul>
41
+ <a class="nav-link" use:active href="#/" onclick={auth.logout}
42
+ >Logout</a
43
+ >
44
+ </div>
45
+ </div>
46
+ </nav>
package/template/src/main.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { mount } from 'svelte'
2
+ import './app.css'
3
+ import App from './App.svelte'
4
+
5
+ import 'bootstrap/dist/css/bootstrap.css'
6
+ import 'bootstrap/dist/js/bootstrap'
7
+
8
+ const app = mount(App, {
9
+ target: document.getElementById('app')!,
10
+ })
11
+
12
+ export default app
package/template/src/vite-env.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ /// <reference types="svelte" />
2
+ /// <reference types="vite/client" />
package/template/svelte.config.js ADDED
@@ -0,0 +1,7 @@
1
+ import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
2
+
3
+ export default {
4
+ // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
5
+ // for more information about preprocessors
6
+ preprocess: vitePreprocess(),
7
+ }
package/template/tsconfig.app.json ADDED
@@ -0,0 +1,20 @@
1
+ {
2
+ "extends": "@tsconfig/svelte/tsconfig.json",
3
+ "compilerOptions": {
4
+ "target": "ESNext",
5
+ "useDefineForClassFields": true,
6
+ "module": "ESNext",
7
+ "resolveJsonModule": true,
8
+ /**
9
+ * Typecheck JS in `.svelte` and `.js` files by default.
10
+ * Disable checkJs if you'd like to use dynamic types in JS.
11
+ * Note that setting allowJs false does not prevent the use
12
+ * of JS in `.svelte` files.
13
+ */
14
+ "allowJs": true,
15
+ "checkJs": true,
16
+ "isolatedModules": true,
17
+ "moduleDetection": "force"
18
+ },
19
+ "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
20
+ }
package/template/tsconfig.json ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "files": [],
3
+ "references": [
4
+ { "path": "./tsconfig.app.json" },
5
+ { "path": "./tsconfig.node.json" }
6
+ ]
7
+ }
package/template/tsconfig.node.json ADDED
@@ -0,0 +1,25 @@
1
+ {
2
+ "compilerOptions": {
3
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
4
+ "target": "ES2022",
5
+ "lib": ["ES2023"],
6
+ "module": "ESNext",
7
+ "skipLibCheck": true,
8
+
9
+ /* Bundler mode */
10
+ "moduleResolution": "bundler",
11
+ "allowImportingTsExtensions": true,
12
+ "verbatimModuleSyntax": true,
13
+ "moduleDetection": "force",
14
+ "noEmit": true,
15
+
16
+ /* Linting */
17
+ "strict": true,
18
+ "noUnusedLocals": true,
19
+ "noUnusedParameters": true,
20
+ "erasableSyntaxOnly": true,
21
+ "noFallthroughCasesInSwitch": true,
22
+ "noUncheckedSideEffectImports": true
23
+ },
24
+ "include": ["vite.config.ts"]
25
+ }
package/template/vite.config.ts ADDED
@@ -0,0 +1,20 @@
1
+ import { defineConfig } from 'vite'
2
+ import { svelte } from '@sveltejs/vite-plugin-svelte'
3
+
4
+ const target = {
5
+ target: 'http://192.168.100.250',
6
+ changeOrigin: true,
7
+ secure: false,
8
+ ws: true,
9
+ }
10
+
11
+ // https://vite.dev/config/
12
+ export default defineConfig({
13
+ base: "",
14
+ plugins: [svelte()],
15
+ server: {
16
+ proxy: {
17
+ '/api': target
18
+ }
19
+ }
20
+ })