Initial commit

pages/content-runtime/src/matches/all/App.tsx

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+
+export default function App() {
+  useEffect(() => {
+    console.log('[CEB] All runtime content view loaded');
+  }, []);
+
+  return <div className="ceb-all-runtime-content-view-text">All runtime content view</div>;
+}

pages/content-runtime/src/matches/all/index.css

@@ -0,0 +1,5 @@
+@import '@extension/ui/global.css';
+
+.ceb-all-runtime-content-view-text {
+  font-size: 20px;
+}

pages/content-runtime/src/matches/all/index.tsx

@@ -0,0 +1,5 @@
+import inlineCss from '../../../dist/all/index.css?inline';
+import { initAppWithShadow } from '@extension/shared';
+import App from '@src/matches/all/App';
+
+initAppWithShadow({ id: 'CEB-extension-runtime-all', app: <App />, inlineCss });

pages/content-runtime/src/matches/example/App.tsx

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+
+export default function App() {
+  useEffect(() => {
+    console.log('[CEB] Example runtime content view loaded');
+  }, []);
+
+  return <div className="ceb-example-runtime-content-view-text">Example runtime content view</div>;
+}

pages/content-runtime/src/matches/example/index.css

@@ -0,0 +1,5 @@
+@import '@extension/ui/global.css';
+
+.ceb-example-runtime-content-view-text {
+  font-size: 20px;
+}

pages/content-runtime/src/matches/example/index.tsx

@@ -0,0 +1,5 @@
+import inlineCss from '../../../dist/example/index.css?inline';
+import { initAppWithShadow } from '@extension/shared';
+import App from '@src/matches/example/App';
+
+initAppWithShadow({ id: 'CEB-extension-runtime-example', app: <App />, inlineCss });