@alignable/bifrost 0.0.8 → 0.0.10

package/dist/proxy/pages/onPageTransitionStart.js

@@ -0,0 +1,9 @@
+import { Visit, getAdapter } from "../../lib/turbolinks";
+export default function onPageTransitionStart(pageContext) {
+    const v = new Visit();
+    window.Turbolinks.controller.restorationIdentifier = v.restorationIdentifier;
+    window.Turbolinks.controller.currentVisit = v;
+    console.log(v.identifier);
+    getAdapter()?.visitStarted(v);
+    getAdapter()?.visitRequestStarted(v);
+}

package/dist/proxy/pages/restorationVisit/+config.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    routePath: string;
-    PagePath: string;
+    route: string;
+    Page: string;
     meta: {
         onBeforeRender: {
             env: "server-and-client";

package/dist/proxy/pages/restorationVisit/+config.js

@@ -1,6 +1,6 @@
 export default {
-    routePath: "@alignable/bifrost/proxy/pages/restorationVisit/route",
-    PagePath: "@alignable/bifrost/proxy/pages/Page",
+    route: "import:@alignable/bifrost/proxy/pages/restorationVisit/route",
+    Page: "import:@alignable/bifrost/proxy/pages/Page",
     meta: {
         onBeforeRender: {
             // We tell vite-plugin-ssr to load and execute onBeforeRender()

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

@@ -1,8 +1,8 @@
 declare const _default: {
     passToClient: string[];
-    onRenderClientPath: string;
-    onRenderHtmlPath: string;
-    onBeforeRoutePath: string;
+    onRenderClient: "import:@alignable/bifrost/renderer/onRenderClient";
+    onRenderHtml: "import:@alignable/bifrost/renderer/onRenderHtml";
+    onBeforeRoute: "import:@alignable/bifrost/renderer/onBeforeRoute";
     clientRouting: true;
     hydrationCanBeAborted: true;
     meta: {
@@ -15,6 +15,12 @@ declare const _default: {
         documentProps: {
             env: "server-and-client";
         };
+        isLoggedIn: {
+            env: "server-and-client";
+        };
+        scripts: {
+            env: "server-and-client";
+        };
     };
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"+config.d.ts","sourceRoot":"","sources":["../../renderer/+config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,wBAYgC"}
+{"version":3,"file":"+config.d.ts","sourceRoot":"","sources":["../../renderer/+config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAcgC"}

package/dist/renderer/+config.js

@@ -1,13 +1,15 @@
 export default {
-    passToClient: ["layoutProps", "pageProps", "redirectTo", "documentProps"],
-    onRenderClientPath: "@alignable/bifrost/renderer/onRenderClient",
-    onRenderHtmlPath: "@alignable/bifrost/renderer/onRenderHtml",
-    onBeforeRoutePath: "@alignable/bifrost/renderer/onBeforeRoute",
+    passToClient: ["layoutProps", "pageProps", "redirectTo", "documentProps", "isLoggedIn", "scripts"],
+    onRenderClient: "import:@alignable/bifrost/renderer/onRenderClient",
+    onRenderHtml: "import:@alignable/bifrost/renderer/onRenderHtml",
+    onBeforeRoute: "import:@alignable/bifrost/renderer/onBeforeRoute",
     clientRouting: true,
     hydrationCanBeAborted: true,
     meta: {
         Layout: { env: "server-and-client" },
         layoutProps: { env: "server-and-client" },
         documentProps: { env: "server-and-client" },
+        isLoggedIn: { env: "server-and-client" },
+        scripts: { env: "server-and-client" },
     },
 };

package/dist/renderer/onRenderClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onRenderClient.d.ts","sourceRoot":"","sources":["../../renderer/onRenderClient.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAUhE,wBAA8B,cAAc,CAC1C,WAAW,EAAE,wBAAwB,iBA8BtC"}
+{"version":3,"file":"onRenderClient.d.ts","sourceRoot":"","sources":["../../renderer/onRenderClient.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAWhE,wBAA8B,cAAc,CAC1C,WAAW,EAAE,wBAAwB,iBAmCtC"}

package/dist/renderer/onRenderClient.js

@@ -6,6 +6,7 @@ import { getDocumentProps } from "./getDocumentProps.js";
 import { cacheProxiedBody } from "../lib/snapshots.js";
 import { navigateAnywhere } from "../lib/navigateAnywhere.js";
 import { setupTurbolinks } from "../lib/turbolinks.js";
+import { formatMetaObject } from "./utils/formatMetaObject.js";
 setupTurbolinks();
 export default async function onRenderClient(pageContext) {
     if (navigateAnywhere(pageContext.redirectTo))
@@ -18,11 +19,16 @@ export default async function onRenderClient(pageContext) {
         throw new Error("Client-side render() hook expects Layout to be exported");
     document.removeEventListener("click", turbolinksClickListener);
     cacheProxiedBody();
-    const { title = "", description = "" } = getDocumentProps(pageContext);
+    const { title = "", description = "", viewport } = getDocumentProps(pageContext);
     document.title = title;
     document.head
         .querySelector("meta[name='description']")
         ?.setAttribute("content", description);
+    if (viewport) {
+        document.head
+            .querySelector("meta[name='viewport']")
+            ?.setAttribute("content", formatMetaObject(viewport));
+    }
     const page = (React.createElement(PageShell, { pageContext: pageContext },
         React.createElement(Layout, { ...layoutProps },
             React.createElement(Page, { ...pageProps }))));

package/dist/renderer/onRenderHtml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onRenderHtml.d.ts","sourceRoot":"","sources":["../../renderer/onRenderHtml.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,wBAA8B,YAAY,CACxC,WAAW,EAAE,wBAAwB;;;GA0CtC"}
+{"version":3,"file":"onRenderHtml.d.ts","sourceRoot":"","sources":["../../renderer/onRenderHtml.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,wBAA8B,YAAY,CACxC,WAAW,EAAE,wBAAwB;;;GAmDtC"}

package/dist/renderer/onRenderHtml.js

@@ -3,6 +3,7 @@ import React from "react";
 import { PageShell } from "../lib/PageShell.js";
 import { escapeInject, dangerouslySkipEscape } from "vite-plugin-ssr/server";
 import { getDocumentProps } from "./getDocumentProps.js";
+import { formatMetaObject } from "./utils/formatMetaObject.js";
 export default async function onRenderHtml(pageContext) {
     const { Page, pageProps } = pageContext;
     const { Layout, layoutProps } = pageContext.config;
@@ -13,17 +14,24 @@ export default async function onRenderHtml(pageContext) {
     const pageHtml = ReactDOMServer.renderToString(React.createElement(PageShell, { pageContext: pageContext },
         React.createElement(Layout, { ...layoutProps },
             React.createElement(Page, { ...pageProps }))));
+    const { googleAnalytics, osano } = pageContext.config.scripts;
+    const googleAnalyticsTag = dangerouslySkipEscape(googleAnalytics);
+    const osanoTag = dangerouslySkipEscape(osano);
     // // See https://vite-plugin-ssr.com/head
-    const { title = "", description = "" } = getDocumentProps(pageContext);
+    const { title = "", description = "", viewport } = getDocumentProps(pageContext);
     if (!title) {
         console.warn(`No title set for ${pageContext.urlOriginal}!`);
     }
+    const viewportTag = !viewport ? "" : escapeInject `<meta content="${formatMetaObject(viewport)}" name="viewport">`;
     const documentHtml = escapeInject `<!DOCTYPE html>
     <html lang="en">
       <head>
+      ${googleAnalyticsTag}
+      ${osanoTag}
       <title>${title}</title>
       <meta name="title" property="og:title" content="${title}"/>
       <meta name="description" content="${description}"/>
+      ${viewportTag}
       </head>
       <body>
         <div id="page-view">${dangerouslySkipEscape(pageHtml)}</div>

package/dist/renderer/usePageContext.d.ts

@@ -6,5 +6,6 @@ declare function PageContextProvider({ pageContext, children }: {
     pageContext: PageContext;
     children: React.ReactNode;
 }): JSX.Element;
+/** Access the pageContext from any React component */
 declare function usePageContext(): PageContext;
 //# sourceMappingURL=usePageContext.d.ts.map

package/dist/renderer/usePageContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePageContext.d.ts","sourceRoot":"","sources":["../../renderer/usePageContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAA;AAIzB,iBAAS,mBAAmB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE;IAAE,WAAW,EAAE,WAAW,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eAE9G;AAED,iBAAS,cAAc,gBAGtB"}
+{"version":3,"file":"usePageContext.d.ts","sourceRoot":"","sources":["../../renderer/usePageContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAA;AAMzB,iBAAS,mBAAmB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE;IAAE,WAAW,EAAE,WAAW,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eAG9G;AAED,sDAAsD;AACtD,iBAAS,cAAc,gBAItB"}

package/dist/renderer/usePageContext.js

@@ -1,13 +1,21 @@
 // `usePageContext` allows us to access `pageContext` in any React component.
 // See https://vite-plugin-ssr.com/pageContext-anywhere
 import React, { useContext } from 'react';
+import { getGlobalObject } from './utils/getGlobalObject.js';
 export { PageContextProvider };
 export { usePageContext };
-const Context = React.createContext(undefined);
+const { Context } = getGlobalObject('PageContextProvider.ts', {
+    Context: React.createContext(undefined)
+});
 function PageContextProvider({ pageContext, children }) {
+    if (!pageContext)
+        throw new Error('Argument pageContext missing');
     return React.createElement(Context.Provider, { value: pageContext }, children);
 }
+/** Access the pageContext from any React component */
 function usePageContext() {
     const pageContext = useContext(Context);
+    if (!pageContext)
+        throw new Error('<PageContextProvider> is needed for being able to use usePageContext()');
     return pageContext;
 }

package/dist/renderer/utils/formatMetaObject.d.ts

@@ -0,0 +1,4 @@
+export declare function formatMetaObject(obj: {
+    [key: string]: string;
+}): string;
+//# sourceMappingURL=formatMetaObject.d.ts.map

package/dist/renderer/utils/formatMetaObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatMetaObject.d.ts","sourceRoot":"","sources":["../../../renderer/utils/formatMetaObject.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,GAAG,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,UAE9D"}

package/dist/renderer/utils/formatMetaObject.js

@@ -0,0 +1,3 @@
+export function formatMetaObject(obj) {
+    return Object.entries(obj).map((e) => e.join("=")).join(", ");
+}

package/dist/renderer/utils/getGlobalObject.d.ts

@@ -0,0 +1,5 @@
+export declare function getGlobalObject<T extends Record<string, unknown> = never>(key: `${string}.ts`, defaultValue: T): T;
+declare global {
+    var __vite_plugin_ssr: undefined | Record<string, Record<string, unknown>>;
+}
+//# sourceMappingURL=getGlobalObject.d.ts.map

package/dist/renderer/utils/getGlobalObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getGlobalObject.d.ts","sourceRoot":"","sources":["../../../renderer/utils/getGlobalObject.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,KAAK,EAEvE,GAAG,EAAE,GAAG,MAAM,KAAK,EACnB,YAAY,EAAE,CAAC,GACd,CAAC,CAIH;AACD,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,iBAAiB,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;CAC3E"}

package/dist/renderer/utils/getGlobalObject.js

@@ -0,0 +1,8 @@
+// https://github.com/brillout/vike-react/blob/main/vike-react/renderer/utils/getGlobalObject.ts
+export function getGlobalObject(
+// We use the filename as key; each `getGlobalObject()` call should live in a unique filename.
+key, defaultValue) {
+    const allGlobalObjects = (globalThis.__vite_plugin_ssr = globalThis.__vite_plugin_ssr || {});
+    const globalObject = (allGlobalObjects[key] = allGlobalObjects[key] || defaultValue);
+    return globalObject;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alignable/bifrost",
   "repository": "https://github.com/Alignable/bifrost.git",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -76,12 +76,12 @@
     "react": "^18.x.x",
     "react-dom": "^18.x.x",
     "uuid": "^9.0.0",
-    "vite-plugin-ssr": "0.4.127"
+    "vite-plugin-ssr": "0.4.130"
   },
   "peerDependencies": {
     "react": "^18.x.x",
     "react-dom": "^18.x.x",
-    "vite-plugin-ssr": "0.4.127",
+    "vite-plugin-ssr": "0.4.130",
     "typescript": ">=4.7"
   },
   "devDependencies": {