From b6b8484880f2024f65f64b94b4211be65c49aa1e Mon Sep 17 00:00:00 2001
From: Doug Parker <dgp1130@users.noreply.github.com>
Date: Fri, 21 Jul 2023 19:42:13 -0700
Subject: [PATCH] Adds rewrite example.

Refs #40.

This uses `prerender_component2` and friends. It is a temporary example for testing the rewrite and will probably be deleted once the rest of the repository is migrated to the new implementation.
---
 examples/rewrite/BUILD.bazel                  |  23 +++++++++++
 examples/rewrite/component/BUILD.bazel        |  39 ++++++++++++++++++
 .../rewrite/component/component.client.mts    |   1 +
 examples/rewrite/component/component.css      |   3 ++
 .../rewrite/component/component.prerender.tsx |  20 +++++++++
 examples/rewrite/component/image.png          | Bin 0 -> 9948 bytes
 examples/rewrite/site.prerender.tsx           |  18 ++++++++
 examples/rewrite/transitive/BUILD.bazel       |  14 +++++++
 .../transitive/transitive.prerender.tsx       |   7 ++++
 9 files changed, 125 insertions(+)
 create mode 100644 examples/rewrite/BUILD.bazel
 create mode 100644 examples/rewrite/component/BUILD.bazel
 create mode 100644 examples/rewrite/component/component.client.mts
 create mode 100644 examples/rewrite/component/component.css
 create mode 100644 examples/rewrite/component/component.prerender.tsx
 create mode 100644 examples/rewrite/component/image.png
 create mode 100644 examples/rewrite/site.prerender.tsx
 create mode 100644 examples/rewrite/transitive/BUILD.bazel
 create mode 100644 examples/rewrite/transitive/transitive.prerender.tsx

diff --git a/examples/rewrite/BUILD.bazel b/examples/rewrite/BUILD.bazel
new file mode 100644
index 00000000..2554e212
--- /dev/null
+++ b/examples/rewrite/BUILD.bazel
@@ -0,0 +1,23 @@
+load("//:index.bzl", prerender_pages = "prerender_pages2", "web_resources_devserver")
+load("//tools/typescript:defs.bzl", "ts_project")
+
+prerender_pages(
+    name = "site",
+    entry_point = "./site.prerender.js",
+    prerender = ":prerender",
+)
+
+web_resources_devserver(
+    name = "devserver",
+    resources = ":site",
+)
+
+ts_project(
+    name = "prerender",
+    srcs = ["site.prerender.tsx"],
+    deps = [
+        "//examples/rewrite/component:component_prerender",
+        "//:node_modules/@rules_prerender/preact",
+        "//:node_modules/preact",
+    ],
+)
diff --git a/examples/rewrite/component/BUILD.bazel b/examples/rewrite/component/BUILD.bazel
new file mode 100644
index 00000000..1f89395b
--- /dev/null
+++ b/examples/rewrite/component/BUILD.bazel
@@ -0,0 +1,39 @@
+load("//:index.bzl", "css_library", prerender_component = "prerender_component2", "web_resources")
+load("//tools/typescript:defs.bzl", "ts_project")
+
+prerender_component(
+    name = "component",
+    prerender = ":prerender",
+    scripts = ":scripts",
+    styles = ":styles",
+    resources = ":resources",
+    visibility = ["//examples/rewrite:__subpackages__"],
+)
+
+ts_project(
+    name = "prerender",
+    srcs = ["component.prerender.tsx"],
+    deps = [
+        "//examples/rewrite/transitive:transitive_prerender",
+        "//:node_modules/@rules_prerender/preact",
+        "//:node_modules/preact",
+        "//:prerender_components/@rules_prerender/declarative_shadow_dom_prerender",
+    ],
+)
+
+ts_project(
+    name = "scripts",
+    srcs = ["component.client.mts"],
+)
+
+css_library(
+    name = "styles",
+    srcs = ["component.css"],
+)
+
+web_resources(
+    name = "resources",
+    entries = {
+        "/logo.png": "image.png",
+    },
+)
diff --git a/examples/rewrite/component/component.client.mts b/examples/rewrite/component/component.client.mts
new file mode 100644
index 00000000..eb065f93
--- /dev/null
+++ b/examples/rewrite/component/component.client.mts
@@ -0,0 +1 @@
+console.log('Hello, World!');
diff --git a/examples/rewrite/component/component.css b/examples/rewrite/component/component.css
new file mode 100644
index 00000000..2ef60410
--- /dev/null
+++ b/examples/rewrite/component/component.css
@@ -0,0 +1,3 @@
+span {
+    color: red;
+}
diff --git a/examples/rewrite/component/component.prerender.tsx b/examples/rewrite/component/component.prerender.tsx
new file mode 100644
index 00000000..f39a36a1
--- /dev/null
+++ b/examples/rewrite/component/component.prerender.tsx
@@ -0,0 +1,20 @@
+import { polyfillDeclarativeShadowDom } from '@rules_prerender/declarative_shadow_dom/preact.mjs';
+import { Template, includeScript, inlineStyle } from '@rules_prerender/preact';
+import { Transitive } from '../transitive/transitive.prerender.js';
+import { VNode } from 'preact';
+
+export function Component({ name }: { name: string }): VNode {
+    return <div>
+        <Template shadowroot='open'>
+            <img src="/logo.png" />
+            <span>Hello to {name} from component!</span>
+            <slot></slot>
+
+            {polyfillDeclarativeShadowDom()}
+            {includeScript('./component.client.mjs', import.meta)}
+            {inlineStyle('./component.css', import.meta)}
+        </Template>
+
+        <Transitive name={name} />
+    </div>;
+}
diff --git a/examples/rewrite/component/image.png b/examples/rewrite/component/image.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f2ecaaa7986a7cc2d7a81639e10c3ff1aaeea0f
GIT binary patch
literal 9948
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

