SSR

Author: haydncomley

.github/workflows/firebase-hosting-merge.yml

@@ -18,3 +18,5 @@ jobs:
           firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_NICEE_LIB }}'
           channelId: live
           projectId: nicee-lib
+        env:
+          FIREBASE_CLI_EXPERIMENTS: webframeworks

.github/workflows/firebase-hosting-pull-request.yml

@@ -15,3 +15,5 @@ jobs:
           repoToken: '${{ secrets.GITHUB_TOKEN }}'
           firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_NICEE_LIB }}'
           projectId: nicee-lib
+        env:
+          FIREBASE_CLI_EXPERIMENTS: webframeworks

firebase.json

@@ -1,16 +1,7 @@
 {
   "hosting": {
-    "public": "src/example/dist",
-    "ignore": [
-      "firebase.json",
-      "**/.*",
-      "**/node_modules/**"
-    ],
-    "rewrites": [
-      {
-          "source": "**",
-          "destination": "/index.html"
-      }
-    ]
+    "source": "src/example",
+    "cleanUrls": true,
+    "trailingSlash": false
   }
 }

package.json

@@ -12,6 +12,7 @@
   "scripts": {
     "dev": "cd src/example && yarn dev",
     "build:example": "cd src/example && yarn build",
+    "serve": "firebase emulators:start",
     "make": "yarn make:types && yarn make:lib:cjs && yarn make:lib:esm",
     "make:types": "tsc --project ./tsconfig.out.json",
     "make:lib:cjs": "esbuild ./src/nice/index.ts --bundle --minify --outfile=out/index.cjs --format=cjs",

src/example/astro.config.mjs

@@ -5,11 +5,11 @@ import node from "@astrojs/node";
 
 // https://astro.build/config
 export default defineConfig({
-  // output: 'server',
-  // devToolbar: {
-  //   enabled: false
-  // },
-  // integrations: [critters()],
+  output: 'server',
+  devToolbar: {
+    enabled: false
+  },
+  integrations: [critters()],
   adapter: node({
     mode: "middleware"
   })

src/example/src/app.ts

@@ -1,6 +1,7 @@
 import { app as niceApp, store } from "../../nice";
-import { Blog } from "./pages/blog";
-import { Home } from "./pages/home";
+import { Blog } from "./app/blog";
+import { Error } from "./app/error";
+import { Home } from "./app/home";
 
 export const globalStore = store({
     appName: 'haydn',
@@ -16,7 +17,7 @@ export default (path?: string) => {
 
         switch (trimmedPath) {
             default: 
-                return Home();
+                return Error();
             case '':
                 return Home();
             case 'blog':

src/example/src/pages/blog.ts renamed to src/example/src/app/blog.ts

@@ -0,0 +1,17 @@
+import { render } from "../../../nice";
+import { Navigation } from "../components/nav";
+import { ThemeWidget } from "../components/theme-widget";
+import { CalloutSection } from "../sections/callout";
+import { Footer } from "../sections/footer";
+
+
+export const Error = () => render`
+<main>
+    ${ThemeWidget()}
+    ${Navigation()}
+
+    ${CalloutSection({ header: 'Something went wrong.' })}
+
+    ${Footer()}
+</main>
+`;