build: script modification for different builds

build.sh

@@ -0,0 +1,19 @@
+#!/bin/bash
+
+
+versions=($(jq -r '.[].version' version.json))
+
+
+for version in "${versions[@]}"; do
+  echo "Building for version: $version"
+
+  npx vite build --config vite.config."$version".ts
+
+  #Build status
+  if [ $? -ne 0 ]; then
+    echo "Build failed for version: $version"
+    exit 1
+  fi
+done
+
+echo "All builds completed successfully"

netlify.toml

@@ -1,7 +1,12 @@
 [build]
-  command = "npm run build && mkdir -p ./dist && cp -r ../public/* ./dist/ && mv ./dist/simulatorvue/index.html ./dist/"
+  command = "npm run build && mkdir -p ./dist && cp -r ../public/* ./dist/ && cp ./dist/simulatorvue/v0/index.html ./dist/index-v0.html && cp ./dist/simulatorvue/v1/index.html ./dist/index-v1.html"
 
 [[redirects]]
-  from = "/simulatorvue/*"
+  from = "/simulatorvue/v0/*"
+  to = "/index.html"
+  status = 200
+
+[[redirects]]
+  from = "/simulatorvue/v1/*"
   to = "/index.html"
   status = 200

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "scripts": {
         "serve": "vite preview",
-        "build": "vite build",
+        "build": "bash build.sh",
         "dev": "vite",
         "preview": "vite preview",
         "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
@@ -53,6 +53,7 @@
         "prettier": "2.6.2",
         "typescript": "^4.5.4",
         "vite": "^2.9.18",
+        "vite-plugin-html": "^3.2.2",
         "vite-plugin-vuetify": "^1.0.0-alpha.0",
         "vue-cli-plugin-vuetify": "~2.5.1",
         "vue-tsc": "^0.34.7"

version.json

@@ -0,0 +1,13 @@
+[
+    {
+        "version": "v0",
+        "date": "2024-05-15",
+        "description": "Pre-Release"
+    },
+    {
+        "version": "v1",
+        "date": "2024-06-30",
+        "description": "First Release"
+    }
+
+]

vite.config.ts

@@ -19,19 +19,19 @@ export default defineConfig({
 
             // you need to set i18n resource including paths !
             include: fileURLToPath(
-                new URL('./src/locales/**', import.meta.url)
+                new URL(`./src/locales/**`, import.meta.url)
             ),
         }),
     ],
     resolve: {
         alias: {
-            '#': fileURLToPath(new URL('./src', import.meta.url)),
-            '@': fileURLToPath(new URL('./src/components', import.meta.url)),
+            '#': fileURLToPath(new URL(`./src`, import.meta.url)),
+            '@': fileURLToPath(new URL(`./src/components`, import.meta.url)),
         },
     },
     base: '/simulatorvue/',
     build: {
-        outDir: '../public/simulatorvue',
+        outDir: `../public/simulatorvue/`,
         assetsDir: 'assets',
         chunkSizeWarningLimit: 1600,
     },

vite.config.v0.ts

@@ -0,0 +1,62 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { fileURLToPath, URL } from 'url'
+import vueI18n from '@intlify/vite-plugin-vue-i18n'
+
+// https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
+import vuetify from 'vite-plugin-vuetify'
+import { createHtmlPlugin } from 'vite-plugin-html'
+
+const proxyUrl: string = 'http://localhost:3000'
+
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [
+        vue(),
+        vuetify({ autoImport: true }),
+        vueI18n({
+            // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
+            // compositionOnly: false,
+
+            // you need to set i18n resource including paths !
+            include: fileURLToPath(
+                new URL(`./v0/src/locales/**`, import.meta.url)
+            ),
+        }),
+        createHtmlPlugin({
+            minify: true,
+            inject: {
+              data: {
+                injectScript: '<script type="module" src="/v0/src/main.ts"></script>',
+              },
+            },
+          }),
+    ],
+    resolve: {
+        alias: {
+            '#': fileURLToPath(new URL(`./v0/src`, import.meta.url)),
+            '@': fileURLToPath(new URL(`./v0/src/components`, import.meta.url)),
+        },
+    },
+    base: '/simulatorvue/v0/',
+    build: {
+        outDir: `../public/simulatorvue/v0/`,
+        assetsDir: 'assets',
+        chunkSizeWarningLimit: 1600,
+    },
+    server: {
+        port: 4000,
+        proxy: {
+            // ...(process.env.NODE_ENV === 'development' && {
+            '^/(?!(simulatorvue)).*': {
+                target: proxyUrl,
+                changeOrigin: true,
+                headers: {
+                    origin: proxyUrl,
+                },
+            },
+            // }),
+        },
+    },
+})

vite.config.v1.ts

@@ -0,0 +1,62 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { fileURLToPath, URL } from 'url'
+import vueI18n from '@intlify/vite-plugin-vue-i18n'
+
+// https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
+import vuetify from 'vite-plugin-vuetify'
+import { createHtmlPlugin } from 'vite-plugin-html'
+
+const proxyUrl: string = 'http://localhost:3000'
+
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [
+        vue(),
+        vuetify({ autoImport: true }),
+        vueI18n({
+            // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
+            // compositionOnly: false,
+
+            // you need to set i18n resource including paths !
+            include: fileURLToPath(
+                new URL(`./v1/src/locales/**`, import.meta.url)
+            ),
+        }),
+        createHtmlPlugin({
+            minify: true,
+            inject: {
+              data: {
+                injectScript: '<script type="module" src="/v1/src/main.ts"></script>',
+              },
+            },
+          }),
+    ],
+    resolve: {
+        alias: {
+            '#': fileURLToPath(new URL(`./v1/src`, import.meta.url)),
+            '@': fileURLToPath(new URL(`./v1/src/components`, import.meta.url)),
+        },
+    },
+    base: '/simulatorvue/v1/',
+    build: {
+        outDir: `../public/simulatorvue/v1/`,
+        assetsDir: 'assets',
+        chunkSizeWarningLimit: 1600,
+    },
+    server: {
+        port: 4000,
+        proxy: {
+            // ...(process.env.NODE_ENV === 'development' && {
+            '^/(?!(simulatorvue)).*': {
+                target: proxyUrl,
+                changeOrigin: true,
+                headers: {
+                    origin: proxyUrl,
+                },
+            },
+            // }),
+        },
+    },
+})