fix code

app/srv/api/code.ts

@@ -1,11 +1,84 @@
+import { dirAsync } from "fs-jetpack";
+import trim from "lodash/trim";
+import { dirname } from "path";
 import { apiContext } from "service-srv";
+import { g } from "utils/global";
+import { baseTypings } from "../../web/src/utils/script/types/base";
 
 export const _ = {
   url: "/code/:site_id/:action",
-  async api(site_id: string, action: "list") {
+  async api(site_id: string, action: "list" | "reload-api") {
     const { req, res } = apiContext(this);
 
-    if (action === "list") {
+    if (action === "reload-api") {
+      const site = await db.site.findFirst({
+        select: { config: true },
+        where: { id: site_id },
+      });
+      if (site && site.config) {
+        const base = trim((site.config as any).api_url || "", "/");
+        const apires = await fetch(`${base}/_prasi/load.json`);
+        const json = (await apires.json()) as {
+          apiEntry: {};
+          apiTypes: string;
+          prismaTypes: Record<string, string>;
+        };
+        let apiPath = "";
+        if (typeof json.apiTypes === "string") {
+          apiPath = "gen/srv/api/srv";
+          await Bun.write(
+            `${g.datadir}/site/code/${site_id}/api-types.d.ts`,
+            json.apiTypes
+          );
+        }
+
+        for (const [k, v] of Object.entries(json.prismaTypes)) {
+          await dirAsync(dirname(`${g.datadir}/site/code/${site_id}/${k}`));
+          await Bun.write(
+            `${g.datadir}/site/code/${site_id}/${k}`,
+            JSON.parse(v)
+          );
+        }
+
+        await Bun.write(
+          `${g.datadir}/site/code/${site_id}/global.d.ts`,
+          `\
+import React from "react";
+import {
+  FC as ReactFC,
+  ReactNode as RNode,
+  ReactElement as RElement,
+} from "react";
+import * as prisma from "./prisma";
+${iftext(
+  apiPath,
+  `\
+import "./api-types";
+import type * as SRVAPI from "${apiPath}";
+  `
+)}
+
+declare global {
+  const db: prisma.PrismaClient;
+  ${baseTypings}
+  ${iftext(
+    apiPath,
+    `\
+  type Api = typeof SRVAPI;
+  type ApiName = keyof Api;
+  const api: { [k in ApiName]: Awaited<Api[k]["handler"]>["_"]["api"] };
+  `
+  )}
+}
+
+`
+        );
+
+        return new Response("OK");
+      }
+
+      return new Response("NOT FOUND", { status: 404 });
+    } else if (action === "list") {
       let list = await db.code.findMany({ where: { id_site: site_id } });
 
       if (!list.find((e) => e.name === "site")) {
@@ -36,3 +109,10 @@ export const _ = {
     return "This is code.ts";
   },
 };
+
+export const iftext = (condition: any, text: string) => {
+  if (condition) {
+    return text;
+  }
+  return "";
+};

app/web/src/render/editor/panel/script/monaco/typings.ts

@@ -91,7 +91,12 @@ declare module "ts:prisma" {
   register(
     monaco,
     `\
-import React from 'react';
+import React from "react";
+import {
+  FC as ReactFC,
+  ReactNode as RNode,
+  ReactElement as RElement,
+} from "react";
 import prisma from 'ts:prisma';
 
 ${iftext(

app/web/src/utils/script/types/base.ts

@@ -1,13 +1,13 @@
 export const baseTypings = `
-type FC<T> = React.FC<T>;
-const Fragment = React.Fragment;
-const ReactNode = React.ReactNode;
-const useCallback = React.useCallback;
-const useMemo = React.useMemo;
-const ReactElement = React.ReactElement;
-const isValidElement = React.isValidElement;
-const useEffect = React.useEffect;
-const useState = React.useState;
+  type FC<T> = ReactFC<T>;
+  const Fragment: typeof React.Fragment;
+  const ReactNode: RNode;
+  const useCallback: typeof React.useCallback;
+  const useMemo: typeof React.useMemo;
+  const ReactElement: RElement;
+  const isValidElement: typeof React.isValidElement;
+  const useEffect: typeof React.useEffect;
+  const useState: typeof React.useState;
 
   const pathname: string;
   const isEditor: boolean;
@@ -18,9 +18,9 @@ const preload: (pathname: string) => void;
   const apiHeaders: Record<string, any>;
   const navigate: (url: string) => void;
   const params: any;
-const cx = (...classNames: any[]) => string;
-const css = (
-  tag: CSSAttribute | TemplateStringsArray | string,
+  const cx: (...classNames: any[]) => string;
+  const css: (
+    tag: TemplateStringsArray | string,
     ...props: Array<string | number | boolean | undefined | null>
   ) => string;
 
@@ -30,61 +30,69 @@ const props: {
     onPointerMove?: () => void;
     onPointerLeave?: () => void;
   };
-const children: ReactNode; 
+  const children: RNode;
 
-const PassProp: FC<Record<string,any> & {children: React.ReactNode; }>;
+  const PassProp: FC<Record<string, any> & { children: React.ReactNode }>;
   const PassChild: FC<{ name: string }>;
   const Preload: FC<{ url: string[] }>;
   const apiurl: string;
   const pageid: string;
   type ITEM = {
-  id: string
+    id: string;
     name: string;
-  type: 'item' | 'text';
+    type: "item" | "text";
     adv?: {
       js?: string;
       jsBuilt?: string;
       css?: string;
       html?: string;
-  },
-  text: string,
-  html: string,
-  component?: { id:string, props: Record<string, {
-    value: string, 
-    valueBuilt: string,
-    meta: { type: string }
-  }>},
-  childs: ITEM[]
+    };
+    text: string;
+    html: string;
+    component?: {
+      id: string;
+      props: Record<
+        string,
+        {
+          value: string;
+          valueBuilt: string;
+          meta: { type: string };
         }
+      >;
+    };
+    childs: ITEM[];
+  };
   const newElement: (gen?: (item: ITEM) => ITEM | ITEM[]) => React.ReactNode;
   const mobile: {
     notif: {
       register: (user_id: string) => void;
       send: (data: {
-      user_id: string,
-      title: string,
-      body: string,
-      data: any
+        user_id: string;
+        title: string;
+        body: string;
+        data: any;
       }) => void;
-    onTap: (data: null |{
-      user_id: string,
-      title: string,
-      body: string,
-      data: any
-    }) => void | Promise<void>;
-    onReceive: (data: {
-      user_id: string,
-      title: string,
-      body: string,
-      data: any
-    }) => void | Promise<void>
+      onTap: (
+        data: null | {
+          user_id: string;
+          title: string;
+          body: string;
+          data: any;
         }
+      ) => void | Promise<void>;
+      onReceive: (data: {
+        user_id: string;
+        title: string;
+        body: string;
+        data: any;
+      }) => void | Promise<void>;
+    };
   };
   const Local: <T extends Record<string, any>>(arg: {
     name: string;
     idx?: any;
     value: T;
-  children: ((local: T & { render: () => void }) => any);
+    children: (local: T & { render: () => void }) => any;
     deps?: any[];
     effect?: (
       local: T & { render: () => void }
@@ -93,6 +101,5 @@ const Local: <T extends Record<string, any>>(arg: {
       local: T & { render: () => void }
     ) => void | (() => void) | Promise<void | (() => void)>;
     cache?: boolean;
-}) => ReactNode;
-
+  }) => RNode
 `;

app/web/src/utils/script/typings.ts

@@ -94,7 +94,12 @@ declare module "ts:prisma" {
   register(
     monaco,
     `\
-import React from 'react';
+import React from "react";
+import {
+  FC as ReactFC,
+  ReactNode as RNode,
+  ReactElement as RElement,
+} from "react";
 import prisma from 'ts:prisma';
 
 ${iftext(
@@ -109,7 +114,6 @@ declare global {;
   
   ${baseTypings}
 
-  const moko: {nama: string};
   ${propText.join("\n")}
 
   ${iftext(