@vitella-ssr/vue 0.1.0

package/README.md

@@ -0,0 +1,2 @@
+# @vitella-ssr/vue
+This is a plugin for Vitella that enables vue to be SSR through Vitella.

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import type { Adapter } from '@vitella-ssr/core';
+export { useHead } from './use-head.js';
+export declare const vueAdapter: Adapter;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,UAAU,EAAE,OAyBxB,CAAA"}

package/dist/index.js

@@ -0,0 +1,29 @@
+import { renderVueComponent } from './renderer.js';
+export { useHead } from './use-head.js';
+export const vueAdapter = {
+    name: 'vue',
+    extensions: ['.vue'],
+    render: async ({ component, loadData, layout }) => {
+        return renderVueComponent(component, loadData, layout);
+    },
+    getClientEntry(page, pagePath, layout) {
+        if (layout) {
+            return [
+                `import { createSSRApp, h } from 'vue'`,
+                `import Layout from ${JSON.stringify(layout)}`,
+                `import Page from ${JSON.stringify(pagePath)}`,
+                `const __initState = typeof window !== 'undefined' ? window.__INITIAL_STATE__ || {} : {}`,
+                `const app = createSSRApp({ render() { return h(Layout, null, { default: () => h(Page, __initState) }) } })`,
+                `app.mount('#app')`,
+            ].join('\n');
+        }
+        return [
+            `import { createSSRApp } from 'vue'`,
+            `import Page from ${JSON.stringify(pagePath)}`,
+            `const __initState = typeof window !== 'undefined' ? window.__INITIAL_STATE__ || {} : {}`,
+            `const app = createSSRApp(Page, __initState)`,
+            `app.mount('#app')`,
+        ].join('\n');
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAY;IACjC,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,MAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;QAChD,OAAO,kBAAkB,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IACxD,CAAC;IACD,cAAc,CAAC,IAAY,EAAE,QAAgB,EAAE,MAAe;QAC5D,IAAI,MAAM,EAAE,CAAC;YACX,OAAO;gBACL,uCAAuC;gBACvC,sBAAsB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;gBAC9C,oBAAoB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;gBAC9C,yFAAyF;gBACzF,4GAA4G;gBAC5G,mBAAmB;aACpB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACd,CAAC;QACD,OAAO;YACL,oCAAoC;YACpC,oBAAoB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;YAC9C,yFAAyF;YACzF,6CAA6C;YAC7C,mBAAmB;SACpB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACd,CAAC;CACF,CAAA"}

package/dist/renderer.d.ts

@@ -0,0 +1,3 @@
+import type { AdapterRenderResult } from '@vitella-ssr/core';
+export declare function renderVueComponent(component: any, loadData: Record<string, unknown>, layout?: any): Promise<string | AdapterRenderResult>;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,wBAAsB,kBAAkB,CACtC,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,MAAM,CAAC,EAAE,GAAG,GACX,OAAO,CAAC,MAAM,GAAG,mBAAmB,CAAC,CAsCvC"}

package/dist/renderer.js

@@ -0,0 +1,36 @@
+import { createSSRApp, h } from 'vue';
+import { renderToString } from '@vue/server-renderer';
+export async function renderVueComponent(component, loadData, layout) {
+    const ssrContext = {};
+    const app = createSSRApp({
+        render() {
+            if (layout) {
+                return h(layout, null, {
+                    default: () => h(component, loadData),
+                });
+            }
+            return h(component, loadData);
+        },
+    });
+    const html = await renderToString(app, ssrContext);
+    const headData = ssrContext.head;
+    if (!headData)
+        return html;
+    let head = '';
+    if (headData.meta) {
+        head += headData.meta
+            .map((m) => `<meta${m.charset ? ` charset="${m.charset}"` : ''}${m.name ? ` name="${m.name}"` : ''}${m.property ? ` property="${m.property}"` : ''}${m.content ? ` content="${m.content}"` : ''}>`)
+            .join('\n  ');
+    }
+    if (headData.link) {
+        head += headData.link
+            .map((l) => `<link rel="${l.rel}" href="${l.href}">`)
+            .join('\n  ');
+    }
+    return {
+        html,
+        title: headData.title,
+        head: head || undefined,
+    };
+}
+//# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,KAAK,UAAU,kBAAkB,CACtC,SAAc,EACd,QAAiC,EACjC,MAAY;IAEZ,MAAM,UAAU,GAAwE,EAAE,CAAA;IAE1F,MAAM,GAAG,GAAG,YAAY,CAAC;QACvB,MAAM;YACJ,IAAI,MAAM,EAAE,CAAC;gBACX,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE;oBACrB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC;iBACtC,CAAC,CAAA;YACJ,CAAC;YACD,OAAO,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QAC/B,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,IAAI,GAAG,MAAM,cAAc,CAAC,GAAG,EAAE,UAAU,CAAC,CAAA;IAElD,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAA;IAChC,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAA;IAE1B,IAAI,IAAI,GAAG,EAAE,CAAA;IACb,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClB,IAAI,IAAI,QAAQ,CAAC,IAAI;aAClB,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CACd,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CACvL;aACA,IAAI,CAAC,MAAM,CAAC,CAAA;IACjB,CAAC;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClB,IAAI,IAAI,QAAQ,CAAC,IAAI;aAClB,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC;aACzD,IAAI,CAAC,MAAM,CAAC,CAAA;IACjB,CAAC;IAED,OAAO;QACL,IAAI;QACJ,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,IAAI,EAAE,IAAI,IAAI,SAAS;KACxB,CAAA;AACH,CAAC"}

package/dist/use-head.d.ts

@@ -0,0 +1,15 @@
+export interface HeadAttrs {
+    title?: string;
+    meta?: Array<{
+        charset?: string;
+        name?: string;
+        property?: string;
+        content?: string;
+    }>;
+    link?: Array<{
+        rel: string;
+        href: string;
+    }>;
+}
+export declare function useHead(options: HeadAttrs): void;
+//# sourceMappingURL=use-head.d.ts.map

package/dist/use-head.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-head.d.ts","sourceRoot":"","sources":["../src/use-head.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAC,CAAA;IACF,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;KACb,CAAC,CAAA;CACH;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,SAAS,QAiBzC"}

package/dist/use-head.js

@@ -0,0 +1,20 @@
+import { inject } from 'vue';
+const SSR_CONTEXT_KEY = Symbol.for('v-scx');
+export function useHead(options) {
+    const ctx = inject(SSR_CONTEXT_KEY, null);
+    if (!ctx)
+        return;
+    if (!ctx.head) {
+        ctx.head = {};
+    }
+    if (options.title !== undefined) {
+        ctx.head.title = options.title;
+    }
+    if (options.meta) {
+        ctx.head.meta = options.meta;
+    }
+    if (options.link) {
+        ctx.head.link = options.link;
+    }
+}
+//# sourceMappingURL=use-head.js.map

package/dist/use-head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-head.js","sourceRoot":"","sources":["../src/use-head.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAE5B,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;AAgB3C,MAAM,UAAU,OAAO,CAAC,OAAkB;IACxC,MAAM,GAAG,GAAG,MAAM,CAA8B,eAAe,EAAE,IAAI,CAAC,CAAA;IACtE,IAAI,CAAC,GAAG;QAAE,OAAM;IAEhB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACd,GAAG,CAAC,IAAI,GAAG,EAAE,CAAA;IACf,CAAC;IAED,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;QAChC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;IAChC,CAAC;IACD,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;QACjB,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAA;IAC9B,CAAC;IACD,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;QACjB,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAA;IAC9B,CAAC;AACH,CAAC"}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@vitella-ssr/vue",
+  "version": "0.1.0",
+  "description": "A plugin to support Vue in Vitella",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "dev": "vitest"
+  },
+  "overrides": {
+    "vite": "8.0.16"
+  },
+  "dependencies": {
+    "vue": "3.5.38",
+    "@vue/server-renderer": "3.5.38"
+  },
+  "peerDependencies": {
+    "@vitella-ssr/core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@vitella-ssr/core": "*",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "vue": "3.5.38",
+    "@vue/server-renderer": "3.5.38",
+    "vitest": "4.1.9",
+    "@types/node": "25.9.3"
+  }
+}