beast-devtools 0.0.1

package/src/main.ts

@@ -0,0 +1,8 @@
+import { createRoot } from 'octane'
+import App from './App.btsx'
+import './style.css'
+
+const container = document.getElementById('app')
+if (container === null) throw new Error('Missing #app container.')
+
+createRoot(container).render(App, { docsUrl: 'https://beast-docs.vercel.app' })

package/src/style.css

@@ -0,0 +1,44 @@
+@import 'tailwindcss';
+/* The Beast DevTools overlay ships its own prefixed styles. */
+@source not "../devtools";
+
+@theme {
+  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+}
+
+:root {
+  color: #161616;
+  background: #ececeb;
+  font-family: var(--font-sans);
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-font-smoothing: antialiased;
+}
+
+body {
+  min-width: 320px;
+  min-height: 100vh;
+  margin: 0;
+  background: radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.92), transparent 34rem), #ececeb;
+}
+
+button,
+a {
+  font: inherit;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    scroll-behavior: auto !important;
+    transition-duration: 0.01ms !important;
+  }
+}

package/tsconfig.json

@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "noEmit": true,
+    "allowImportingTsExtensions": true,
+    "skipLibCheck": true,
+    "jsx": "preserve",
+    "types": [
+      "vite/client",
+      "node"
+    ],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "plugins": [
+      {
+        "name": "@tsrx/typescript-plugin"
+      }
+    ]
+  },
+  "include": [
+    "src",
+    "devtools",
+    "vite.config.ts"
+  ],
+  "tsrx": {
+    "compiler": "octane"
+  },
+  "exclude": [
+    "devtools/**/*.test.ts"
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,19 @@
+import { fileURLToPath } from "node:url";
+import tailwindcss from "@tailwindcss/vite";
+import { beastOctane } from "beast-tsrx/vite";
+import { defineConfig } from "vite";
+import { beastDevtools } from "@beastjs/devtools";
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
+  plugins: [
+    tailwindcss(),
+    // `profile: 'auto'` compiles Octane's runtime inspection hook into dev builds only.
+    beastOctane({ octane: { profile: "auto" } }),
+    beastDevtools(),
+  ],
+});