Merge pull request #56 from k99k5/main

Beta 0.3

package.json

@@ -5,7 +5,7 @@
 		"dev": "node server.js",
 		"build": "pnpm run build:client && pnpm run build:server",
 		"build:client": "vite build --outDir dist/client --ssrManifest",
-		"build:server": "vite build --outDir dist/server --ssr src/worker.js"
+		"build:server": "vite build --outDir dist/server --ssr server-production.js"
 	},
 	"dependencies": {
 		"@duannx/vue-client-only": "^1.0.3",

server-production.js

@@ -0,0 +1,36 @@
+import path from 'node:path';
+import {render} from '@/entry-server.js';
+import template from './dist/client/index.html?raw';
+import manifest from './dist/client/.vite/ssr-manifest.json?raw';
+import express from 'express';
+
+const app = express();
+
+const assets = express.static(path.join('./../client'));
+app.use('/', async (req, res, next) => {
+    if (req.url.endsWith('/')) {
+        return next();
+    }
+    return assets(req, res, next);
+});
+
+app.get('*', async (req, res) => {
+    try {
+        const renderRes = await render(req.originalUrl, manifest, {
+            cookies: req.headers.cookie,
+        });
+        res.status(200).send(
+            template
+                .replace(`<!--app-html-->`, renderRes.html)
+                .replace(`<!--preload-links-->`, renderRes.preloadLinks)
+                .replace(`<!--head-tags-->`, renderRes.headTags)
+                .replace(`null;//'<!--ssr-state-->'`, renderRes.state),
+        );
+    } catch (e) {
+        res.status(500).send(e.stack);
+    }
+});
+
+app.listen(3000, () => {
+    console.log('http://localhost:3000');
+})

vite.config.js

@@ -84,7 +84,7 @@ export default defineConfig({
         VitePWA({
             registerType: 'autoUpdate',
             workbox: {
-                globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
+                globPatterns: ['**/*.{js,css,ico,png,svg,ttf,woff,woff2,json,webp}'],
                 navigateFallbackDenylist: [
                     /^\/api/,
                     /^\/cdn-cgi/,
@@ -139,4 +139,8 @@ export default defineConfig({
     define: {
         __APP_VERSION: `${new Date().getFullYear()}${new Date().getMonth()}${new Date().getDate()}.${new Date().getHours()}`,
     },
+    ssr: {
+        external: true,
+        noExternal: ['primevue'],
+    },
 });