create-jwn-js 1.0.2 → 1.0.3

package/template-vite-vue3-ts/tsconfig.json

@@ -0,0 +1,47 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "noImplicitThis": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "allowJs": true,
+    "noImplicitAny": true,
+    "strictFunctionTypes": false,
+    "skipLibCheck": true,
+    "strictPropertyInitialization": false,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "lib": [
+      "esnext",
+      "dom"
+    ],
+    "types": [
+      "vite/client",
+      "@types/jest",
+      "node",
+      "jest-environment-puppeteer"
+    ],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    }
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/template-vite-vue3-ts/vite.config.ts

@@ -0,0 +1,87 @@
+import path from "path";
+import {defineConfig, ResolvedConfig} from "vite";
+import vue from "@vitejs/plugin-vue";
+import fetch from "cross-fetch";
+import ssr from "vite-ssr-vue/plugin";
+import svgLoader from "vite-svg-loader";
+import config from "./connect.json";
+import {createConfigServer} from "./src/backend/server/helpers/createConfigServer";
+import {createMemcached} from "./src/backend/server/helpers/createMemcached";
+import {createMariadb} from "./src/backend/server/helpers/createMariadb";
+
+declare var process: any;
+
+const cnf = createConfigServer(config);
+const {memcachedClient, memcached} = createMemcached();
+const {home, homePool} = createMariadb(config);
+process.server = {
+    db: {home},
+    memcached
+};
+
+export default defineConfig({
+    resolve: {
+        alias: [
+            {
+                find: /^~(.+)/,
+                replacement: path.resolve("./node_modules") + "/$1"
+            },
+            {
+                find: /@\/(.*)/,
+                replacement: path.resolve("./src") + "/$1"
+            }
+        ],
+    },
+    server: {
+        host: cnf.host,
+        port: config.server.development.vite.port,
+        proxy: {
+            "/web": `http://${cnf.host}:${cnf.port}`
+        },
+    },
+
+    //@ts-ignore
+    ssr: {
+        external: [
+            "@jwn-js/plugins",
+            "css-select"
+        ],
+        noExternal: [
+            "vuex-router-sync"
+        ]
+    },
+    plugins: [
+        ssr({
+            ssr: "./src/frontend/entry-server.ts"
+        }),
+        vue({
+            template: {
+                ssr: true,
+                compilerOptions: {
+                    directiveTransforms: {
+                    }
+                }
+            }
+        }),
+        svgLoader(),
+        {
+            name: "close",
+            async configResolved(config:ResolvedConfig) {
+                if(config.command !== "build") {
+                    const interval = setInterval(async() => {
+                        try {
+                            await fetch(`http://${cnf.host}:${cnf.vitePort}`);
+                            clearInterval(interval);
+                        } catch(e) {}
+
+                    }, 50);
+                }
+            },
+            async closeBundle() {
+                memcachedClient && memcachedClient.close();
+                homePool && await homePool.end();
+                process.server.app && await process.server.app.close();
+            }
+        },
+    ]
+});