esModuleInterop

Author: YousefED

packages/frame/src/runtime/editor/compilerOptions.ts

@@ -11,7 +11,7 @@ export function getDefaultSandboxCompilerOptions(
   typescript: Pick<
     TS,
     "ScriptTarget" | "ModuleResolutionKind" | "JsxEmit" | "ModuleKind"
-  >
+  >,
 ) {
   const settings: CompilerOptions = {
     noImplicitAny: true,
@@ -37,8 +37,8 @@ export function getDefaultSandboxCompilerOptions(
     noUnusedLocals: false,
     noUnusedParameters: false,
 
-    allowSyntheticDefaultImports: false,
-    esModuleInterop: false,
+    allowSyntheticDefaultImports: true,
+    esModuleInterop: true,
     preserveConstEnums: false,
     removeComments: false,
     skipLibCheck: true,

packages/frame/src/runtime/editor/workers/ts.worker.ts

@@ -89,7 +89,7 @@ globalThis.onmessage = () => {
   worker.initialize(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (context: any, createData: any) =>
-      new CustomTypeScriptWorker(context, createData)
+      new CustomTypeScriptWorker(context, createData),
   );
 };
 

packages/frame/src/runtime/executor/lib/exports.ts

@@ -33,7 +33,7 @@ export class TypeVisualizer<T> {
   constructor(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     public readonly func: (arg: T) => any,
-    public readonly name?: string
+    public readonly name?: string,
   ) {
     if (
       // strings.isFalsyOrWhitespace(visualizer.name) ||

packages/frame/src/runtime/executor/resolver/TypeCellHelperLibraryResolver.ts

@@ -5,6 +5,7 @@ export async function TypeCellHelperLibraryResolver(moduleName: string) {
     // Resolve the typecell helper library
     return {
       module: {
+        __esModule: true,
         default: getExposeGlobalVariables(),
       },
       dispose: () => {