devtools now bundles kaioken - fixes issue between dev / deployment

CrimsonChi · Apr 14, 2024 · 8a1b50f · 8a1b50f
1 parent 7d62023
commit 8a1b50f
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 9 deletions.
diff --git a/packages/devtools-host/src/App.tsx b/packages/devtools-host/src/App.tsx
@@ -1,3 +1,4 @@
+import { useRef, useEffect } from "kaioken"
 import { useDevtoolsStore } from "./store"
 
 function handleDragOver(e: DragEvent) {

diff --git a/packages/devtools-host/src/index.ts b/packages/devtools-host/src/index.ts
@@ -1,5 +1,7 @@
+import { mount } from "kaioken"
 import App from "./App"
 import { type AnchorCorner, useDevtoolsStore } from "./store"
+console.log("__dt")
 ;(() => {
   if ("window" in globalThis) {
     //@ts-ignore

diff --git a/packages/devtools-host/src/options.ts b/packages/devtools-host/src/options.ts
@@ -11,7 +11,7 @@ export const options: BuildOptions = {
   target: "es2020",
   format: "esm",
 
-  external: ["kaioken"],
+  // external: ["kaioken"],
   write: false,
 }
 
@@ -20,7 +20,7 @@ export function writeFile(content: string) {
   fs.mkdirSync("dist")
   fs.writeFileSync(
     "dist/index.js",
-    `export default \`${content.replace(/[`\\$]/g, "\\$&")}\``,
+    `export default \`(() => {\n${content.replace(/[`\\$]/g, "\\$&")}\n})()\``,
     {
       encoding: "utf-8",
     }

diff --git a/packages/devtools-host/src/store.ts b/packages/devtools-host/src/store.ts
@@ -1,3 +1,5 @@
+import { createStore } from "kaioken"
+
 export type AnchorCorner = "br" | "bl" | "tl" | "tr"
 
 let initialCorner = "br"

diff --git a/packages/devtools-host/src/types.d.ts b/packages/devtools-host/src/types.d.ts