build: deploy built github-io to live folder

Author: oeninghe-dataport

.gitignore

@@ -5,6 +5,7 @@ git-hooks.config.json
 
 /docs-html
 .dist.preview
+.dist.github-io
 .vscode/settings.json
 
 # Old gitignore, maybe cleanup when migrated
@@ -29,4 +30,4 @@ logs
 *.patch
 !/patches/**/*.patch
 
-.DS_Store
+.DS_Store

package.json

@@ -57,7 +57,7 @@
 		"tsc": "tsc && vue-tsc -p src && vue-tsc -p examples/iceberg",
 		"tsc:ci": "tsc && vue-tsc -p src && vue-tsc -p examples/iceberg",
 		"docs:ci": "npm run docs:showcase:ci && npm run docs:docs:ci && npm run docs:api:ci && npm run docs:api:core:ci && npm run docs:api:plugin:ci",
-		"docs:showcase:ci": "mkdir -p docs-html && cp -r examples/github-io/* docs-html/",
+		"docs:showcase:ci": "mkdir -p docs-html && npm run build:ci && vite build -c vite.config.github-io.ts && cp -r .dist.github-io/* docs-html/",
 		"docs:docs": "mkdocs serve",
 		"docs:docs:ci": "mkdocs build",
 		"docs:api": "node scripts/typedoc-install-vue-tsc.ts && typedoc --watch",

vite.config.github-io.ts

@@ -0,0 +1,35 @@
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
+import commonJs from 'vite-plugin-commonjs'
+import kernExtraIcons from 'vite-plugin-kern-extra-icons'
+
+import enrichedConsole from './vitePlugins/enrichedConsole.js'
+
+export default defineConfig({
+	root: resolve(__dirname, 'examples', 'github-io'),
+	base: './',
+	plugins: [
+		// @ts-expect-error | commonJs dts is broken
+		commonJs(),
+		vue({
+			template: {
+				compilerOptions: {
+					isCustomElement: (tag) => tag.includes('-'),
+				},
+			},
+		}),
+		kernExtraIcons({
+			cssLayer: 'kern-ux-icons',
+			ignoreFilename: (filename) => !filename.includes('/examples/github-io/'),
+		}),
+		enrichedConsole(),
+	],
+	build: {
+		outDir: '../../.dist.github-io',
+		chunkSizeWarningLimit: 1536,
+	},
+	preview: {
+		port: 1236,
+	},
+})