From a01906e275394146500e4f2670f427c6e6e86ab6 Mon Sep 17 00:00:00 2001
From: Rizky <rizky05@gmail.com>
Date: Wed, 7 Feb 2024 05:51:43 +0700
Subject: [PATCH] wip fix typings

---
 .../editor/panel/script/monaco/types/prop.tsx     |  5 ++++-
 .../render/editor/panel/script/monaco/typings.ts  |  2 +-
 app/web/src/utils/script/typings.ts               | 15 ++++++++++-----
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/app/web/src/render/editor/panel/script/monaco/types/prop.tsx b/app/web/src/render/editor/panel/script/monaco/types/prop.tsx
index f2c65862..7d27e999 100644
--- a/app/web/src/render/editor/panel/script/monaco/types/prop.tsx
+++ b/app/web/src/render/editor/panel/script/monaco/types/prop.tsx
@@ -1,7 +1,10 @@
 import trim from "lodash.trim";
 import { isValidElement } from "react";
 
-export const extractProp = (prop: { values: Record<string, any> }) => {
+export const extractProp = (prop: {
+  values: Record<string, any>;
+  types: Record<string, string>;
+}) => {
   const propTypes: string[] = [];
   const props: Record<string, { val?: any; type?: string }> = {};
 
diff --git a/app/web/src/render/editor/panel/script/monaco/typings.ts b/app/web/src/render/editor/panel/script/monaco/typings.ts
index d167f15a..4e9e63a2 100644
--- a/app/web/src/render/editor/panel/script/monaco/typings.ts
+++ b/app/web/src/render/editor/panel/script/monaco/typings.ts
@@ -47,7 +47,7 @@ declare module "ts:runtime/library" {
         `\
 declare module "ts:prisma" {
   ${prisma["prisma.d.ts"].replace(
-    `import * as runtime from './runtime/library';`,
+    `import * as runtime from './runtime/library.js';`,
     `import * as runtime from 'ts:runtime/library';`
   )}
 }`,
diff --git a/app/web/src/utils/script/typings.ts b/app/web/src/utils/script/typings.ts
index 8090a2e1..bbd48312 100644
--- a/app/web/src/utils/script/typings.ts
+++ b/app/web/src/utils/script/typings.ts
@@ -19,7 +19,7 @@ export const monacoTypings = async (
   if (!map.has(prop.values)) {
     map.set(prop.values, true);
   } else {
-    return; 
+    return;
   }
 
   const prasi_api = w.prasiApi[p.site.api_url];
@@ -50,10 +50,15 @@ declare module "ts:runtime/library" {
           monaco,
           `\
 declare module "ts:prisma" {
-  ${prisma["prisma.d.ts"].replace(
-    `import * as runtime from './runtime/library';`,
-    `import * as runtime from 'ts:runtime/library';`
-  )}
+  ${prisma["prisma.d.ts"]
+    .replace(
+      `import * as runtime from './runtime/library.js';`,
+      `import * as runtime from 'ts:runtime/library';`
+    )
+    .replace(
+      `import * as runtime from './runtime/library';`,
+      `import * as runtime from 'ts:runtime/library';`
+    )}
 }`,
           `ts:prisma.d.ts`
         );