vike-solid 0.7.6 → 0.7.8

package/dist/+config.d.ts

@@ -1,5 +1,5 @@
 import { ConfigEffect } from 'vike/types';
-import './Config-DC6Ltq1D.js';
+import './Config-B_i-zLx_.js';
 import { JSX } from 'solid-js';
 
 declare function ssrEffect({ configDefinedAt, configValue }: Parameters<ConfigEffect>[0]): ReturnType<ConfigEffect>;

package/dist/{Config-DC6Ltq1D.d.ts → Config-B_i-zLx_.d.ts}

@@ -128,15 +128,11 @@ declare global {
              */
             ssr?: boolean;
             /**
-             * Whether to stream the page's HTML. Requires Server-Side Rendering (`ssr: true`).
-             *
-             * If `true`, the stream will be a Node Stream. If you need a Web Stream, use `stream: 'web'`.
-             *
-             * @default false
+             * Enable or disable HTML Streaming.
              *
              * https://vike.dev/stream
              */
-            stream?: boolean | "web";
+            stream?: boolean | "node" | "web";
             /**
              * Client-side hook called after the page is rendered.
              *

package/dist/components/Config/Config-client.d.ts

@@ -1,4 +1,4 @@
-import { C as ConfigFromHook } from '../../Config-DC6Ltq1D.js';
+import { C as ConfigFromHook } from '../../Config-B_i-zLx_.js';
 import 'vike/types';
 import 'solid-js';
 

package/dist/components/Config/Config-server.d.ts

@@ -1,4 +1,4 @@
-import { C as ConfigFromHook } from '../../Config-DC6Ltq1D.js';
+import { C as ConfigFromHook } from '../../Config-B_i-zLx_.js';
 import 'vike/types';
 import 'solid-js';
 

package/dist/helpers/clientOnly.d.ts

@@ -6,8 +6,10 @@ import { Component, ComponentProps, JSX } from 'solid-js';
  */
 declare function clientOnly<T extends Component<any>>(fn: () => Promise<{
     default: T;
-} | T>): (props: ComponentProps<T> & {
+} | T>, options?: {
+    lazy?: boolean;
+}): (props: ComponentProps<T> & {
     fallback?: JSX.Element;
-}) => any;
+}) => JSX.Element;
 
 export { clientOnly };

package/dist/helpers/clientOnly.js

@@ -6,19 +6,29 @@ import { isServer } from 'solid-js/web';
  * Load and render a component only on the client-side.
  * @see {@link https://vike.dev/clientOnly}
  */
-function clientOnly(fn) {
+function clientOnly(fn, options = {}) {
   if (isServer) return props => props.fallback;
   const [comp, setComp] = createSignal();
-  fn().then(m => setComp(() => "default" in m ? m.default : m));
+  if (!options.lazy) {
+    load(fn, setComp);
+  }
+  // eslint-disable-next-line solid/reactivity
   return props => {
     let Comp;
     let m;
     const [, rest] = splitProps(props, ["fallback"]);
+    if (options.lazy) {
+      load(fn, setComp);
+    }
     if ((Comp = comp()) && !sharedConfig.context) return Comp(rest);
     const [mounted, setMounted] = createSignal(!sharedConfig.context);
     onMount(() => setMounted(true));
+    // eslint-disable-next-line solid/reactivity
     return createMemo(() => (Comp = comp(), m = mounted(), untrack(() => Comp && m ? Comp(rest) : props.fallback)));
   };
 }
+function load(fn, setComp) {
+  fn().then(m => setComp(() => "default" in m ? m.default : m));
+}
 
 export { clientOnly };

package/dist/hooks/useConfig/useConfig-client.d.ts

@@ -1,4 +1,4 @@
-import { C as ConfigFromHook } from '../../Config-DC6Ltq1D.js';
+import { C as ConfigFromHook } from '../../Config-B_i-zLx_.js';
 import 'vike/types';
 import 'solid-js';
 

package/dist/hooks/useConfig/useConfig-server.d.ts

@@ -1,4 +1,4 @@
-import { C as ConfigFromHook } from '../../Config-DC6Ltq1D.js';
+import { C as ConfigFromHook } from '../../Config-B_i-zLx_.js';
 import 'vike/types';
 import 'solid-js';
 

package/dist/hooks/usePageContext.js

@@ -4,7 +4,7 @@ import { createContext, useContext } from 'solid-js';
 function getGlobalObject(
 // We use the filename as key; each `getGlobalObject()` call should live inside a file with a unique filename.
 key, defaultValue) {
-  // @ts-ignore
+  // @ts-expect-error Property '_vike_solid' does not exist on type 'typeof globalThis'
   const globalObjectsAll = globalThis[projectKey] = globalThis[projectKey] || {};
   const globalObject = globalObjectsAll[key] = globalObjectsAll[key] || defaultValue;
   return globalObject;
@@ -18,6 +18,7 @@ function PageContextProvider(props) {
   const {
     solidContext
   } = globalContext;
+  // eslint-disable-next-line solid/reactivity
   return createComponent(solidContext.Provider, {
     get value() {
       return props.pageContext;

package/dist/integration/onRenderClient.js

@@ -1,4 +1,4 @@
-import { createComponent, Dynamic, memo, hydrate, render } from 'solid-js/web';
+import { createComponent, memo, Dynamic, hydrate, render } from 'solid-js/web';
 import { i as includes, c as configsCumulative } from '../includes-B0OUVLz0.js';
 import { PageContextProvider, usePageContext } from '../hooks/usePageContext.js';
 import { createComputed, createComponent as createComponent$1 } from 'solid-js';
@@ -49,10 +49,11 @@ function Wrapper(props) {
     // Inner wrapping
     ...(pageContext.config.Layout || []),
     // Outer wrapping
-    ...(pageContext.config.Wrapper || [])]));
+    ...(pageContext.config.Wrapper || [])].reverse()));
   });
   const renderWrappers = (i = 0) => {
-    let item = wrappers.at(-(i + 1));
+    let item = wrappers[i]; // Assumes reversed, and must access with `[i]` instead of `.at(i)` otherwise, wrapper's states are not persisted.
+
     if (!item) return props.children;
     if (typeof item !== "function") item = Passthrough;
     return createComponent$1(item, {
@@ -61,7 +62,7 @@ function Wrapper(props) {
       }
     });
   };
