From e4447401962d8148a217cd25a9e0615016ad0c04 Mon Sep 17 00:00:00 2001
From: Rizky <rizky05@gmail.com>
Date: Sun, 19 Nov 2023 12:26:21 +0700
Subject: [PATCH] wip checkpoint fix

---
 app/srv/ws/sync/editor/code/build.ts                 | 4 +---
 app/web/src/render/ed/logic/ed-global.ts             | 2 +-
 app/web/src/render/ed/panel/popup/api/api-domain.tsx | 4 ++--
 app/web/src/render/ed/panel/popup/api/api-server.tsx | 1 +
 app/web/src/render/ed/panel/popup/code/code.tsx      | 4 ++--
 5 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/app/srv/ws/sync/editor/code/build.ts b/app/srv/ws/sync/editor/code/build.ts
index 54b1d0f4..b5687bfb 100644
--- a/app/srv/ws/sync/editor/code/build.ts
+++ b/app/srv/ws/sync/editor/code/build.ts
@@ -20,9 +20,7 @@ export const codeBuild = async (code: DBCode) => {
         entryPoints: ["index.tsx"],
         bundle: true,
         format: "cjs",
-        outfile: dir.path(
-          `${g.datadir}/site/build/${id_code}/index.js`
-        ),
+        outfile: dir.path(`${g.datadir}/site/build/${id_code}/index.js`),
         minify: true,
         treeShaking: true,
         sourcemap: true,
diff --git a/app/web/src/render/ed/logic/ed-global.ts b/app/web/src/render/ed/logic/ed-global.ts
index 0789958f..bbbf7716 100644
--- a/app/web/src/render/ed/logic/ed-global.ts
+++ b/app/web/src/render/ed/logic/ed-global.ts
@@ -112,7 +112,7 @@ export const EDGlobal = {
     popup: {
       code: {
         init: false,
-        open: false,
+        open: false, 
         id: "",
         name: "site",
         log: "",
diff --git a/app/web/src/render/ed/panel/popup/api/api-domain.tsx b/app/web/src/render/ed/panel/popup/api/api-domain.tsx
index 992c0d41..aef33f61 100644
--- a/app/web/src/render/ed/panel/popup/api/api-domain.tsx
+++ b/app/web/src/render/ed/panel/popup/api/api-domain.tsx
@@ -8,11 +8,11 @@ export const EdApiDomain = ({ domains }: { domains: string[] }) => {
   const api = apiRef[apiUrl(p)];
 
   return (
-    <div className="flex border-b py-2 px-2 border-slate-300 boxed  flex items-center space-x-1">
+    <div className="flex border-b py-2 px-2 border-slate-300 boxed flex-wrap  items-center space-x-1">
       <div>Domains:</div>
       {domains.map((e) => {
         return (
-          <div className="border flex items-stretch" key={e}>
+          <div className="border flex items-stretch mb-1" key={e}>
             <a
               className="border-r flex items-center px-1 hover:underline hover:text-blue-500"
               href={e}
diff --git a/app/web/src/render/ed/panel/popup/api/api-server.tsx b/app/web/src/render/ed/panel/popup/api/api-server.tsx
index d07e5d19..70aaaee4 100644
--- a/app/web/src/render/ed/panel/popup/api/api-server.tsx
+++ b/app/web/src/render/ed/panel/popup/api/api-server.tsx
@@ -193,6 +193,7 @@ export const EdApiServer = forwardRef<
             "px-1 m-1 border flex-1 font-mono text-[11px] outline-none focus:border-blue-500",
             dev.enabled && "border-green-700"
           )}
+          placeholder="http://local-dev-server"
           value={dev.url}
           onChange={(e) => {
             dev.url = e.currentTarget.value;
diff --git a/app/web/src/render/ed/panel/popup/code/code.tsx b/app/web/src/render/ed/panel/popup/code/code.tsx
index c5cb2c1d..892d058c 100644
--- a/app/web/src/render/ed/panel/popup/code/code.tsx
+++ b/app/web/src/render/ed/panel/popup/code/code.tsx
@@ -22,7 +22,7 @@ export const EdPopCode = () => {
 
   useEffect(() => {
     (async () => {
-      if (!p.ui.popup.code.init) {
+      if (p.ui.popup.code.open) {
         const id_code = await p.sync.activity("site", {
           action: p.ui.popup.code.open ? "open" : "close",
           id: p.site.id,
@@ -211,7 +211,7 @@ export const EdPopCode = () => {
                   src={`${vscode_url}folder=/site/code/${p.site.id}/${p.ui.popup.code.id}`}
                 ></iframe>
                 <div className="flex flex-1 absolute inset-0 z-0 items-center justify-center">
-                  Loading VS Code...
+                  Loading VSCode...
                 </div>
               </>
             )}