vike-solid 0.0.8 → 0.1.0

package/dist/+config.js

@@ -1,3 +1,27 @@
+// alias
+
+// Depending on the value of `config.meta.ssr`, set other config options' `env`
+// accordingly.
+// See https://vite-plugin-ssr.com/meta#modify-existing-configurations
+const toggleSsrRelatedConfig = ({
+  configDefinedAt,
+  configValue
+}) => {
+  if (typeof configValue !== "boolean") {
+    throw new Error(`${configDefinedAt} should be a boolean`);
+  }
+  return {
+    meta: {
+      // When the SSR flag is false, we want to render the page only in the
+      // browser. We achieve this by then making the `Page` implementation
+      // accessible only in the client's renderer.
+      Page: {
+        env: configValue ? "server-and-client" // default
+        : "client-only"
+      }
+    }
+  };
+};
 var _config = {
   onRenderHtml: "import:vike-solid/renderer/onRenderHtml",
   onRenderClient: "import:vike-solid/renderer/onRenderClient",
@@ -19,6 +43,10 @@ var _config = {
     },
     lang: {
       env: "server-only"
+    },
+    ssr: {
+      env: "config-only",
+      effect: toggleSsrRelatedConfig
     }
   }
 };

package/dist/+onRenderClient.js

@@ -94,7 +94,7 @@ async function onRenderClient(pageContext) {
     if (dispose) dispose();
     setPageContext(pageContext);
     const container = document.getElementById("page-view");
-    if (pageContext.isHydration) {
+    if (container.innerHTML !== "" && pageContext.isHydration) {
       dispose = hydrate(() => getPageElement(pageContextStore), container);
     } else {
       dispose = render(() => getPageElement(pageContextStore), container);

package/dist/+onRenderHtml.js

@@ -101,7 +101,8 @@ async function onRenderHtml(pageContext) {
   }));
   const {
     pipe
-  } = renderToStream(() => getPageElement(pageContext));
+  } = renderToStream(() => !pageContext.Page ? [] // the ssr config flag is false
+  : getPageElement(pageContext));
   // const asString = renderToString(() => page);
   stampPipe(pipe, "node-stream");
   const lang = pageContext.config.lang || "en";

package/dist/components/usePageContext.d.ts

@@ -1,5 +1,5 @@
 import { PageContextBuiltIn, PageContextBuiltInClientWithClientRouting } from 'vite-plugin-ssr/types';
-import { VikeSolidConfig } from '../renderer/+config.js';
+import { Config } from '../renderer/+config.js';
 import { JSX } from 'solid-js';
 
 type Page = (pageProps: PageProps) => JSX.Element;
@@ -16,7 +16,7 @@ type PageContextCommon = {
     };
 };
 type PageContextServer = PageContextBuiltIn<Page> & PageContextCommon & {
-    config: Partial<VikeSolidConfig>;
+    config: Partial<Config>;
 };
 type PageContextClient = PageContextBuiltInClientWithClientRouting<Page> & PageContextCommon;
 type PageContext = PageContextClient | PageContextServer;

package/dist/renderer/+config.d.ts

@@ -1,21 +1,31 @@
-import { Config } from 'vite-plugin-ssr/types';
-export * from 'vite-plugin-ssr/types';
+import { Config as Config$1, Effect } from 'vite-plugin-ssr/types';
 import { Component } from 'solid-js';
 
-type UserConfig = Config & Partial<VikeSolidConfig & {
-    Page: Component;
-}>;
-type VikeSolidConfig = {
+type Config = Config$1 & {
     /** Solid element renderer and appended into &lt;head>&lt;/head> */
-    Head: Component;
-    Layout: Component;
-    title: string;
-    description: string;
+    Head?: Component;
+    Layout?: Component;
+    title?: string;
+    description?: string;
     /**
      * @default 'en'
      */
-    lang: string;
+    lang?: string;
+    /**
+     * If true, render mode is SSR or pre-rendering (aka SSG). In other words, the
+     * page's HTML will be rendered at build-time or request-time.
+     * If false, render mode is SPA. In other words, the page will only be
+     * rendered in the browser.
+     *
+     * See https://vite-plugin-ssr.com/render-modes
+     *
+     * @default true
+     *
+     */
+    ssr?: boolean;
+    Page?: Component;
 };
+type UserConfig = Config;
 declare const _default: {
     onRenderHtml: "import:vike-solid/renderer/onRenderHtml";
     onRenderClient: "import:vike-solid/renderer/onRenderClient";
@@ -38,7 +48,11 @@ declare const _default: {
         lang: {
             env: "server-only";
         };
+        ssr: {
+            env: "config-only";
+            effect: Effect;
+        };
     };
 };
 
-export { UserConfig, VikeSolidConfig, _default as default };
+export { Config, UserConfig, _default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-solid",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "type": "module",
   "exports": {
     ".": "./dist/+config.js",
@@ -10,27 +10,27 @@
     "./renderer/onRenderClient": "./dist/+onRenderClient.js"
   },
   "dependencies": {
-    "vite": "^4.3.9",
+    "vite": "^4.4.9",
     "vite-plugin-solid": "^2.7.0",
-    "vite-plugin-ssr": "^0.4.132"
+    "vite-plugin-ssr": "^0.4.135"
   },
   "peerDependencies": {
     "solid-js": "^1.7.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.1",
-    "@babel/preset-env": "^7.22.4",
-    "@babel/preset-typescript": "^7.21.5",
+    "@babel/core": "^7.22.10",
+    "@babel/preset-env": "^7.22.10",
+    "@babel/preset-typescript": "^7.22.5",
     "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-node-resolve": "^15.0.2",
-    "@types/node": "^18.16.16",
-    "babel-preset-solid": "^1.7.4",
-    "bumpp": "^9.1.0",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@types/node": "^18.17.4",
+    "babel-preset-solid": "^1.7.7",
+    "bumpp": "^9.1.1",
     "rollup": "3.20.4",
-    "rollup-plugin-dts": "^5.3.0",
-    "solid-js": "^1.7.5",
-    "tslib": "^2.5.2",
-    "typescript": "^5.0.4"
+    "rollup-plugin-dts": "^5.3.1",
+    "solid-js": "^1.7.10",
+    "tslib": "^2.6.1",
+    "typescript": "^5.1.6"
   },
   "typesVersions": {
     "*": {