-  return renderWrappers();
+  return memo(() => renderWrappers(0));
 }
 function Page() {
   const pageContext = usePageContext();

package/dist/integration/onRenderHtml.js

@@ -49,10 +49,11 @@ function Wrapper(props) {
     // Inner wrapping
     ...(pageContext.config.Layout || []),
     // Outer wrapping
-    ...(pageContext.config.Wrapper || [])]));
+    ...(pageContext.config.Wrapper || [])].reverse()));
   });
   const renderWrappers = (i = 0) => {
-    let item = wrappers.at(-(i + 1));
+    let item = wrappers[i]; // Assumes reversed, and must access with `[i]` instead of `.at(i)` otherwise, wrapper's states are not persisted.
+
     if (!item) return props.children;
     if (typeof item !== "function") item = Passthrough;
     return createComponent$1(item, {
@@ -61,7 +62,7 @@ function Wrapper(props) {
       }
     });
   };
-  return renderWrappers();
+  return renderWrappers(0);
 }
 function Page() {
   const pageContext = usePageContext();
@@ -111,7 +112,7 @@ async function getPageHtml(pageContext) {
   let pageHtml = "";
   const userAgent = pageContext.headers?.["user-agent"] ||
   // TODO/eventually: remove old way of acccessing the User Agent header.
-  // @ts-ignore
+  // @ts-expect-error Property 'userAgent' does not exist on type
   pageContext.userAgent;
   if (pageContext.Page) {
     if (userAgent && isBot(userAgent)) {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "vike-solid",
-  "version": "0.7.6",
+  "version": "0.7.8",
   "type": "module",
   "dependencies": {
     "isbot-fast": "^1.2.0",
-    "vite-plugin-solid": "^2.10.2"
+    "vite-plugin-solid": "^2.11.0"
   },
   "peerDependencies": {
     "solid-js": "^1.8.7",
@@ -12,22 +12,22 @@
     "vite": ">=5.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.4",
-    "@babel/preset-typescript": "^7.24.7",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-typescript": "^7.26.0",
     "@brillout/release-me": "^0.4.2",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.4",
-    "@types/node": "^22.5.5",
-    "babel-preset-solid": "^1.8.22",
-    "bumpp": "^9.5.2",
-    "rollup": "^4.22.4",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@types/node": "^22.10.1",
+    "babel-preset-solid": "^1.9.3",
+    "bumpp": "^9.9.1",
+    "rollup": "^4.28.1",
     "rollup-plugin-dts": "^6.1.1",
-    "solid-js": "^1.8.22",
-    "tslib": "^2.7.0",
-    "typescript": "^5.6.2",
-    "vike": "^0.4.197",
-    "vite": "^5.4.7"
+    "solid-js": "^1.9.3",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2",
+    "vike": "^0.4.209",
+    "vite": "^6.0.3"
   },
   "exports": {
     "./config": "./dist/+config.js",