Migrates examples/data/ to use Preact.

Refs #71.
dgp1130 · Mar 13, 2023 · 77cf17e · 77cf17e
1 parent 74bd499
commit 77cf17e
Show file tree

Hide file tree

Showing 4 changed files with 79 additions and 62 deletions.
diff --git a/examples/data/BUILD.bazel b/examples/data/BUILD.bazel
@@ -1,17 +1,29 @@
-load("//tools/typescript:defs.bzl", "ts_project")
+load("@aspect_bazel_lib//lib:copy_to_bin.bzl", "copy_to_bin")
 load("//:index.bzl", "prerender_pages", "web_resources_devserver")
 load("//tools/jasmine:defs.bzl", "jasmine_web_test_suite")
+load("//tools/typescript:defs.bzl", "ts_project")
+
+copy_to_bin(
+    name = "package",
+    srcs = ["package.json"],
+)
 
 prerender_pages(
     name = "site",
-    src = "site.mts",
+    src = "site.tsx",
     tsconfig = "//:tsconfig",
     source_map = True,
-    data = glob(["content/*.txt"]),
+    # Data dependency on any files needed for prerendering.
+    data = glob(["content/*.txt"]) + [
+        # Need `"type": "module"` to load `*.js` files output by `*.tsx`
+        # compilation.
+        ":package",
+    ],
     bundle_js = False, # Optimization: No client-side JavaScript on this site.
     lib_deps = [
-        "//:node_modules/rules_prerender",
+        "//:node_modules/@rules_prerender/preact",
         "//:node_modules/@types/node",
+        "//:node_modules/preact",
     ],
 )
 

diff --git a/examples/data/package.json b/examples/data/package.json
@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}
diff --git a/examples/data/site.mts b/examples/data/site.mts
diff --git a/examples/data/site.tsx b/examples/data/site.tsx
@@ -0,0 +1,60 @@
+import { promises as fs } from 'fs';
+import * as path from 'path';
+import { PrerenderResource, renderToHtml } from '@rules_prerender/preact';
+
+const content = `${process.env['RUNFILES']}/rules_prerender/examples/data/content`;
+
+export default async function*():
+        AsyncGenerator<PrerenderResource, void, void> {
+    // Read all files under `content/` in runfiles.
+    const entries = await fs.readdir(content, { withFileTypes: true });
+    const files = entries.filter((entry) => entry.isFile());
+
+    // Generate an index page which links to all posts.
+    yield PrerenderResource.of('/index.html', renderToHtml(
+        <html>
+            <head>
+                <title>Data</title>
+                <meta charSet='utf8' />
+            </head>
+            <body>
+                <h2>Data</h2>
+
+                <ul>
+                    {files.map((file) => 
+                        <li>
+                            <a href={`/posts/${getBaseName(file.name)}.html`}>
+                                {getBaseName(file.name)}
+                            </a>
+                        </li>
+                    )}
+                </ul>
+            </body>
+        </html>
+    ));
+
+    // Generate an HTML page with the content of each file.
+    for (const file of files) {
+        const baseName = getBaseName(file.name);
+        const text = await fs.readFile(path.join(content, file.name), {
+            encoding: 'utf8',
+        });
+
+        yield PrerenderResource.of(`/posts/${baseName}.html`, renderToHtml(
+            <html>
+                <head>
+                    <title>{baseName}</title>
+                    <meta charSet="utf8" />
+                </head>
+                <body>
+                    <h2>{baseName}</h2>
+                    <article>{text.trim()}</article>
+                </body>
+            </html>
+        ));
+    }
+}
+
+function getBaseName(fileName: string): string {
+    return fileName.split('.').slice(0, -1).join('.');
+}