create-vike 0.0.4 → 0.0.304

package/files/js/vue/renderer/app.js

@@ -1,29 +0,0 @@
-import { createSSRApp, h } from "vue";
-import PageWrapper from "./PageWrapper.vue";
-import { setPageContext } from "./usePageContext";
-
-export { createApp };
-
-function createApp(pageContext) {
-  const { Page, pageProps } = pageContext;
-  const PageWithLayout = {
-    render() {
-      return h(
-        PageWrapper,
-        {},
-        {
-          default() {
-            return h(Page, pageProps || {});
-          },
-        }
-      );
-    },
-  };
-
-  const app = createSSRApp(PageWithLayout);
-
-  // Make `pageContext` available from any Vue component
-  setPageContext(app, pageContext);
-
-  return app;
-}

package/files/js/vue/renderer/usePageContext.js

@@ -1,18 +0,0 @@
-// Hook `usePageContext()` to make `pageContext` available from any Vue component.
-// See https://vite-plugin-ssr.com/pageContext-anywhere
-
-import { inject } from "vue";
-
-export { usePageContext };
-export { setPageContext };
-
-const key = Symbol();
-
-function usePageContext() {
-  const pageContext = inject(key);
-  return pageContext;
-}
-
-function setPageContext(app, pageContext) {
-  app.provide(key, pageContext);
-}

package/files/js/vue+client-router/renderer/_default.page.client.js

@@ -1,23 +0,0 @@
-import { useClientRouter } from "vite-plugin-ssr/client/router";
-import { createApp } from "./app";
-
-useClientRouter({
-  async render(pageContext) {
-    const app = createApp(pageContext);
-    app.mount("#app");
-  },
-
-  ensureHydration: true,
-
-  prefetchLinks: true,
-
-  onTransitionStart() {
-    // Page transition started
-  },
-
-  onTransitionEnd() {
-    // Page transition ended
-  },
-}).hydrationPromise.then(() => {
-  // Hydration finished; page is now interactive
-});

package/files/js/vue+client-router/renderer/app.js

@@ -1,36 +0,0 @@
-import {
-  createApp as createVueApp,
-  createSSRApp,
-  defineComponent,
-  h,
-} from "vue";
-import PageWrapper from "./PageWrapper.vue";
-import { setPageContext } from "./usePageContext";
-
-export { createApp };
-
-function createApp(pageContext) {
-  const { Page, pageProps } = pageContext;
-  const PageWithLayout = defineComponent({
-    render() {
-      return h(
-        PageWrapper,
-        {},
-        {
-          default() {
-            return h(Page, pageProps || {});
-          },
-        }
-      );
-    },
-  });
-
-  const app = pageContext.isHydration
-    ? createSSRApp(PageWithLayout)
-    : createVueApp(PageWithLayout);
-
-  // Make `pageContext` available from any Vue component
-  setPageContext(app, pageContext);
-
-  return app;
-}

package/files/js/vue+client-router/renderer/types.js

@@ -1 +0,0 @@
-export {};

package/files/shared/.prettierrc

@@ -1 +0,0 @@
-{}

package/files/shared/react/pages/about/index.css

@@ -1,4 +0,0 @@
-h1,
-p {
-  color: green;
-}

package/files/shared/vike/_gitignore

