create-smcgateway-sv 0.0.1 → 0.0.4
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.
- package/index.js +4 -1
- package/package.json +1 -1
- package/template/Makefile +37 -0
- package/template/index.html +13 -0
- package/template/public/vite.svg +1 -0
- package/template/src/App.svelte +13 -0
- package/template/src/app.css +0 -0
- package/template/src/assets/svelte.svg +1 -0
- package/template/src/lib/Hello.svelte +7 -0
- package/template/src/main.ts +12 -0
- package/template/src/vite-env.d.ts +2 -0
- package/template/svelte.config.js +7 -0
- package/template/tsconfig.app.json +20 -0
- package/template/tsconfig.json +7 -0
- package/template/tsconfig.node.json +25 -0
- package/template/vite.config.ts +20 -0
package/index.js
CHANGED
|
@@ -42,7 +42,10 @@ fs.writeFileSync(
|
|
|
42
42
|
// the dependencies. We are using a third-party library
|
|
43
43
|
// called `cross-spawn` for cross-platform support.
|
|
44
44
|
// (Node has issues spawning child processes in Windows).
|
|
45
|
-
spawn.sync('npm', ['install'], { stdio: 'inherit' });
|
|
45
|
+
// spawn.sync('npm', ['install'], { stdio: 'inherit' });
|
|
46
46
|
|
|
47
47
|
console.log('Success! Your new project is ready.');
|
|
48
48
|
console.log(`Created ${projectName} at ${projectDir}`);
|
|
49
|
+
console.log(`cd ${projectName}`);
|
|
50
|
+
console.log(`npm install`);
|
|
51
|
+
console.log(`npm run dev`);
|
package/package.json
CHANGED
|
@@ -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;
|
|
@@ -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>
|
|
@@ -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>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { LoginForm, auth } from "smcgateway-sv";
|
|
3
|
+
import Hello from "lib/Hello.svelte"
|
|
4
|
+
</script>
|
|
5
|
+
|
|
6
|
+
<div class="container mt-3">
|
|
7
|
+
{#if auth.user}
|
|
8
|
+
<Hello></Hello>
|
|
9
|
+
<button class="btn btn-secondary" onclick={auth.logout}>Logout</button>
|
|
10
|
+
{:else}
|
|
11
|
+
<LoginForm></LoginForm>
|
|
12
|
+
{/if}
|
|
13
|
+
</div>
|
|
File without changes
|
|
@@ -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>
|
|
@@ -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
|
|
@@ -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
|
+
}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
+
})
|