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: {