@@ -1,121 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-.pnpm-debug.log*
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Snowpack dependency directory (https://snowpack.dev/)
-web_modules/
-
-# TypeScript cache
-*.tsbuildinfo
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-.env.test
-.env.production
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-.parcel-cache
-
-# Next.js build output
-.next
-out
-
-# Nuxt.js build / generate output
-.nuxt
-dist
-
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and not Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
-
-# Stores VSCode versions used for testing VSCode extensions
-.vscode-test
-
-# yarn v2
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.pnp.*
-
-# Local files
-*.local

package/files/ts/react/pages/about/index.page.tsx

@@ -1,13 +0,0 @@
-import React from "react";
-import "./index.css";
-
-export { Page };
-
-function Page() {
-  return (
-    <>
-      <h1>About</h1>
-      <p>A colored page.</p>
-    </>
-  );
-}

package/files/ts/react/renderer/Link.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import { usePageContext } from "./usePageContext";
-
-export { Link };
-
-function Link(props: {
-  href?: string;
-  className?: string;
-  children: React.ReactNode;
-}) {
-  const pageContext = usePageContext();
-  const className = [
-    props.className,
-    pageContext.urlPathname === props.href && "is-active",
-  ]
-    .filter(Boolean)
-    .join(" ");
-  return <a {...props} className={className} />;
-}

package/files/ts/react/renderer/_default.page.client.tsx

@@ -1,21 +0,0 @@
-import ReactDOM from "react-dom";
-import React from "react";
-import { getPage } from "vite-plugin-ssr/client";
-import { PageWrapper } from "./PageWrapper";
-import type { PageContext } from "./types";
-import type { PageContextBuiltInClient } from "vite-plugin-ssr/types";
-
-hydrate();
-
-async function hydrate() {
-  // We do Server Routing, but we can also do Client Routing by using `useClientRouter()`
-  // instead of `getPage()`, see https://vite-plugin-ssr.com/useClientRouter
-  const pageContext = await getPage<PageContextBuiltInClient & PageContext>();
-  const { Page, pageProps } = pageContext;
-  ReactDOM.hydrate(
-    <PageWrapper pageContext={pageContext}>
-      <Page {...pageProps} />
-    </PageWrapper>,
-    document.getElementById("page-view")
-  );
-}

package/files/ts/react/renderer/_default.page.server.tsx

@@ -1,49 +0,0 @@
-import ReactDOMServer from "react-dom/server";
-import React from "react";
-import { PageWrapper } from "./PageWrapper";
-import { escapeInject, dangerouslySkipEscape } from "vite-plugin-ssr";
-import logoUrl from "./logo.svg";
-import type { PageContext } from "./types";
-import type { PageContextBuiltIn } from "vite-plugin-ssr/types";
-
-export { render };
-
-// See https://vite-plugin-ssr.com/data-fetching
-export const passToClient = ["pageProps", "urlPathname"];
-
-async function render(pageContext: PageContextBuiltIn & PageContext) {
-  const { Page, pageProps } = pageContext;
-  const pageHtml = ReactDOMServer.renderToString(
-    <PageWrapper pageContext={pageContext}>
-      <Page {...pageProps} />
-    </PageWrapper>
-  );
-
-  // See https://vite-plugin-ssr.com/html-head
-  const { documentProps } = pageContext;
-  const title = (documentProps && documentProps.title) || "Vite SSR app";
-  const desc =
-    (documentProps && documentProps.description) ||
-    "App using Vite + vite-plugin-ssr";
-
-  const documentHtml = escapeInject`<!DOCTYPE html>
-    <html lang="en">
-      <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" href="${logoUrl}" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="description" content="${desc}" />
-        <title>${title}</title>
-      </head>
-      <body>
-        <div id="page-view">${dangerouslySkipEscape(pageHtml)}</div>
-      </body>
-    </html>`;
-
-  return {
-    documentHtml,
-    pageContext: {
-      // We can add some `pageContext` here, which is useful if we want to do page redirection https://vite-plugin-ssr.com/page-redirection
-    },
-  };
-}

package/files/ts/react/renderer/types.ts

@@ -1,11 +0,0 @@
-export type PageProps = {};
-// The `pageContext` that are available in both on the server-side and browser-side
-export type PageContext = {
-  Page: (pageProps: PageProps) => React.ReactElement;
-  pageProps: PageProps;
-  urlPathname: string;
-  documentProps?: {
-    title?: string;
-    description?: string;
-  };
-};

package/files/ts/react/renderer/usePageContext.tsx

@@ -1,25 +0,0 @@
-// `usePageContext` allows us to access `pageContext` in any React component.
-// More infos: https://vite-plugin-ssr.com/pageContext-anywhere
-
-import React, { useContext } from "react";
-import type { PageContext } from "./types";
-
-export { PageContextProvider };
-export { usePageContext };
-
-const Context = React.createContext<PageContext>(undefined as any);
-
-function PageContextProvider({
-  pageContext,
-  children,
-}: {
-  pageContext: PageContext;
-  children: React.ReactNode;
-}) {
-  return <Context.Provider value={pageContext}>{children}</Context.Provider>;
-}
-
-function usePageContext() {
-  const pageContext = useContext(Context);
-  return pageContext;
-}

package/files/ts/react+client-router/renderer/_default.page.client.tsx

@@ -1,44 +0,0 @@
-import ReactDOM from "react-dom";
-import React from "react";
-import { useClientRouter } from "vite-plugin-ssr/client/router";
-import { PageWrapper } from "./PageWrapper";
-import { PageContext } from "./types";
-
-useClientRouter({
-  async render(pageContext: PageContext) {
-    if (pageContext.isHydration) {
-      // When we render the first page. (Since we do SSR, the first page is already
-      // rendered to HTML and we merely have to hydrate it.)
-      const { Page, pageProps } = pageContext;
-      ReactDOM.hydrate(
-        <PageWrapper pageContext={pageContext}>
-          <Page {...pageProps} />
-        </PageWrapper>,
-        document.getElementById("page-view")
-      );
-    } else {
-      // When the user navigates to a new page.
-      const { Page, pageProps } = pageContext;
-      ReactDOM.render(
-        <PageWrapper pageContext={pageContext}>
-          <Page {...pageProps} />
-        </PageWrapper>,
-        document.getElementById("page-view")
-      );
-    }
-  },
-
-  ensureHydration: true,
-
-  prefetchLinks: true,
-
-  onTransitionStart() {
-    // Page transition started
-  },
-
-  onTransitionEnd() {
-    // Page transition ended
-  },
-}).hydrationPromise.then(() => {
-  // Hydration finished; page is now interactive
-});

package/files/ts/react+client-router/renderer/types.ts

@@ -1,12 +0,0 @@
-export type PageProps = {};
-// The `pageContext` that are available in both on the server-side and browser-side
-export type PageContext = {
-  Page: (pageProps: PageProps) => React.ReactElement;
-  isHydration: boolean;
-  pageProps: PageProps;
-  urlPathname: string;
-  documentProps?: {
-    title?: string;
-    description?: string;
-  };
-};

package/files/ts/vike/server/index.ts

@@ -1,40 +0,0 @@
-import express from "express";
-import { createPageRenderer } from "vite-plugin-ssr";
-
-const isProduction = process.env.NODE_ENV === "production";
-const root = `${__dirname}/..`;
-
-startServer();
-
-async function startServer() {
-  const app = express();
-
-  let viteDevServer;
-  if (isProduction) {
-    app.use(express.static(`${root}/dist/client`));
-  } else {
-    const vite = require("vite");
-    viteDevServer = await vite.createServer({
-      root,
-      server: { middlewareMode: true },
-    });
-    app.use(viteDevServer.middlewares);
-  }
-
-  const renderPage = createPageRenderer({ viteDevServer, isProduction, root });
-  app.get("*", async (req, res, next) => {
-    const url = req.originalUrl;
-    const pageContextInit = {
-      url,
-    };
-    const pageContext = await renderPage(pageContextInit);
-    const { httpResponse } = pageContext;
-    if (!httpResponse) return next();
-    const { statusCode, body } = httpResponse;
-    res.status(statusCode).send(body);
-  });
-
-  const port = process.env.PORT || 3000;
-  app.listen(port);
-  console.log(`Server running at http://localhost:${port}`);
-}

package/files/ts/vue/pages/about/index.page.vue

@@ -1,11 +0,0 @@
-<template>
-  <h1>About</h1>
-  <p>A colored page.</p>
-</template>
-
-<style>
-h1,
-p {
-  color: green;
-}
-</style>

package/files/ts/vue/pages/index/Counter.vue

@@ -1,10 +0,0 @@
-<template>
-  <button type="button" @click="state.count++">
-    Counter {{ state.count }}
-  </button>
-</template>
-
-<script lang="ts" setup>
-import { reactive } from "vue";
-const state = reactive({ count: 0 });
-</script>

package/files/ts/vue/renderer/_default.page.client.ts

@@ -1,14 +0,0 @@
-import { getPage } from "vite-plugin-ssr/client";
-import { createApp } from "./app";
-import type { PageContext } from "./types";
-import type { PageContextBuiltInClient } from "vite-plugin-ssr/types";
-
-hydrate();
-
-async function hydrate() {
-  // We do Server Routing, but we can also do Client Routing by using `useClientRouter()`
-  // instead of `getPage()`, see https://vite-plugin-ssr.com/useClientRouter
-  const pageContext = await getPage<PageContextBuiltInClient & PageContext>();
-  const app = createApp(pageContext);
-  app.mount("#app");
-}

package/files/ts/vue/renderer/_default.page.server.ts

@@ -1,43 +0,0 @@
-import { renderToString } from "@vue/server-renderer";
-import { escapeInject, dangerouslySkipEscape } from "vite-plugin-ssr";
-import { createApp } from "./app";
-import logoUrl from "./logo.svg";
-import type { PageContext } from "./types";
-import type { PageContextBuiltIn } from "vite-plugin-ssr/types";
-
-export { render };
-// See https://vite-plugin-ssr.com/data-fetching
-export const passToClient = ["pageProps", "urlPathname"];
-
-async function render(pageContext: PageContextBuiltIn & PageContext) {
-  const app = createApp(pageContext);
-  const appHtml = await renderToString(app);
-
-  // See https://vite-plugin-ssr.com/html-head
-  const { documentProps } = pageContext;
-  const title = (documentProps && documentProps.title) || "Vite SSR app";
-  const desc =
-    (documentProps && documentProps.description) ||
-    "App using Vite + vite-plugin-ssr";
-
-  const documentHtml = escapeInject`<!DOCTYPE html>
-    <html lang="en">
-      <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" href="${logoUrl}" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="description" content="${desc}" />
-        <title>${title}</title>
-      </head>
-      <body>
-        <div id="app">${dangerouslySkipEscape(appHtml)}</div>
-      </body>
-    </html>`;
-
-  return {
-    documentHtml,
-    pageContext: {
-      // We can add some `pageContext` here, which is useful if we want to do page redirection https://vite-plugin-ssr.com/page-redirection
-    },
-  };
-}

package/files/ts/vue/renderer/app.ts

@@ -1,30 +0,0 @@
-import { createSSRApp, defineComponent, h } from "vue";
-import PageWrapper from "./PageWrapper.vue";
-import { setPageContext } from "./usePageContext";
-import type { PageContext } from "./types";
-
-export { createApp };
-
-function createApp(pageContext: PageContext) {
-  const { Page, pageProps } = pageContext;
-  const PageWithLayout = defineComponent({
-    render() {
-      return h(
-        PageWrapper,
-        {},
-        {
-          default() {
-            return h(Page, pageProps || {});
-          },
-        }
-      );
-    },
-  });
-
-  const app = createSSRApp(PageWithLayout);
-
-  // Make `pageContext` available from any Vue component
-  setPageContext(app, pageContext);
-
-  return app;
-}

package/files/ts/vue/renderer/types.ts

@@ -1,10 +0,0 @@
-export type PageProps = {};
-// The `pageContext` that are available in both on the server-side and browser-side
-export type PageContext = {
-  Page: any;
-  pageProps?: PageProps;
-  documentProps?: {
-    title?: string;
-    description?: string;
-  };
-};

package/files/ts/vue/renderer/usePageContext.ts

@@ -1,20 +0,0 @@
-// Hook `usePageContext()` to make `pageContext` available from any Vue component.
-// See https://vite-plugin-ssr.com/pageContext-anywhere
-
-import { inject } from "vue";
-import type { App } from "vue";
-import { PageContext } from "./types";
-
-export { usePageContext };
-export { setPageContext };
-
-const key = Symbol();
-
-function usePageContext() {
-  const pageContext = inject(key);
-  return pageContext;
-}
-
-function setPageContext(app: App, pageContext: PageContext) {
-  app.provide(key, pageContext);
-}

package/files/ts/vue/vue.d.ts

@@ -1,4 +0,0 @@
-declare module "*.vue" {
-  const Component: any;
-  export default Component;
-}

package/files/ts/vue+client-router/renderer/_default.page.client.ts

@@ -1,24 +0,0 @@
-import { useClientRouter } from "vite-plugin-ssr/client/router";
-import { createApp } from "./app";
-import { PageContext } from "./types";
-
-useClientRouter({
-  async render(pageContext: PageContext) {
-    const app = createApp(pageContext);
-    app.mount("#app");
-  },
-
-  ensureHydration: true,
-
-  prefetchLinks: true,
-
-  onTransitionStart() {
-    // Page transition started
-  },
-
-  onTransitionEnd() {
-    // Page transition ended
-  },
-}).hydrationPromise.then(() => {
-  // Hydration finished; page is now interactive
-});