@vitella-ssr/pinia 0.1.0 → 0.1.2

package/README.md

@@ -1,2 +1,34 @@
 # @vitella-ssr/pinia
-This is a plugin for Vitella that enables the use of pinia as part of a Vitella SSR application
+
+Pinia adapter for Vitella. Extends the Vue adapter with per-request Pinia state creation, automatic serialization of store state into `window.__INITIAL_STATE__`, and client-side hydration.
+
+```ts
+// vitella.config.ts
+import { vitellaPlugin } from '@vitella-ssr/core'
+import { piniaVueAdapter } from '@vitella-ssr/pinia'
+
+export default {
+  plugins: [vitellaPlugin({
+    appShell: 'src/app.html',
+    adapter: piniaVueAdapter,
+  })],
+}
+```
+
+```ts
+// src/stores/counter.ts
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', {
+  state: () => ({ count: 0 }),
+})
+```
+
+```vue
+<!-- src/pages/index.vue -->
+<script setup>
+import { useCounterStore } from '../stores/counter'
+const counter = useCounterStore()
+counter.count++  // persisted and hydrated automatically
+</script>
+```

package/dist/adapter.d.ts

@@ -0,0 +1,3 @@
+import type { Adapter } from '@vitella-ssr/core';
+export declare const piniaVueAdapter: Adapter;
+//# sourceMappingURL=adapter.d.ts.map

package/dist/adapter.d.ts.map

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

package/dist/adapter.js

@@ -0,0 +1,82 @@
+import { vueAdapter } from '@vitella-ssr/vue';
+import { createPiniaSSR } from './server.js';
+function escapeHtml(s) {
+    return s.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+export const piniaVueAdapter = {
+    ...vueAdapter,
+    name: 'pinia-vue',
+    render: async ({ component, loadData, layout }) => {
+        const { createSSRApp, h } = await import('vue');
+        const { renderToString } = await import('vue/server-renderer');
+        const ssrContext = {};
+        const { pinia, serialize } = createPiniaSSR();
+        const app = createSSRApp({
+            render() {
+                if (layout) {
+                    return h(layout, null, {
+                        default: () => h(component, loadData),
+                    });
+                }
+                return h(component, loadData);
+            },
+        });
+        app.use(pinia);
+        const html = await renderToString(app, ssrContext);
+        const piniaState = serialize();
+        if (Object.keys(piniaState).length > 0) {
+            loadData.pinia = piniaState;
+        }
+        const headData = ssrContext.head;
+        if (!headData)
+            return html;
+        let head = '';
+        if (headData.meta) {
+            head += headData.meta
+                .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="${escapeHtml(l.rel)}" href="${escapeHtml(l.href)}">`)
+                .join('\n  ');
+        }
+        return {
+            html,
+            title: headData.title,
+            head: head || undefined,
+        };
+    },
+    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'`,
+                `import { hydratePinia } from '@vitella-ssr/pinia'`,
+                `import Layout from ${JSON.stringify(layout)}`,
+                `import Page from ${JSON.stringify(pagePath)}`,
+                `const __initState = typeof window !== 'undefined' ? window.__INITIAL_STATE__ || {} : {}`,
+                `const pinia = hydratePinia()`,
+                `const app = createSSRApp({ render() { return h(Layout, null, { default: () => h(Page, __initState) }) } })`,
+                `app.use(pinia)`,
+                `app.mount('#app')`,
+            ].join('\n');
+        }
+        return [
+            `import { createSSRApp } from 'vue'`,
+            `import { hydratePinia } from '@vitella-ssr/pinia'`,
+            `import Page from ${JSON.stringify(pagePath)}`,
+            `const __initState = typeof window !== 'undefined' ? window.__INITIAL_STATE__ || {} : {}`,
+            `const pinia = hydratePinia()`,
+            `const app = createSSRApp(Page, __initState)`,
+            `app.use(pinia)`,
+            `app.mount('#app')`,
+        ].join('\n');
+    },
+};
+//# sourceMappingURL=adapter.js.map

package/dist/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","sourceRoot":"","sources":["../src/adapter.ts"],"names":[],"mappings":"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"}

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAA;AAEnD,wBAAgB,YAAY,IAAI,UAAU,CAAC,OAAO,WAAW,CAAC,CAW7D"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAA;AAEnD,wBAAgB,YAAY,IAAI,UAAU,CAAC,OAAO,WAAW,CAAC,CAY7D"}

package/dist/client.js

@@ -4,6 +4,8 @@ export function hydratePinia() {
     if (typeof window !== 'undefined' && window.__INITIAL_STATE__?.pinia) {
         const state = window.__INITIAL_STATE__.pinia;
         for (const [key, value] of Object.entries(state)) {
+            if (key === '__proto__' || key === 'constructor')
+                continue;
             pinia.state.value[key] = value;
         }
     }

package/dist/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAA;AAEnD,MAAM,UAAU,YAAY;IAC1B,MAAM,KAAK,GAAG,WAAW,EAAE,CAAA;IAE3B,IAAI,OAAO,MAAM,KAAK,WAAW,IAAK,MAAc,CAAC,iBAAiB,EAAE,KAAK,EAAE,CAAC;QAC9E,MAAM,KAAK,GAAI,MAAc,CAAC,iBAAiB,CAAC,KAAkC,CAAA;QAClF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QAChC,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAA;AAEnD,MAAM,UAAU,YAAY;IAC1B,MAAM,KAAK,GAAG,WAAW,EAAE,CAAA;IAE3B,IAAI,OAAO,MAAM,KAAK,WAAW,IAAK,MAAc,CAAC,iBAAiB,EAAE,KAAK,EAAE,CAAC;QAC9E,MAAM,KAAK,GAAI,MAAc,CAAC,iBAAiB,CAAC,KAAkC,CAAA;QAClF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa;gBAAE,SAAQ;YAC1D,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QAChC,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { createPiniaSSR } from './server.js';
 export { hydratePinia } from './client.js';
+export { piniaVueAdapter } from './adapter.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/index.js

@@ -1,3 +1,4 @@
 export { createPiniaSSR } from './server.js';
 export { hydratePinia } from './client.js';
+export { piniaVueAdapter } from './adapter.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/package.json

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