@vitella-ssr/vue 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/renderer.d.ts.map +1 -1
- package/dist/renderer.js +6 -3
- package/dist/renderer.js.map +1 -1
- package/package.json +2 -4
package/README.md
CHANGED
|
@@ -1,2 +1,32 @@
|
|
|
1
1
|
# @vitella-ssr/vue
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
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.
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
// vitella.config.ts
|
|
7
|
+
import { vitellaPlugin } from '@vitella-ssr/core'
|
|
8
|
+
import { vueAdapter } from '@vitella-ssr/vue'
|
|
9
|
+
|
|
10
|
+
export default {
|
|
11
|
+
plugins: [vitellaPlugin({
|
|
12
|
+
appShell: 'src/app.html',
|
|
13
|
+
adapter: vueAdapter,
|
|
14
|
+
})],
|
|
15
|
+
}
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
```vue
|
|
19
|
+
<!-- src/pages/index.vue -->
|
|
20
|
+
<script setup>
|
|
21
|
+
import { useHead } from '@vitella-ssr/vue'
|
|
22
|
+
|
|
23
|
+
useHead({
|
|
24
|
+
title: 'Home',
|
|
25
|
+
meta: [{ name: 'description', content: 'Welcome' }],
|
|
26
|
+
})
|
|
27
|
+
</script>
|
|
28
|
+
|
|
29
|
+
<template>
|
|
30
|
+
<h1>Hello SSR</h1>
|
|
31
|
+
</template>
|
|
32
|
+
```
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +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,
|
|
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,OA+BxB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -7,6 +7,12 @@ export const vueAdapter = {
|
|
|
7
7
|
return renderVueComponent(component, loadData, layout);
|
|
8
8
|
},
|
|
9
9
|
getClientEntry(page, pagePath, layout) {
|
|
10
|
+
if (!/^[a-zA-Z0-9_./@[\]-]+$/.test(pagePath)) {
|
|
11
|
+
throw new Error(`Invalid pagePath: ${pagePath}`);
|
|
12
|
+
}
|
|
13
|
+
if (layout && !/^[a-zA-Z0-9_./@[\]-]+$/.test(layout)) {
|
|
14
|
+
throw new Error(`Invalid layout: ${layout}`);
|
|
15
|
+
}
|
|
10
16
|
if (layout) {
|
|
11
17
|
return [
|
|
12
18
|
`import { createSSRApp, h } from 'vue'`,
|
package/dist/index.js.map
CHANGED
|
@@ -1 +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"}
|
|
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,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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"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
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { createSSRApp, h } from 'vue';
|
|
2
|
-
import { renderToString } from '
|
|
2
|
+
import { renderToString } from 'vue/server-renderer';
|
|
3
|
+
function escapeHtml(s) {
|
|
4
|
+
return s.replace(/&/g, '&').replace(/"/g, '"').replace(/</g, '<').replace(/>/g, '>');
|
|
5
|
+
}
|
|
3
6
|
export async function renderVueComponent(component, loadData, layout) {
|
|
4
7
|
const ssrContext = {};
|
|
5
8
|
const app = createSSRApp({
|
|
@@ -19,12 +22,12 @@ export async function renderVueComponent(component, loadData, layout) {
|
|
|
19
22
|
let head = '';
|
|
20
23
|
if (headData.meta) {
|
|
21
24
|
head += headData.meta
|
|
22
|
-
.map((m) => `<meta${m.charset ? ` charset="${m.charset}"` : ''}${m.name ? ` name="${m.name}"` : ''}${m.property ? ` property="${m.property}"` : ''}${m.content ? ` content="${m.content}"` : ''}>`)
|
|
25
|
+
.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)}"` : ''}>`)
|
|
23
26
|
.join('\n ');
|
|
24
27
|
}
|
|
25
28
|
if (headData.link) {
|
|
26
29
|
head += headData.link
|
|
27
|
-
.map((l) => `<link rel="${l.rel}" href="${l.href}">`)
|
|
30
|
+
.map((l) => `<link rel="${escapeHtml(l.rel)}" href="${escapeHtml(l.href)}">`)
|
|
28
31
|
.join('\n ');
|
|
29
32
|
}
|
|
30
33
|
return {
|
package/dist/renderer.js.map
CHANGED
|
@@ -1 +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,
|
|
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,qBAAqB,CAAA;AAGpD,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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vitella-ssr/vue",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "A plugin to support Vue in Vitella",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -21,8 +21,7 @@
|
|
|
21
21
|
"vite": "8.0.16"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"vue": "3.5.38"
|
|
25
|
-
"@vue/server-renderer": "3.5.38"
|
|
24
|
+
"vue": "3.5.38"
|
|
26
25
|
},
|
|
27
26
|
"peerDependencies": {
|
|
28
27
|
"@vitella-ssr/core": "^0.1.0"
|
|
@@ -31,7 +30,6 @@
|
|
|
31
30
|
"@vitella-ssr/core": "*",
|
|
32
31
|
"@vitejs/plugin-vue": "^5.0.0",
|
|
33
32
|
"vue": "3.5.38",
|
|
34
|
-
"@vue/server-renderer": "3.5.38",
|
|
35
33
|
"vitest": "4.1.9",
|
|
36
34
|
"@types/node": "25.9.3"
|
|
37
35
|
}
|