create-vike 0.0.310 → 0.0.312

package/.testRun.ts

@@ -61,13 +61,13 @@ function testRun(
     test('HMR', async () => {
       const file = (() => {
         if (uiFramewok === 'vue') {
-          return './pages/index/index.page.vue'
+          return './pages/index/+Page.vue'
         }
         if (uiFramewok === 'react') {
           if (lang === 'ts') {
-            return './pages/index/index.page.tsx'
+            return './pages/index/+Page.tsx'
           } else {
-            return './pages/index/index.page.jsx'
+            return './pages/index/+Page.jsx'
           }
         }
         assert(false)

package/boilerplate-react/package.json

@@ -21,7 +21,7 @@
     "react-dom": "^18.2.0",
     "sirv": "^2.0.3",
     "vite": "^4.4.9",
-    "vike": "^0.4.146"
+    "vike": "^0.4.148"
   },
   "type": "module"
 }

package/boilerplate-react/renderer/+config.h.js

@@ -0,0 +1,9 @@
+// https://vike.dev/config
+export default {
+  /* To enable Client-side Routing:
+  clientRouting: true,
+  // !! WARNING !! Before doing so, read https://vike.dev/clientRouting */
+
+  // See https://vike.dev/data-fetching
+  passToClient: ['pageProps', 'urlPathname']
+}

package/boilerplate-react/renderer/+onRenderClient.jsx

@@ -0,0 +1,20 @@
+// https://vike.dev/onRenderClient
+export { onRenderClient }
+
+import { hydrateRoot } from 'react-dom/client'
+import { PageShell } from './PageShell'
+
+// This onRenderClient() hook only supports SSR, see https://vike.dev/render-modes for how to modify onRenderClient()
+// to support SPA
+async function onRenderClient(pageContext) {
+  const { Page, pageProps } = pageContext
+  if (!Page) throw new Error('Client-side onRenderClient() hook expects pageContext.Page to be defined')
+  const root = document.getElementById('react-root')
+  if (!root) throw new Error('DOM element #react-root not found')
+  hydrateRoot(
+    root,
+    <PageShell pageContext={pageContext}>
+      <Page {...pageProps} />
+    </PageShell>
+  )
+}

package/boilerplate-react/renderer/{_default.page.server.jsx → +onRenderHtml.jsx}

@@ -1,15 +1,15 @@
-export { render }
-// See https://vike.dev/data-fetching
-export const passToClient = ['pageProps', 'urlPathname']
+// https://vike.dev/onRenderHtml
+export { onRenderHtml }
 
 import ReactDOMServer from 'react-dom/server'
 import { PageShell } from './PageShell'
 import { escapeInject, dangerouslySkipEscape } from 'vike/server'
 import logoUrl from './logo.svg'
 
-async function render(pageContext) {
+async function onRenderHtml(pageContext) {
   const { Page, pageProps } = pageContext
-  // This render() hook only supports SSR, see https://vike.dev/render-modes for how to modify render() to support SPA
+  // This onRenderHtml() hook only supports SSR, see https://vike.dev/render-modes for how to modify
+  // onRenderHtml() to support SPA
   if (!Page) throw new Error('My render() hook expects pageContext.Page to be defined')
   const pageHtml = ReactDOMServer.renderToString(
     <PageShell pageContext={pageContext}>

package/boilerplate-react-ts/package.json

@@ -30,7 +30,7 @@
     "ts-node": "^10.9.1",
     "typescript": "^5.1.6",
     "vite": "^4.4.9",
-    "vike": "^0.4.146"
+    "vike": "^0.4.148"
   },
   "type": "module"
 }

package/boilerplate-react-ts/renderer/+config.h.ts

@@ -0,0 +1,11 @@
+import type { Config } from 'vike/types'
+
+// https://vike.dev/config
+export default {
+  /* To enable Client-side Routing:
+  clientRouting: true,
+  // !! WARNING !! Before doing so, read https://vike.dev/clientRouting */
+
+  // See https://vike.dev/data-fetching
+  passToClient: ['pageProps', 'urlPathname']
+} satisfies Config

package/{boilerplate-react/renderer/_default.page.client.jsx → boilerplate-react-ts/renderer/+onRenderClient.tsx}

@@ -1,10 +1,13 @@
-export { render }
+// https://vike.dev/onRenderClient
+export { onRenderClient }
 
 import { hydrateRoot } from 'react-dom/client'
 import { PageShell } from './PageShell'
+import type { OnRenderClientAsync } from 'vike/types'
 
-// This render() hook only supports SSR, see https://vike.dev/render-modes for how to modify render() to support SPA
-async function render(pageContext) {
+// This onRenderClient() hook only supports SSR, see https://vike.dev/render-modes for how to modify onRenderClient()
+// to support SPA
+const onRenderClient: OnRenderClientAsync = async (pageContext): ReturnType<OnRenderClientAsync> => {
   const { Page, pageProps } = pageContext
   if (!Page) throw new Error('Client-side render() hook expects pageContext.Page to be defined')
   const root = document.getElementById('react-root')
@@ -16,7 +19,3 @@ async function render(pageContext) {
     </PageShell>
   )
 }
-
-/* To enable Client-side Routing:
-export const clientRouting = true
-// !! WARNING !! Before doing so, read https://vike.dev/clientRouting */

package/boilerplate-react-ts/renderer/{_default.page.server.tsx → +onRenderHtml.tsx}

@@ -1,16 +1,16 @@
-export { render }
-// See https://vike.dev/data-fetching
-export const passToClient = ['pageProps', 'urlPathname']
+// https://vike.dev/onRenderHtml
+export { onRenderHtml }
 
 import ReactDOMServer from 'react-dom/server'
 import { PageShell } from './PageShell'
 import { escapeInject, dangerouslySkipEscape } from 'vike/server'
 import logoUrl from './logo.svg'
-import type { PageContextServer } from './types'
+import type { OnRenderHtmlAsync } from 'vike/types'
 
-async function render(pageContext: PageContextServer) {
+const onRenderHtml: OnRenderHtmlAsync = async (pageContext): ReturnType<OnRenderHtmlAsync> => {
   const { Page, pageProps } = pageContext
-  // This render() hook only supports SSR, see https://vike.dev/render-modes for how to modify render() to support SPA
+  // This onRenderHtml() hook only supports SSR, see https://vike.dev/render-modes for how to modify
+  // onRenderHtml() to support SPA
   if (!Page) throw new Error('My render() hook expects pageContext.Page to be defined')
   const pageHtml = ReactDOMServer.renderToString(
     <PageShell pageContext={pageContext}>

package/boilerplate-react-ts/renderer/PageShell.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import logo from './logo.svg'
 import { PageContextProvider } from './usePageContext'
-import type { PageContext } from './types'
+import type { PageContext } from 'vike/types'
 import './PageShell.css'
 import { Link } from './Link'
 

package/boilerplate-react-ts/renderer/types.ts

@@ -1,15 +1,3 @@
-export type {
-  PageContextServer,
-  /*
-  // When using Client Routing https://vike.dev/clientRouting
-  PageContextClient,
-  PageContext,
-  /*/
-  // When using Server Routing
-  PageContextClientWithServerRouting as PageContextClient,
-  PageContextWithServerRouting as PageContext
-  //*/
-} from 'vike/types'
 export type { PageProps }
 
 // https://vike.dev/pageContext#typescript

package/boilerplate-react-ts/renderer/usePageContext.tsx

@@ -2,7 +2,7 @@
 // See https://vike.dev/pageContext-anywhere
 
 import React, { useContext } from 'react'
-import type { PageContext } from './types'
+import type { PageContext } from 'vike/types'
 
 export { PageContextProvider }
 // eslint-disable-next-line react-refresh/only-export-components

package/boilerplate-vue/package.json

@@ -15,7 +15,7 @@
     "express": "^4.18.2",
     "sirv": "^2.0.3",
     "vite": "^4.4.9",
-    "vike": "^0.4.146",
+    "vike": "^0.4.148",
     "vue": "^3.3.4"
   },
   "type": "module"

package/boilerplate-vue/renderer/+config.h.js

@@ -0,0 +1,9 @@
+// https://vike.dev/config
+export default {
+  /* To enable Client-side Routing:
+  clientRouting: true,
+  // !! WARNING !! Before doing so, read https://vike.dev/clientRouting */
+
+  // See https://vike.dev/data-fetching
+  passToClient: ['pageProps', 'urlPathname']
+}

package/boilerplate-vue/renderer/+onRenderClient.js

@@ -0,0 +1,13 @@
+// https://vike.dev/onRenderClient
+export { onRenderClient }
+
+import { createApp } from './app'
+
+// This onRenderClient() hook only supports SSR, see https://vike.dev/render-modes for how to modify onRenderClient()
+// to support SPA
+async function onRenderClient(pageContext) {
+  const { Page, pageProps } = pageContext
+  if (!Page) throw new Error('Client-side render() hook expects pageContext.Page to be defined')
+  const app = createApp(Page, pageProps, pageContext)
+  app.mount('#app')
+}

package/boilerplate-vue/renderer/{_default.page.server.js → +onRenderHtml.js}

@@ -1,15 +1,15 @@
-export { render }
-// See https://vike.dev/data-fetching
-export const passToClient = ['pageProps', 'urlPathname']
+// https://vike.dev/onRenderHtml
+export { onRenderHtml }
 
 import { renderToString as renderToString_ } from '@vue/server-renderer'
 import { escapeInject, dangerouslySkipEscape } from 'vike/server'
 import { createApp } from './app'
 import logoUrl from './logo.svg'
 
-async function render(pageContext) {
+async function onRenderHtml(pageContext) {
   const { Page, pageProps } = pageContext
-  // This render() hook only supports SSR, see https://vike.dev/render-modes for how to modify render() to support SPA
+  // This onRenderHtml() hook only supports SSR, see https://vike.dev/render-modes for how to modify
+  // onRenderHtml() to support SPA
   if (!Page) throw new Error('My render() hook expects pageContext.Page to be defined')
   const app = createApp(Page, pageProps, pageContext)
 

package/boilerplate-vue-ts/package.json

@@ -21,7 +21,7 @@
     "ts-node": "^10.9.1",
     "typescript": "^5.1.6",
     "vite": "^4.4.9",
-    "vike": "^0.4.146",
+    "vike": "^0.4.148",
     "vue": "^3.3.4"
   },
   "type": "module"

package/boilerplate-vue-ts/renderer/+config.h.ts

@@ -0,0 +1,11 @@
+import type { Config } from 'vike/types'
+
+// https://vike.dev/config
+export default {
+  /* To enable Client-side Routing:
+  clientRouting: true,
+  // !! WARNING !! Before doing so, read https://vike.dev/clientRouting */
+
+  // See https://vike.dev/data-fetching
+  passToClient: ['pageProps', 'urlPathname']
+} satisfies Config

package/boilerplate-vue-ts/renderer/+onRenderClient.ts

@@ -0,0 +1,14 @@
+// https://vike.dev/onRenderClient
+export { onRenderClient }
+
+import { createApp } from './app'
+import type { OnRenderClientAsync } from 'vike/types'
+
+// This onRenderClient() hook only supports SSR, see https://vike.dev/render-modes for how to modify onRenderClient()
+// to support SPA
+const onRenderClient: OnRenderClientAsync = async (pageContext): ReturnType<OnRenderClientAsync> => {
+  const { Page, pageProps } = pageContext
+  if (!Page) throw new Error('Client-side render() hook expects pageContext.Page to be defined')
+  const app = createApp(Page, pageProps, pageContext)
+  app.mount('#app')
+}

package/boilerplate-vue-ts/renderer/{_default.page.server.ts → +onRenderHtml.ts}

@@ -1,17 +1,17 @@
-export { render }
-// See https://vike.dev/data-fetching
-export const passToClient = ['pageProps', 'urlPathname']
+// https://vike.dev/onRenderHtml
+export { onRenderHtml }
 
 import { renderToString as renderToString_ } from '@vue/server-renderer'
 import type { App } from 'vue'
 import { escapeInject, dangerouslySkipEscape } from 'vike/server'
 import { createApp } from './app'
 import logoUrl from './logo.svg'
-import type { PageContextServer } from './types'
+import type { OnRenderHtmlAsync } from 'vike/types'
 
-async function render(pageContext: PageContextServer) {
+const onRenderHtml: OnRenderHtmlAsync = async (pageContext): ReturnType<OnRenderHtmlAsync> => {
   const { Page, pageProps } = pageContext
-  // This render() hook only supports SSR, see https://vike.dev/render-modes for how to modify render() to support SPA
+  // This onRenderHtml() hook only supports SSR, see https://vike.dev/render-modes for how to modify
+  // onRenderHtml() to support SPA
   if (!Page) throw new Error('My render() hook expects pageContext.Page to be defined')
   const app = createApp(Page, pageProps, pageContext)
 

package/boilerplate-vue-ts/renderer/app.ts

@@ -1,7 +1,8 @@
 import { createSSRApp, defineComponent, h } from 'vue'
 import PageShell from './PageShell.vue'
 import { setPageContext } from './usePageContext'
-import type { Component, PageContext, PageProps } from './types'
+import type { PageContext } from 'vike/types'
+import type { Component, PageProps } from './types'
 
 export { createApp }
 

package/boilerplate-vue-ts/renderer/types.ts

@@ -1,15 +1,3 @@
-export type {
-  PageContextServer,
-  /*
-  // When using Client Routing https://vike.dev/clientRouting
-  PageContextClient,
-  PageContext,
-  /*/
-  // When using Server Routing
-  PageContextClientWithServerRouting as PageContextClient,
-  PageContextWithServerRouting as PageContext
-  //*/
-} from 'vike/types'
 export type { PageProps }
 export type { Component }
 

package/boilerplate-vue-ts/renderer/usePageContext.ts

@@ -3,7 +3,7 @@
 
 import { inject } from 'vue'
 import type { App, InjectionKey } from 'vue'
-import { PageContext } from './types'
+import { PageContext } from 'vike/types'
 
 export { usePageContext }
 export { setPageContext }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vike",
-  "version": "0.0.310",
+  "version": "0.0.312",
   "license": "MIT",
   "bin": {
     "create-vike": "index.js"

package/boilerplate-react-ts/renderer/_default.page.client.tsx

@@ -1,23 +0,0 @@
-export { render }
-
-import { hydrateRoot } from 'react-dom/client'
-import { PageShell } from './PageShell'
-import type { PageContextClient } from './types'
-
-// This render() hook only supports SSR, see https://vike.dev/render-modes for how to modify render() to support SPA
-async function render(pageContext: PageContextClient) {
-  const { Page, pageProps } = pageContext
-  if (!Page) throw new Error('Client-side render() hook expects pageContext.Page to be defined')
-  const root = document.getElementById('react-root')
-  if (!root) throw new Error('DOM element #react-root not found')
-  hydrateRoot(
-    root,
-    <PageShell pageContext={pageContext}>
-      <Page {...pageProps} />
-    </PageShell>
-  )
-}
-
-/* To enable Client-side Routing:
-export const clientRouting = true
-// !! WARNING !! Before doing so, read https://vike.dev/clientRouting */

package/boilerplate-vue/renderer/_default.page.client.js

@@ -1,15 +0,0 @@
-export { render }
-
-import { createApp } from './app'
-
-// This render() hook only supports SSR, see https://vike.dev/render-modes for how to modify render() to support SPA
-async function render(pageContext) {
-  const { Page, pageProps } = pageContext
-  if (!Page) throw new Error('Client-side render() hook expects pageContext.Page to be defined')
-  const app = createApp(Page, pageProps, pageContext)
-  app.mount('#app')
-}
-
-/* To enable Client-side Routing:
-export const clientRouting = true
-// !! WARNING !! Before doing so, read https://vike.dev/clientRouting */

package/boilerplate-vue-ts/renderer/_default.page.client.ts

@@ -1,16 +0,0 @@
-export { render }
-
-import { createApp } from './app'
-import type { PageContextClient } from './types'
-
-// This render() hook only supports SSR, see https://vike.dev/render-modes for how to modify render() to support SPA
-async function render(pageContext: PageContextClient) {
-  const { Page, pageProps } = pageContext
-  if (!Page) throw new Error('Client-side render() hook expects pageContext.Page to be defined')
-  const app = createApp(Page, pageProps, pageContext)
-  app.mount('#app')
-}
-
-/* To enable Client-side Routing:
-export const clientRouting = true
-// !! WARNING !! Before doing so, read https://vike.dev/clientRouting */