vike-solid 0.0.0 → 0.0.6

package/cli/entry.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import("../dist/index.js");

package/client.d.ts

@@ -0,0 +1,2 @@
+// For tsconfig.json#compilerOptions.types
+import "vite/client";

package/dist/PageContextProvider-a90cda5a.js

@@ -0,0 +1,36 @@
+import { createComponent } from 'solid-js/web';
+import { createContext, useContext } from 'solid-js';
+
+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;
+}
+
+const {
+  Context
+} = getGlobalObject("PageContextProvider.ts", {
+  Context: createContext()
+});
+function PageContextProvider(props) {
+  if (!props.pageContext) throw new Error("Argument pageContext missing");
+  return createComponent(Context.Provider, {
+    get value() {
+      return props.pageContext;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+
+/** Access the pageContext from any SolidJS component */
+function usePageContext() {
+  const pageContext = useContext(Context);
+  if (!pageContext) throw new Error("<PageContextProvider> is needed for being able to use usePageContext()");
+  return pageContext;
+}
+
+export { PageContextProvider as P, usePageContext as u };

package/dist/_config-4f584ee9.d.ts

@@ -0,0 +1,19 @@
+import { Config } from 'vite-plugin-ssr/types';
+import { Component } from 'solid-js';
+
+type UserConfig = Partial<VikeSolidConfig & {
+    Page: Component;
+} & Pick<Config, "route" | "prerender" | "iKnowThePerformanceRisksOfAsyncRouteFunctions">>;
+type VikeSolidConfig = {
+    /** Solid element renderer and appended into &lt;head>&lt;/head> */
+    Head: Component;
+    Layout: Component;
+    title: string;
+    description: string;
+    /**
+     * @default 'en'
+     */
+    lang: string;
+};
+
+export { UserConfig as U, VikeSolidConfig as V };

package/dist/_config.js

@@ -0,0 +1,23 @@
+var _config = {
+  clientRouting: true,
+  hydrationCanBeAborted: true,
+  meta: {
+    Head: {
+      env: "server-only"
+    },
+    Layout: {
+      env: "server-and-client"
+    },
+    title: {
+      env: "server-and-client"
+    },
+    description: {
+      env: "server-only"
+    },
+    lang: {
+      env: "server-only"
+    }
+  }
+};
+
+export { _config as default };

package/dist/_onRenderClient.js

@@ -0,0 +1,112 @@
+import { createComponent, Dynamic, mergeProps, memo, hydrate, render } from 'solid-js/web';
+import { P as PageContextProvider, u as usePageContext } from './PageContextProvider-a90cda5a.js';
+import { createStore, reconcile } from 'solid-js/store';
+import 'solid-js';
+
+function getTitle(pageContext) {
+  if (typeof pageContext.title === "string") {
+    return pageContext.title;
+  }
+  if (pageContext.title) {
+    throw new Error("pageContext.title should be a string");
+  }
+  const {
+    title
+  } = pageContext.config;
+  if (typeof title === "string") {
+    return title;
+  }
+  if (!title) {
+    return null;
+  }
+  const {
+    configDefinedAt
+  } = pageContext.configEntries.title[0];
+  if (typeof title === "function") {
+    const val = title(pageContext);
+    if (typeof val === "string") {
+      return val;
+    }
+    if (val) {
+      throw new Error(configDefinedAt + " should return a string");
+    }
+  }
+  throw new Error(configDefinedAt + " should be a string or a function returning a string");
+}
+
+function getPageElement(pageContext) {
+  const page = createComponent(PageContextProvider, {
+    pageContext: pageContext,
+    get children() {
+      return createComponent(Wrapper, {
+        get children() {
+          return createComponent(Layout, {
+            get children() {
+              return createComponent(Page, {});
+            }
+          });
+        }
+      });
+    }
+  });
+  return page;
+}
+function Wrapper(props) {
+  const pageContext = usePageContext();
+  return createComponent(Dynamic, {
+    get component() {
+      return pageContext.config.Wrapper ?? Passthrough;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+function Layout(props) {
+  const pageContext = usePageContext();
+  return createComponent(Dynamic, {
+    get component() {
+      return pageContext.config.Layout ?? Passthrough;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+function Page() {
+  const pageContext = usePageContext();
+  return createComponent(Dynamic, mergeProps({
+    get component() {
+      return pageContext.Page;
+    }
+  }, () => pageContext.pageProps ?? {}));
+}
+function Passthrough(props) {
+  return memo(() => props.children);
+}
+
+const [pageContextStore, setPageContext] = createStore({});
+let dispose;
+let rendered = false;
+async function onRenderClient(pageContext) {
+  if (!rendered) {
+    // Dispose to prevent duplicate pages when navigating.
+    if (dispose) dispose();
+    setPageContext(pageContext);
+    const container = document.getElementById("page-view");
+    if (pageContext.isHydration) {
+      dispose = hydrate(() => getPageElement(pageContextStore), container);
+    } else {
+      dispose = render(() => getPageElement(pageContextStore), container);
+    }
+    rendered = true;
+  } else {
+    setPageContext(reconcile(pageContext));
+  }
+  const title = getTitle(pageContext);
+  if (title !== null) {
+    document.title = title;
+  }
+}
+
+export { onRenderClient as default };

package/dist/_onRenderHtml.js

@@ -0,0 +1,126 @@
+import { createComponent, Dynamic, mergeProps, renderToString, renderToStream, generateHydrationScript } from 'solid-js/web';
+import { escapeInject, stampPipe, dangerouslySkipEscape } from 'vite-plugin-ssr/server';
+import { P as PageContextProvider, u as usePageContext } from './PageContextProvider-a90cda5a.js';
+import 'solid-js';
+
+function getTitle(pageContext) {
+  if (typeof pageContext.title === "string") {
+    return pageContext.title;
+  }
+  if (pageContext.title) {
+    throw new Error("pageContext.title should be a string");
+  }
+  const {
+    title
+  } = pageContext.config;
+  if (typeof title === "string") {
+    return title;
+  }
+  if (!title) {
+    return null;
+  }
+  const {
+    configDefinedAt
+  } = pageContext.configEntries.title[0];
+  if (typeof title === "function") {
+    const val = title(pageContext);
+    if (typeof val === "string") {
+      return val;
+    }
+    if (val) {
+      throw new Error(configDefinedAt + " should return a string");
+    }
+  }
+  throw new Error(configDefinedAt + " should be a string or a function returning a string");
+}
+
+function getPageElement(pageContext) {
+  const page = createComponent(PageContextProvider, {
+    pageContext: pageContext,
+    get children() {
+      return createComponent(Wrapper, {
+        get children() {
+          return createComponent(Layout, {
+            get children() {
+              return createComponent(Page, {});
+            }
+          });
+        }
+      });
+    }
+  });
+  return page;
+}
+function Wrapper(props) {
+  const pageContext = usePageContext();
+  return createComponent(Dynamic, {
+    get component() {
+      return pageContext.config.Wrapper ?? Passthrough;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+function Layout(props) {
+  const pageContext = usePageContext();
+  return createComponent(Dynamic, {
+    get component() {
+      return pageContext.config.Layout ?? Passthrough;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+function Page() {
+  const pageContext = usePageContext();
+  return createComponent(Dynamic, mergeProps({
+    get component() {
+      return pageContext.Page;
+    }
+  }, () => pageContext.pageProps ?? {}));
+}
+function Passthrough(props) {
+  return props.children;
+}
+
+async function onRenderHtml(pageContext) {
+  const title = getTitle(pageContext);
+  const titleTag = !title ? "" : escapeInject`<title>${title}</title>`;
+  const {
+    description
+  } = pageContext.config;
+  const descriptionTag = !description ? "" : escapeInject`<meta name="description" content="${description}" />`;
+  const Head = pageContext.config.Head || (() => []);
+  const headHtml = renderToString(() => createComponent(PageContextProvider, {
+    pageContext: pageContext,
+    get children() {
+      return createComponent(Head, {});
+    }
+  }));
+  const {
+    pipe
+  } = renderToStream(() => getPageElement(pageContext));
+  // const asString = renderToString(() => page);
+  stampPipe(pipe, "node-stream");
+  const lang = pageContext.config.lang || "en";
+  const documentHtml = escapeInject`<!DOCTYPE html>
+    <html lang='${lang}'>
+      <head>
+        <meta charset="UTF-8" />
+        ${titleTag}
+        ${descriptionTag}
+        ${dangerouslySkipEscape(headHtml)}
+        ${dangerouslySkipEscape(generateHydrationScript())}
+      </head>
+      <body>
+        <div id="page-view">${pipe}</div>
+      </body>
+    </html>`;
+  return {
+    documentHtml
+  };
+}
+
+export { onRenderHtml as default };

package/dist/_passToClient.js

@@ -0,0 +1,3 @@
+var _passToClient = ["pageProps", "title"];
+
+export { _passToClient as default };

package/dist/build-f275ba07.js

@@ -0,0 +1,18 @@
+import { build } from 'vite';
+import { c as config } from './vite.config-8c4f846f.js';
+import 'vite-plugin-solid';
+import 'vite-plugin-ssr/plugin';
+
+// import { prerender } from 'vite-plugin-ssr/prerender'
+
+main();
+async function main() {
+  await build(config);
+  await build({
+    ...config,
+    build: {
+      ssr: true
+    }
+  });
+  // await prerender({ viteConfig: config as any })
+}

package/dist/components/usePageContext.d.ts

@@ -0,0 +1,27 @@
+import { PageContextBuiltIn, PageContextBuiltInClientWithClientRouting } from 'vite-plugin-ssr/types';
+import { V as VikeSolidConfig } from '../_config-4f584ee9.js';
+import { JSX } from 'solid-js';
+
+type Page = (pageProps: PageProps) => JSX.Element;
+type PageProps = Record<string, unknown>;
+type WrapperComponent = ({ children }: {
+    children: any;
+}) => JSX.Element;
+type PageContextCommon = {
+    Page: Page;
+    pageProps?: PageProps;
+    config: {
+        Layout?: WrapperComponent;
+        Wrapper?: WrapperComponent;
+    };
+};
+type PageContextServer = PageContextBuiltIn<Page> & PageContextCommon & {
+    config: Partial<VikeSolidConfig>;
+};
+type PageContextClient = PageContextBuiltInClientWithClientRouting<Page> & PageContextCommon;
+type PageContext = PageContextClient | PageContextServer;
+
+/** Access the pageContext from any SolidJS component */
+declare function usePageContext(): PageContext;
+
+export { usePageContext };

package/dist/dev-9481c139.js

@@ -0,0 +1,11 @@
+import { createServer } from 'vite';
+import { c as config } from './vite.config-8c4f846f.js';
+import 'vite-plugin-solid';
+import 'vite-plugin-ssr/plugin';
+
+main();
+async function main() {
+  const server = await createServer(config);
+  await server.listen();
+  server.printUrls();
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { PageContextBuiltIn } from 'vite-plugin-ssr/types';
+export { U as Config } from './_config-4f584ee9.js';
+import 'solid-js';

package/dist/index.js

@@ -0,0 +1,31 @@
+Error.stackTraceLimit = Infinity;
+const cmd = parseCliArgs();
+cli();
+async function cli() {
+  if (cmd === "dev") {
+    await import('./dev-9481c139.js');
+  }
+  if (cmd === "build") {
+    await import('./build-f275ba07.js');
+  }
+  if (cmd === "preview") {
+    await import('./preview-07e97d22.js');
+  }
+}
+function parseCliArgs() {
+  const args = process.argv.filter(Boolean).slice(2);
+  let cmd;
+  const isDev = args.includes("dev");
+  const isPreview = args.includes("preview");
+  const isBuild = args.includes("build");
+  if (isDev) {
+    cmd = "dev";
+  } else if (isBuild) {
+    cmd = "build";
+  } else if (isPreview) {
+    cmd = "preview";
+  } else {
+    throw new Error(`DocPress: unknown command \`$ docpress ${args.join(" ")}\`. Known commands: \`$ docpress dev\` and \`$ docpress preview\`.`);
+  }
+  return cmd;
+}

package/dist/index2.js

@@ -0,0 +1 @@
+

package/dist/preview-07e97d22.js

@@ -0,0 +1,10 @@
+import { preview } from 'vite';
+import { c as config } from './vite.config-8c4f846f.js';
+import 'vite-plugin-solid';
+import 'vite-plugin-ssr/plugin';
+
+main();
+async function main() {
+  const server = await preview(config);
+  server.printUrls();
+}

package/dist/usePageContext.js

@@ -0,0 +1,3 @@
+export { u as usePageContext } from './PageContextProvider-a90cda5a.js';
+import 'solid-js/web';
+import 'solid-js';

package/dist/vite-plugin-vike-solid.d.ts

@@ -0,0 +1,9 @@
+import { Options as Options$1 } from 'vite-plugin-solid';
+import { Plugin } from 'vite';
+
+interface Options {
+    solid?: Options$1;
+}
+declare function export_default(options?: Options): Plugin[];
+
+export { Options, export_default as default };

package/dist/vite-plugin-vike-solid.js

@@ -0,0 +1,36 @@
+import solidPlugin from 'vite-plugin-solid';
+import ssr from 'vite-plugin-ssr/plugin';
+import { mergeConfig } from 'vite';
+
+function overrideConfig() {
+  return {
+    name: "vite-plugin-vike-solid",
+    config: () => ({
+      optimizeDeps: {
+        include: ["solid-js"]
+      },
+      ssr: {
+        external: ["vike-solid", "vite-plugin-ssr/server"]
+      }
+    })
+  };
+}
+function vitePluginVikeSolid (options = {}) {
+  return [solidPlugin(mergeConfig({
+    ssr: true,
+    typescript: {
+      onlyRemoveTypeImports: true
+    },
+    solid: {
+      hydratable: true
+    }
+  }, options.solid ?? {})), ssr({
+    extensions: [{
+      npmPackageName: "vike-solid",
+      pageConfigsDistFiles: ["vike-solid/renderer/+onRenderHtml.js", "vike-solid/renderer/+onRenderClient.js", "vike-solid/renderer/+config.js", "vike-solid/renderer/+passToClient.js"]
+    }],
+    disableAutoFullBuild: true
+  }), overrideConfig()];
+}
+
+export { vitePluginVikeSolid as default };

package/dist/vite.config-8c4f846f.js

@@ -0,0 +1,45 @@
+import solidPlugin from 'vite-plugin-solid';
+import ssr from 'vite-plugin-ssr/plugin';
+import { mergeConfig } from 'vite';
+
+function overrideConfig() {
+  return {
+    name: "vite-plugin-vike-solid",
+    config: () => ({
+      optimizeDeps: {
+        include: ["solid-js"]
+      },
+      ssr: {
+        external: ["vike-solid", "vite-plugin-ssr/server"]
+      }
+    })
+  };
+}
+function vpvs (options = {}) {
+  return [solidPlugin(mergeConfig({
+    ssr: true,
+    typescript: {
+      onlyRemoveTypeImports: true
+    },
+    solid: {
+      hydratable: true
+    }
+  }, options.solid ?? {})), ssr({
+    extensions: [{
+      npmPackageName: "vike-solid",
+      pageConfigsDistFiles: ["vike-solid/renderer/+onRenderHtml.js", "vike-solid/renderer/+onRenderClient.js", "vike-solid/renderer/+config.js", "vike-solid/renderer/+passToClient.js"]
+    }],
+    disableAutoFullBuild: true
+  }), overrideConfig()];
+}
+
+const root = process.cwd();
+const config = {
+  root,
+  plugins: [vpvs()],
+  server: {
+    port: process.env.PORT ? parseInt(process.env.PORT) : undefined
+  }
+};
+
+export { config as c };

package/package.json

@@ -1,4 +1,65 @@
 {
   "name": "vike-solid",
-  "version": "0.0.0"
-}
+  "version": "0.0.6",
+  "type": "module",
+  "exports": {
+    ".": "./dist/index2.js",
+    "./vite": "./dist/vite-plugin-vike-solid.js",
+    "./usePageContext": "./dist/usePageContext.js",
+    "./renderer/+onRenderHtml.js": "./dist/_onRenderHtml.js",
+    "./renderer/+onRenderClient.js": "./dist/_onRenderClient.js",
+    "./renderer/+config.js": "./dist/_config.js",
+    "./renderer/+passToClient.js": "./dist/_passToClient.js"
+  },
+  "dependencies": {
+    "vite": "^4.3.5",
+    "vite-plugin-solid": "^2.7.0",
+    "vite-plugin-ssr": "^0.4.123"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.7.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.21.8",
+    "@babel/preset-env": "^7.21.5",
+    "@babel/preset-typescript": "^7.21.5",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-node-resolve": "^15.0.2",
+    "@types/node": "^18.16.6",
+    "babel-preset-solid": "^1.7.4",
+    "bumpp": "^9.1.0",
+    "rollup": "3.20.4",
+    "rollup-plugin-dts": "^5.3.0",
+    "solid-js": "^1.7.5",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.4"
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "dist/index.d.ts"
+      ],
+      "vite": [
+        "dist/vite-plugin-vike-solid.d.ts"
+      ],
+      "client": [
+        "client.d.ts"
+      ],
+      "usePageContext": [
+        "./dist/components/usePageContext.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist/",
+    "client.d.ts"
+  ],
+  "bin": "./cli/entry.js",
+  "repository": "github:magne4000/vike-solid",
+  "license": "MIT",
+  "scripts": {
+    "dev": "rollup -c rollup.config.js --watch",
+    "build": "rollup -c rollup.config.js",
+    "release": "pnpm run build && bumpp --commit --push --tag && pnpm publish"
+  }
+}

package/readme.md

@@ -1,3 +0,0 @@
-This is work in progress, stay tuned...
-
-If I didn't publish anything in a while and you want this package, then reach out and I'll give it away.