Migrates examples/tsconfig/ to use Preact.

Refs #71.
dgp1130 · Mar 13, 2023 · a00a438 · a00a438
1 parent 7cc8865
commit a00a438
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 11 deletions.
diff --git a/examples/tsconfig/BUILD.bazel b/examples/tsconfig/BUILD.bazel
@@ -1,13 +1,24 @@
+load("@aspect_bazel_lib//lib:copy_to_bin.bzl", "copy_to_bin")
 load("@bazel_skylib//rules:build_test.bzl", "build_test")
 load("//:index.bzl", "prerender_pages", "web_resources_devserver")
 
+copy_to_bin(
+    name = "package",
+    srcs = ["package.json"],
+)
+
 prerender_pages(
     name = "site",
-    src = "site.mts",
+    src = "site.tsx",
     tsconfig = "tsconfig.json",
     source_map = True,
     bundle_js = False, # Optimization: No client-side JavaScript on this site.
-    lib_deps = ["//:node_modules/rules_prerender"],
+    # Need `"type": "module"` to load `*.js` files output by `*.tsx` compilation.
+    data = [":package"],
+    lib_deps = [
+        "//:node_modules/@rules_prerender/preact",
+        "//:node_modules/preact",
+    ],
 )
 
 web_resources_devserver(

diff --git a/examples/tsconfig/package.json b/examples/tsconfig/package.json
@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}
diff --git a/examples/tsconfig/site.mts → examples/tsconfig/site.tsx b/examples/tsconfig/site.mts → examples/tsconfig/site.tsx
@@ -1,4 +1,4 @@
-import { PrerenderResource } from 'rules_prerender';
+import { PrerenderResource, renderToHtml } from '@rules_prerender/preact';
 
 /**
  * Renders HTML page.
@@ -7,17 +7,16 @@ import { PrerenderResource } from 'rules_prerender';
  *     tsconfig file used to compile this file.
  */
 export default function*(foo): Generator<PrerenderResource, void, void> {
-    yield PrerenderResource.of('/index.html', `
-        <!DOCTYPE html>
+    yield PrerenderResource.of('/index.html', renderToHtml(
         <html>
             <head>
                 <title>tsconfig</title>
-                <meta charset="utf8">
+                <meta charSet='utf8' />
             </head>
             <body>
                 <h2>tsconfig</h2>
-                <span>${foo}</span>
+                <span>{foo}</span>
             </body>
         </html>
-    `);
+    ));
 }
diff --git a/examples/tsconfig/tsconfig.json b/examples/tsconfig/tsconfig.json
@@ -14,13 +14,16 @@
 
     "baseUrl": "./",                          /* Base directory to resolve non-absolute module names. */
     "paths": {                                /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
-      // Set up absolute imports per: https://bazelbuild.github.io/rules_nodejs/TypeScript.html#ts_project
-      "rules_prerender": ["../../packages/rules_prerender"], // Map `rules_prerender` module to its implementation.
-      "rules_prerender/*": ["*"] // Map workspace-relative imports.
+      "rules_prerender": ["../../packages/rules_prerender"],
+      "@rules_prerender/*": ["../../packages/*"]
     },
     "moduleResolution": "node",
     "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
 
+    /* JSX Options */
+    "jsx": "react-jsx",                       /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
+    "jsxImportSource": "preact",
+
     /* Advanced Options */
     "skipLibCheck": true,                     /* Skip type checking of declaration files. */
     "forceConsistentCasingInFileNames": true  /* Disallow inconsistently-cased references to the same file. */