literal 0
HcmV?d00001

diff --git a/examples/rewrite/site.prerender.tsx b/examples/rewrite/site.prerender.tsx
new file mode 100644
index 00000000..169163a2
--- /dev/null
+++ b/examples/rewrite/site.prerender.tsx
@@ -0,0 +1,18 @@
+import { PrerenderResource, renderToHtml } from '@rules_prerender/preact';
+import { Component } from './component/component.prerender.js';
+
+export default function* (): Generator<PrerenderResource, void, void> {
+    yield PrerenderResource.fromHtml('/index.html', renderToHtml(
+        <html>
+            <head>
+                <title>Rewrite</title>
+                <meta charSet='utf8' />
+            </head>
+            <body>
+                <h2>Rewrite</h2>
+
+                <Component name='World' />
+            </body>
+        </html>
+    ));
+}
diff --git a/examples/rewrite/transitive/BUILD.bazel b/examples/rewrite/transitive/BUILD.bazel
new file mode 100644
index 00000000..6a765a56
--- /dev/null
+++ b/examples/rewrite/transitive/BUILD.bazel
@@ -0,0 +1,14 @@
+load("//:index.bzl", prerender_component = "prerender_component2")
+load("//tools/typescript:defs.bzl", "ts_project")
+
+prerender_component(
+    name = "transitive",
+    prerender = ":prerender",
+    visibility = ["//examples/rewrite:__subpackages__"],
+)
+
+ts_project(
+    name = "prerender",
+    srcs = ["transitive.prerender.tsx"],
+    deps = ["//:node_modules/preact"],
+)
diff --git a/examples/rewrite/transitive/transitive.prerender.tsx b/examples/rewrite/transitive/transitive.prerender.tsx
new file mode 100644
index 00000000..375205cb
--- /dev/null
+++ b/examples/rewrite/transitive/transitive.prerender.tsx
@@ -0,0 +1,7 @@
+import { VNode } from 'preact';
+
+export function Transitive({ name }: { name: string }): VNode {
+    return <div>
+        <span>Hello to {name} from transitive component!</span>
+    </div>;
+}