vike-solid 0.2.8 → 0.2.9

package/dist/+config.js

@@ -36,7 +36,7 @@ var _config = {
   // be used by the renderers.
   // It is a cumulative config option, so a web app using vike-solid can extend
   // this list.
-  passToClient: ["pageProps", "title"],
+  passToClient: ["pageProps", "title", "lang"],
   clientRouting: true,
   hydrationCanBeAborted: true,
   meta: {
@@ -69,7 +69,8 @@ var _config = {
     },
     lang: {
       env: {
-        server: true
+        server: true,
+        client: true
       }
     },
     ssr: {

package/dist/+onRenderClient.js

@@ -3,6 +3,10 @@ import { P as PageContextProvider, u as usePageContext } from './PageContextProv
 import { createStore, reconcile } from 'solid-js/store';
 import 'solid-js';
 
+function isCallable(thing) {
+  return thing instanceof Function || typeof thing === 'function';
+}
+
 /**
  * Get the page's title if defined, either from the additional data fetched by
  * the page's data() and onBeforeRender() hook or from the config.
@@ -32,14 +36,12 @@ function getTitle(pageContext) {
   const {
     configDefinedAt
   } = titleConfig;
-  if (typeof title === "function") {
+  if (isCallable(title)) {
     const val = title(pageContext);
-    if (typeof val === "string") {
-      return val;
-    }
-    if (val) {
+    if (typeof val !== "string") {
       throw new Error(configDefinedAt + " should return a string");
     }
+    return val;
   }
   throw new Error(configDefinedAt + " should be a string or a function returning a string");
 }
@@ -81,6 +83,39 @@ function Passthrough(props) {
   return memo(() => props.children);
 }
 
+/**
+ * Get the page's lang if defined, either from the config, the additional data fetched by
+ * the page's data() and onBeforeRender() hooks or from other hooks.
+ */
+function getLang(pageContext) {
+  // from onBeforeRoute() hook & other hooks, e.g. onPrerenderStart() hook
+  if (pageContext.lang !== undefined) {
+    return pageContext.lang;
+  }
+  const langConfig = pageContext.configEntries.lang?.[0];
+  if (!langConfig) {
+    return null;
+  }
+  const lang = langConfig.configValue;
+  if (typeof lang === 'string') {
+    return lang;
+  }
+  if (!lang) {
+    return null;
+  }
+  const {
+    configDefinedAt
+  } = langConfig;
+  if (isCallable(lang)) {
+    const val = lang(pageContext);
+    if (typeof val !== 'string') {
+      throw new Error(configDefinedAt + ' should return a string');
+    }
+    return val;
+  }
+  throw new Error(configDefinedAt + ' should be a string or a function returning a string');
+}
+
 // https://vike.dev/onRenderClient
 const [pageContextStore, setPageContext] = createStore({});
 let dispose;
@@ -109,7 +144,9 @@ const onRenderClient = async pageContext => {
     // previous page. It can even be null, in which case we should unset the
     // document title.
     const title = getTitle(pageContext);
+    const lang = getLang(pageContext) || 'en';
     document.title = title || "";
+    document.documentElement.lang = lang;
   }
 };
 

package/dist/+onRenderHtml.js

@@ -3,6 +3,10 @@ import { version, escapeInject, dangerouslySkipEscape, stampPipe } from 'vike/se
 import { P as PageContextProvider, u as usePageContext } from './PageContextProvider-OTjP33FZ.js';
 import 'solid-js';
 
+function isCallable(thing) {
+  return thing instanceof Function || typeof thing === 'function';
+}
+
 /**
  * Get the page's title if defined, either from the additional data fetched by
  * the page's data() and onBeforeRender() hook or from the config.
@@ -32,14 +36,12 @@ function getTitle(pageContext) {
   const {
     configDefinedAt
   } = titleConfig;
-  if (typeof title === "function") {
+  if (isCallable(title)) {
     const val = title(pageContext);
-    if (typeof val === "string") {
-      return val;
-    }
-    if (val) {
+    if (typeof val !== "string") {
       throw new Error(configDefinedAt + " should return a string");
     }
+    return val;
   }
   throw new Error(configDefinedAt + " should be a string or a function returning a string");
 }
@@ -81,6 +83,39 @@ function Passthrough(props) {
   return props.children;
 }
 
+/**
+ * Get the page's lang if defined, either from the config, the additional data fetched by
+ * the page's data() and onBeforeRender() hooks or from other hooks.
+ */
+function getLang(pageContext) {
+  // from onBeforeRoute() hook & other hooks, e.g. onPrerenderStart() hook
+  if (pageContext.lang !== undefined) {
+    return pageContext.lang;
+  }
+  const langConfig = pageContext.configEntries.lang?.[0];
+  if (!langConfig) {
+    return null;
+  }
+  const lang = langConfig.configValue;
+  if (typeof lang === 'string') {
+    return lang;
+  }
+  if (!lang) {
+    return null;
+  }
+  const {
+    configDefinedAt
+  } = langConfig;
+  if (isCallable(lang)) {
+    const val = lang(pageContext);
+    if (typeof val !== 'string') {
+      throw new Error(configDefinedAt + ' should return a string');
+    }
+    return val;
+  }
+  throw new Error(configDefinedAt + ' should be a string or a function returning a string');
+}
+
 checkVikeVersion();
 const onRenderHtml = async pageContext => {
   const {
@@ -108,7 +143,7 @@ const onRenderHtml = async pageContext => {
       stampPipe(pageView, "node-stream");
     }
   }
-  const lang = pageContext.config.lang || "en";
+  const lang = getLang(pageContext) || "en";
   const documentHtml = escapeInject`<!DOCTYPE html>
     <html lang='${lang}'>
       <head>

package/dist/ClientOnly.js

@@ -1,7 +1,7 @@
 import { createComponent, Dynamic, ssr, ssrHydrationKey } from 'solid-js/web';
 import { createSignal, createEffect, Suspense, lazy } from 'solid-js';
 
-const _tmpl$ = ["<p", ">Error loading component.</p>"];
+var _tmpl$ = ["<p", ">Error loading component.</p>"];
 function ClientOnlyError() {
   return ssr(_tmpl$, ssrHydrationKey());
 }

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

@@ -11,6 +11,7 @@ declare global {
             pageProps?: Record<string, unknown>;
             /** &lt;title>${title}&lt;/title> - set by onBeforeRender() hook, has precedence over the config */
             title?: string;
+            lang?: string;
             data?: {
                 /** &lt;title>${title}&lt;/title> - set by data() hook, has precedence over the onBeforeRender() hook */
                 title?: string;
@@ -56,6 +57,7 @@ declare const _default: {
         lang: {
             env: {
                 server: true;
+                client: true;
             };
         };
         ssr: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-solid",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "type": "module",
   "dependencies": {
     "vite-plugin-solid": "^2.8.0"
@@ -12,20 +12,20 @@
   },
   "devDependencies": {
     "@babel/core": "^7.23.7",
-    "@babel/preset-env": "^7.23.7",
+    "@babel/preset-env": "^7.23.8",
     "@babel/preset-typescript": "^7.23.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@types/node": "^18.17.4",
-    "babel-preset-solid": "^1.8.6",
+    "babel-preset-solid": "^1.8.9",
     "bumpp": "^9.2.1",
-    "rollup": "^4.9.2",
+    "rollup": "^4.9.5",
     "rollup-plugin-dts": "^6.1.0",
-    "solid-js": "^1.8.7",
+    "solid-js": "^1.8.11",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
-    "vite": "^5.0.10",
-    "vike": "^0.4.153"
+    "vite": "^5.0.11",
+    "vike": "^0.4.156"
   },
   "exports": {
     ".": "./dist/+config.js",