@vitella-ssr/vue 0.1.0 → 0.1.1

package/README.md

@@ -1,2 +1,32 @@
 # @vitella-ssr/vue
-This is a plugin for Vitella that enables vue to be SSR through Vitella.
+
+Vue adapter for Vitella. Renders Vue components to HTML during SSR and generates client hydration code. Includes the `useHead` composable for injecting `<title>`, `<meta>`, and `<link>` tags from within components.
+
+```ts
+// vitella.config.ts
+import { vitellaPlugin } from '@vitella-ssr/core'
+import { vueAdapter } from '@vitella-ssr/vue'
+
+export default {
+  plugins: [vitellaPlugin({
+    appShell: 'src/app.html',
+    adapter: vueAdapter,
+  })],
+}
+```
+
+```vue
+<!-- src/pages/index.vue -->
+<script setup>
+import { useHead } from '@vitella-ssr/vue'
+
+useHead({
+  title: 'Home',
+  meta: [{ name: 'description', content: 'Welcome' }],
+})
+</script>
+
+<template>
+  <h1>Hello SSR</h1>
+</template>
+```

package/dist/index.d.ts.map

@@ -1 +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"}
+{"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,OA+BxB,CAAA"}

package/dist/index.js

@@ -7,6 +7,12 @@ export const vueAdapter = {
         return renderVueComponent(component, loadData, layout);
     },
     getClientEntry(page, pagePath, layout) {
+        if (!/^[a-zA-Z0-9_./@[\]-]+$/.test(pagePath)) {
+            throw new Error(`Invalid pagePath: ${pagePath}`);
+        }
+        if (layout && !/^[a-zA-Z0-9_./@[\]-]+$/.test(layout)) {
+            throw new Error(`Invalid layout: ${layout}`);
+        }
         if (layout) {
             return [
                 `import { createSSRApp, h } from 'vue'`,

package/dist/index.js.map

@@ -1 +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"}
+{"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,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC7C,MAAM,IAAI,KAAK,CAAC,qBAAqB,QAAQ,EAAE,CAAC,CAAA;QAClD,CAAC;QACD,IAAI,MAAM,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACrD,MAAM,IAAI,KAAK,CAAC,mBAAmB,MAAM,EAAE,CAAC,CAAA;QAC9C,CAAC;QACD,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.map

@@ -1 +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"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAM5D,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

@@ -1,5 +1,8 @@
 import { createSSRApp, h } from 'vue';
 import { renderToString } from '@vue/server-renderer';
+function escapeHtml(s) {
+    return s.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
 export async function renderVueComponent(component, loadData, layout) {
     const ssrContext = {};
     const app = createSSRApp({
@@ -19,12 +22,12 @@ export async function renderVueComponent(component, loadData, layout) {
     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}"` : ''}>`)
+            .map((m) => `<meta${m.charset ? ` charset="${escapeHtml(m.charset)}"` : ''}${m.name ? ` name="${escapeHtml(m.name)}"` : ''}${m.property ? ` property="${escapeHtml(m.property)}"` : ''}${m.content ? ` content="${escapeHtml(m.content)}"` : ''}>`)
             .join('\n  ');
     }
     if (headData.link) {
         head += headData.link
-            .map((l) => `<link rel="${l.rel}" href="${l.href}">`)
+            .map((l) => `<link rel="${escapeHtml(l.rel)}" href="${escapeHtml(l.href)}">`)
             .join('\n  ');
     }
     return {

package/dist/renderer.js.map

@@ -1 +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"}
+{"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,SAAS,UAAU,CAAC,CAAS;IAC3B,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;AACrG,CAAC;AAED,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,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CACvO;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,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;aACjF,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitella-ssr/vue",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A plugin to support Vue in Vitella",
   "type": "module",
   "main": "./dist/index.js",