@motiadev/workbench 0.8.2-beta.140-799293 → 0.8.2-beta.140-628177

package/dist/middleware.js

@@ -9,6 +9,14 @@ const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const vite_1 = require("vite");
 const vite_plugin_motia_plugins_1 = __importDefault(require("./vite-plugin-motia-plugins"));
+const workbenchBasePlugin = (workbenchBase) => {
+    return {
+        name: 'html-transform',
+        transformIndexHtml: (html) => {
+            return html.replace('</head>', `<script>const workbenchBase = ${JSON.stringify(workbenchBase)};</script></head>`);
+        },
+    };
+};
 const processCwdPlugin = () => {
     return {
         name: 'html-transform',
@@ -62,7 +70,13 @@ const applyMiddleware = async ({ app, port, workbenchBase, plugins }) => {
                 // antd: path.join(process.cwd(), './node_modules/antd'),
             },
         },
-        plugins: [(0, plugin_react_1.default)(), processCwdPlugin(), reoPlugin(), (0, vite_plugin_motia_plugins_1.default)(plugins)],
+        plugins: [
+            (0, plugin_react_1.default)(),
+            processCwdPlugin(),
+            reoPlugin(),
+            (0, vite_plugin_motia_plugins_1.default)(plugins),
+            workbenchBasePlugin(workbenchBase),
+        ],
         assetsInclude: ['**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.gif', '**/*.svg', '**/*.ico', '**/*.webp', '**/*.avif'],
     });
     app.use(workbenchBase, vite.middlewares);

package/dist/src/components/NotFoundPage.d.ts

@@ -0,0 +1 @@
+export declare const NotFoundPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/NotFoundPage.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Header } from './header/header';
+export const NotFoundPage = () => (_jsxs("div", { className: "grid grid-rows-[auto_1fr] h-screen bg-background text-foreground", children: [_jsx(Header, {}), _jsxs("div", { className: "flex flex-col items-center justify-center", children: [_jsx("h1", { className: "text-4xl font-bold mb-4", children: "404 \u2013 Page Not Found" }), _jsx("p", { className: "text-lg opacity-80 mb-6", children: "This route doesn\u2019t exist." })] })] }));

package/dist/src/main.js

@@ -1,14 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MotiaStreamProvider } from '@motiadev/stream-client-react';
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import { RootMotia } from './components/root-motia';
+import { App } from './App';
+import { NotFoundPage } from './components/NotFoundPage';
 import '@motiadev/ui/globals.css';
 import './index.css';
-import { App } from './App';
 const rootElement = document.getElementById('root');
 if (!rootElement.innerHTML) {
+    // eslint-disable-next-line no-undef
+    const basePath = workbenchBase;
     const root = createRoot(rootElement);
     const address = window.location.origin.replace('http', 'ws');
-    root.render(_jsx(StrictMode, { children: _jsx(MotiaStreamProvider, { address: address, children: _jsx(RootMotia, { children: _jsx(App, {}) }) }) }));
+    root.render(_jsx(StrictMode, { children: _jsx(MotiaStreamProvider, { address: address, children: _jsx(RootMotia, { children: _jsx(BrowserRouter, { children: _jsxs(Routes, { children: [_jsx(Route, { path: basePath, element: _jsx(App, {}) }), _jsx(Route, { path: "*", element: _jsx(NotFoundPage, {}) })] }) }) }) }) }));
 }