From 209f165432d6d7a66bd4e806b3f51f5f3e2ba48b Mon Sep 17 00:00:00 2001 From: Matt Rakow Date: Sun, 13 Jul 2025 16:13:50 -0700 Subject: [PATCH] Update example structure --- examples/src/index.html | 11 ----------- examples/src/index.ts | 11 +++++++++++ examples/src/index.tsx | 10 ---------- examples/src/package1-example/index.html | 11 ----------- examples/src/package1-example/index.ts | 14 +++++--------- examples/src/package2-example/index.html | 11 ----------- examples/src/package2-example/index.ts | 14 +++++--------- examples/webpack.config.js | 8 ++++---- 8 files changed, 25 insertions(+), 65 deletions(-) delete mode 100644 examples/src/index.html create mode 100644 examples/src/index.ts delete mode 100644 examples/src/index.tsx delete mode 100644 examples/src/package1-example/index.html delete mode 100644 examples/src/package2-example/index.html diff --git a/examples/src/index.html b/examples/src/index.html deleted file mode 100644 index e706be0..0000000 --- a/examples/src/index.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - Examples - - -
- - diff --git a/examples/src/index.ts b/examples/src/index.ts new file mode 100644 index 0000000..60b2434 --- /dev/null +++ b/examples/src/index.ts @@ -0,0 +1,11 @@ +import { createElement } from "react"; +import { createRoot } from "react-dom/client"; + +import { ExampleListView } from "./exampleListView.js"; + +const appRootDiv = document.createElement("div"); +appRootDiv.classList.add("app-root"); +const reactRoot = createRoot(appRootDiv); +reactRoot.render(createElement(ExampleListView)); + +document.body.append(appRootDiv); diff --git a/examples/src/index.tsx b/examples/src/index.tsx deleted file mode 100644 index e28f923..0000000 --- a/examples/src/index.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import { createRoot } from "react-dom/client"; - -import { ExampleListView } from "./exampleListView.js"; - -const contentDiv = document.querySelector("#content"); -if (contentDiv === null) { - throw new Error("Could not find #content div"); -} -const root = createRoot(contentDiv); -root.render(); diff --git a/examples/src/package1-example/index.html b/examples/src/package1-example/index.html deleted file mode 100644 index 3893760..0000000 --- a/examples/src/package1-example/index.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - package1 - - -
- - diff --git a/examples/src/package1-example/index.ts b/examples/src/package1-example/index.ts index 9eb28c5..213d8e8 100644 --- a/examples/src/package1-example/index.ts +++ b/examples/src/package1-example/index.ts @@ -3,13 +3,9 @@ import { createRoot } from "react-dom/client"; import { AppView } from "./view/index.js"; -const start = (): void => { - const appViewDiv = document.createElement("div"); - const reactRoot = createRoot(appViewDiv); - reactRoot.render(createElement(AppView)); +const appRootDiv = document.createElement("div"); +appRootDiv.classList.add("app-root"); +const reactRoot = createRoot(appRootDiv); +reactRoot.render(createElement(AppView)); - const div = document.getElementById("content") as HTMLDivElement; - div.append(appViewDiv); -}; - -start(); +document.body.append(appRootDiv); diff --git a/examples/src/package2-example/index.html b/examples/src/package2-example/index.html deleted file mode 100644 index a6bd6ef..0000000 --- a/examples/src/package2-example/index.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - package2 - - -
- - diff --git a/examples/src/package2-example/index.ts b/examples/src/package2-example/index.ts index 9eb28c5..213d8e8 100644 --- a/examples/src/package2-example/index.ts +++ b/examples/src/package2-example/index.ts @@ -3,13 +3,9 @@ import { createRoot } from "react-dom/client"; import { AppView } from "./view/index.js"; -const start = (): void => { - const appViewDiv = document.createElement("div"); - const reactRoot = createRoot(appViewDiv); - reactRoot.render(createElement(AppView)); +const appRootDiv = document.createElement("div"); +appRootDiv.classList.add("app-root"); +const reactRoot = createRoot(appRootDiv); +reactRoot.render(createElement(AppView)); - const div = document.getElementById("content") as HTMLDivElement; - div.append(appViewDiv); -}; - -start(); +document.body.append(appRootDiv); diff --git a/examples/webpack.config.js b/examples/webpack.config.js index d0bf5d7..5902b1e 100644 --- a/examples/webpack.config.js +++ b/examples/webpack.config.js @@ -10,7 +10,7 @@ export default { devtool: "source-map", entry: { "index": { - import: "./src/index.tsx", + import: "./src/index.ts", }, "package1-example": { filename: "package1-example/[name].bundle.js", @@ -47,17 +47,17 @@ export default { plugins: [ new HtmlWebpackPlugin({ chunks: ["index"], - template: "./src/index.html", + title: "Examples", }), new HtmlWebpackPlugin({ chunks: ["package1-example"], filename: "package1-example/index.html", - template: "./src/package1-example/index.html", + title: "package1", }), new HtmlWebpackPlugin({ chunks: ["package2-example"], filename: "package2-example/index.html", - template: "./src/package2-example/index.html", + title: "package2", }), ], resolve: {