@ttsc/playground 0.24.0 → 0.25.0

package/src/react/ResultViewer.tsx

@@ -1,75 +1,75 @@
-"use client";
-
-import Editor from "@monaco-editor/react";
-import { useEffect, useRef, useState } from "react";
-
-interface ResultViewerProps {
-  language: "typescript" | "javascript" | "json";
-  value: string;
-}
-
-/**
- * Read-only Monaco pane used to render the compiled / transformed output with a
- * copy button. Wraps `<Editor readOnly>` and adds the toast UI.
- */
-export function ResultViewer({ language, value }: ResultViewerProps) {
-  const [copied, setCopied] = useState(false);
-  const copiedTimer = useRef<number | null>(null);
-
-  useEffect(
-    () => () => {
-      if (copiedTimer.current !== null)
-        window.clearTimeout(copiedTimer.current);
-    },
-    [],
-  );
-
-  const onCopy = () => {
-    void navigator.clipboard.writeText(value);
-    setCopied(true);
-    if (copiedTimer.current !== null) window.clearTimeout(copiedTimer.current);
-    copiedTimer.current = window.setTimeout(() => {
-      setCopied(false);
-      copiedTimer.current = null;
-    }, 1500);
-  };
-
-  return (
-    <div className="relative h-full w-full">
-      {value && (
-        <button
-          onClick={onCopy}
-          className="absolute right-3 top-2 z-10 rounded-md border border-[#b9d5ee] bg-white/90 px-2 py-1 font-mono text-[10px] text-[#235a97] shadow-sm transition-colors hover:bg-[#eaf4ff]"
-        >
-          {copied ? "Copied ✓" : "Copy"}
-        </button>
-      )}
-      <Editor
-        height="100%"
-        language={language}
-        theme="vs"
-        value={value}
-        path={`output.${
-          language === "typescript"
-            ? "ts"
-            : language === "javascript"
-              ? "js"
-              : "json"
-        }`}
-        options={{
-          readOnly: true,
-          tabSize: 2,
-          minimap: { enabled: false },
-          padding: { top: 12, bottom: 12 },
-          fontSize: 13,
-          fontFamily:
-            "ui-monospace, SFMono-Regular, 'JetBrains Mono', 'Fira Code', Consolas, monospace",
-          smoothScrolling: true,
-          scrollBeyondLastLine: false,
-          renderLineHighlight: "none",
-          wordWrap: "on",
-        }}
-      />
-    </div>
-  );
-}
+"use client";
+
+import Editor from "@monaco-editor/react";
+import { useEffect, useRef, useState } from "react";
+
+interface ResultViewerProps {
+  language: "typescript" | "javascript" | "json";
+  value: string;
+}
+
+/**
+ * Read-only Monaco pane used to render the compiled / transformed output with a
+ * copy button. Wraps `<Editor readOnly>` and adds the toast UI.
+ */
+export function ResultViewer({ language, value }: ResultViewerProps) {
+  const [copied, setCopied] = useState(false);
+  const copiedTimer = useRef<number | null>(null);
+
+  useEffect(
+    () => () => {
+      if (copiedTimer.current !== null)
+        window.clearTimeout(copiedTimer.current);
+    },
+    [],
+  );
+
+  const onCopy = () => {
+    void navigator.clipboard.writeText(value);
+    setCopied(true);
+    if (copiedTimer.current !== null) window.clearTimeout(copiedTimer.current);
+    copiedTimer.current = window.setTimeout(() => {
+      setCopied(false);
+      copiedTimer.current = null;
+    }, 1500);
+  };
+
+  return (
+    <div className="relative h-full w-full">
+      {value && (
+        <button
+          onClick={onCopy}
+          className="absolute right-3 top-2 z-10 rounded-md border border-[#b9d5ee] bg-white/90 px-2 py-1 font-mono text-[10px] text-[#235a97] shadow-sm transition-colors hover:bg-[#eaf4ff]"
+        >
+          {copied ? "Copied ✓" : "Copy"}
+        </button>
+      )}
+      <Editor
+        height="100%"
+        language={language}
+        theme="vs"
+        value={value}
+        path={`output.${
+          language === "typescript"
+            ? "ts"
+            : language === "javascript"
+              ? "js"
+              : "json"
+        }`}
+        options={{
+          readOnly: true,
+          tabSize: 2,
+          minimap: { enabled: false },
+          padding: { top: 12, bottom: 12 },
+          fontSize: 13,
+          fontFamily:
+            "ui-monospace, SFMono-Regular, 'JetBrains Mono', 'Fira Code', Consolas, monospace",
+          smoothScrolling: true,
+          scrollBeyondLastLine: false,
+          renderLineHighlight: "none",
+          wordWrap: "on",
+        }}
+      />
+    </div>
+  );
+}

package/src/react/SourceEditor.tsx

@@ -1,95 +1,95 @@
-"use client";
-
-import Editor, { type Monaco } from "@monaco-editor/react";
-import { useCallback, useEffect, useMemo, useRef } from "react";
-
-import { DEFAULT_PLAYGROUND_COMPILER_OPTIONS } from "../compiler/DEFAULT_PLAYGROUND_COMPILER_OPTIONS";
-import type { ISourceEditorProps } from "../structures/ISourceEditorProps";
-
-export function SourceEditor({
-  value,
-  onChange,
-  extraLibs,
-  path = "file:///src/playground.ts",
-}: ISourceEditorProps) {
-  const monacoRef = useRef<Monaco | null>(null);
-  const libDisposables = useRef<{ dispose(): void }[]>([]);
-  const allExtraLibs = useMemo(
-    () => (extraLibs ? Object.entries(extraLibs) : []),
-    [extraLibs],
-  );
-
-  const installExtraLibs = useCallback(
-    (monaco: Monaco) => {
-      for (const disposable of libDisposables.current) disposable.dispose();
-      libDisposables.current = [];
-      const tsd = monaco.languages.typescript.typescriptDefaults;
-      for (const [file, content] of allExtraLibs) {
-        libDisposables.current.push(tsd.addExtraLib(content, file));
-      }
-    },
-    [allExtraLibs],
-  );
-
-  useEffect(() => {
-    if (monacoRef.current) installExtraLibs(monacoRef.current);
-    return () => {
-      for (const disposable of libDisposables.current) disposable.dispose();
-      libDisposables.current = [];
-    };
-  }, [installExtraLibs]);
-
-  const handleMount = (_editor: unknown, monaco: Monaco) => {
-    monacoRef.current = monaco;
-    const tsd = monaco.languages.typescript.typescriptDefaults;
-    tsd.setCompilerOptions({
-      target: monaco.languages.typescript.ScriptTarget.ESNext,
-      module: monaco.languages.typescript.ModuleKind.ESNext,
-      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
-      esModuleInterop: DEFAULT_PLAYGROUND_COMPILER_OPTIONS.esModuleInterop,
-      strict: DEFAULT_PLAYGROUND_COMPILER_OPTIONS.strict,
-      experimentalDecorators:
-        DEFAULT_PLAYGROUND_COMPILER_OPTIONS.experimentalDecorators,
-      allowNonTsExtensions: true,
-      // External .d.ts packs (typia, etc.) routinely reference transitive types
-      // Monaco cannot reach (deep paths in JSDoc, optional peers). skipLibCheck
-      // keeps the editor lean by not type-checking the lib pack.
-      skipLibCheck: true,
-    });
-    tsd.setDiagnosticsOptions({
-      noSemanticValidation: false,
-      noSyntaxValidation: false,
-      diagnosticCodesToIgnore: [
-        // 2307: Cannot find module — JSDoc-only stubbed deps still occasionally
-        //       leak through Monaco's module resolution.
-        2307,
-      ],
-    });
-    installExtraLibs(monaco);
-  };
-
-  return (
-    <Editor
-      height="100%"
-      defaultLanguage="typescript"
-      theme="vs"
-      value={value}
-      onChange={(v) => onChange(v ?? "")}
-      onMount={handleMount}
-      path={path}
-      options={{
-        tabSize: 2,
-        minimap: { enabled: false },
-        padding: { top: 12, bottom: 12 },
-        fontSize: 13,
-        fontFamily:
-          "ui-monospace, SFMono-Regular, 'JetBrains Mono', 'Fira Code', Consolas, monospace",
-        smoothScrolling: true,
-        cursorBlinking: "smooth",
-        scrollBeyondLastLine: false,
-        renderLineHighlight: "line",
-        wordWrap: "on",
-      }}
-    />
-  );
-}
+"use client";
+
+import Editor, { type Monaco } from "@monaco-editor/react";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+
+import { DEFAULT_PLAYGROUND_COMPILER_OPTIONS } from "../compiler/DEFAULT_PLAYGROUND_COMPILER_OPTIONS";
+import type { ISourceEditorProps } from "../structures/ISourceEditorProps";
+
+export function SourceEditor({
+  value,
+  onChange,
+  extraLibs,
+  path = "file:///src/playground.ts",
+}: ISourceEditorProps) {
+  const monacoRef = useRef<Monaco | null>(null);
+  const libDisposables = useRef<{ dispose(): void }[]>([]);
+  const allExtraLibs = useMemo(
+    () => (extraLibs ? Object.entries(extraLibs) : []),
+    [extraLibs],
+  );
+
+  const installExtraLibs = useCallback(
+    (monaco: Monaco) => {
+      for (const disposable of libDisposables.current) disposable.dispose();
+      libDisposables.current = [];
+      const tsd = monaco.languages.typescript.typescriptDefaults;
+      for (const [file, content] of allExtraLibs) {
+        libDisposables.current.push(tsd.addExtraLib(content, file));
+      }
+    },
+    [allExtraLibs],
+  );
+
+  useEffect(() => {
+    if (monacoRef.current) installExtraLibs(monacoRef.current);
+    return () => {
+      for (const disposable of libDisposables.current) disposable.dispose();
+      libDisposables.current = [];
+    };
+  }, [installExtraLibs]);
+
+  const handleMount = (_editor: unknown, monaco: Monaco) => {
+    monacoRef.current = monaco;
+    const tsd = monaco.languages.typescript.typescriptDefaults;
+    tsd.setCompilerOptions({
+      target: monaco.languages.typescript.ScriptTarget.ESNext,
+      module: monaco.languages.typescript.ModuleKind.ESNext,
+      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+      esModuleInterop: DEFAULT_PLAYGROUND_COMPILER_OPTIONS.esModuleInterop,
+      strict: DEFAULT_PLAYGROUND_COMPILER_OPTIONS.strict,
+      experimentalDecorators:
+        DEFAULT_PLAYGROUND_COMPILER_OPTIONS.experimentalDecorators,
+      allowNonTsExtensions: true,
+      // External .d.ts packs (typia, etc.) routinely reference transitive types
+      // Monaco cannot reach (deep paths in JSDoc, optional peers). skipLibCheck
+      // keeps the editor lean by not type-checking the lib pack.
+      skipLibCheck: true,
+    });
+    tsd.setDiagnosticsOptions({
+      noSemanticValidation: false,
+      noSyntaxValidation: false,
+      diagnosticCodesToIgnore: [
+        // 2307: Cannot find module — JSDoc-only stubbed deps still occasionally
+        //       leak through Monaco's module resolution.
+        2307,
+      ],
+    });
+    installExtraLibs(monaco);
+  };
+
+  return (
+    <Editor
+      height="100%"
+      defaultLanguage="typescript"
+      theme="vs"
+      value={value}
+      onChange={(v) => onChange(v ?? "")}
+      onMount={handleMount}
+      path={path}
+      options={{
+        tabSize: 2,
+        minimap: { enabled: false },
+        padding: { top: 12, bottom: 12 },
+        fontSize: 13,
+        fontFamily:
+          "ui-monospace, SFMono-Regular, 'JetBrains Mono', 'Fira Code', Consolas, monospace",
+        smoothScrolling: true,
+        cursorBlinking: "smooth",
+        scrollBeyondLastLine: false,
+        renderLineHighlight: "line",
+        wordWrap: "on",
+      }}
+    />
+  );
+}

package/src/sandbox/loadTypiaRuntimePack.ts

@@ -13,9 +13,8 @@ interface RuntimePackEntry {
 }
 
 interface RuntimePackCancellationReason {
-  kind: "abort" | "timeout";
+  kind: "abort";
   reason?: unknown;
-  timeoutMs?: number;
 }
 
 interface RuntimePackCancellation {
@@ -23,25 +22,23 @@ interface RuntimePackCancellation {
   dispose: () => void;
 }
 
-export const DEFAULT_RUNTIME_PACK_TIMEOUT_MS = 30_000;
-
 const packCache = new Map<string, RuntimePackEntry>();
 
 /**
  * Fetches the prebuilt runtime pack once per URL.
  *
- * Concurrent callers share one load. A caller abort or deadline cancels that
- * shared attempt; rejection removes it from the cache so the next call retries
- * from scratch. Successful packs remain cached.
+ * Concurrent callers share one load. A caller abort cancels that shared
+ * attempt; rejection removes it from the cache so the next call retries from
+ * scratch. Successful packs remain cached. Nothing else ends the load: how long
+ * a fetch takes belongs to the network, not to a number chosen here.
  */
 export function loadTypiaRuntimePack(
   url: string,
   options: ILoadTypiaRuntimePackOptions = {},
 ): Promise<Record<string, string>> {
-  const timeoutMs = resolveRuntimePackTimeout(options.timeoutMs);
   const cached = packCache.get(url);
   if (cached) {
-    attachRuntimePackCancellation(cached, options.signal, timeoutMs);
+    attachRuntimePackCancellation(cached, options.signal);
     return cached.promise;
   }
 
@@ -80,23 +77,13 @@ export function loadTypiaRuntimePack(
 
   entry = { controller, promise };
   packCache.set(url, entry);
-  attachRuntimePackCancellation(entry, options.signal, timeoutMs);
+  attachRuntimePackCancellation(entry, options.signal);
   return promise;
 }
 
-function resolveRuntimePackTimeout(timeoutMs: number | undefined): number {
-  const value = timeoutMs ?? DEFAULT_RUNTIME_PACK_TIMEOUT_MS;
-  if (!Number.isSafeInteger(value) || value <= 0 || value > 2_147_483_647)
-    throw new RangeError(
-      "loadTypiaRuntimePack: timeoutMs must be a positive integer no greater than 2147483647.",
-    );
-  return value;
-}
-
 function attachRuntimePackCancellation(
   entry: RuntimePackEntry,
   callerSignal: AbortSignal | undefined,
-  timeoutMs: number,
 ): void {
   const abortFromCaller = (): void => {
     if (!entry.controller.signal.aborted)
@@ -108,15 +95,7 @@ function attachRuntimePackCancellation(
   if (callerSignal?.aborted) abortFromCaller();
   else callerSignal?.addEventListener("abort", abortFromCaller, { once: true });
 
-  const timer = setTimeout(() => {
-    if (!entry.controller.signal.aborted)
-      entry.controller.abort({
-        kind: "timeout",
-        timeoutMs,
-      } satisfies RuntimePackCancellationReason);
-  }, timeoutMs);
   const cleanup = (): void => {
-    clearTimeout(timer);
     callerSignal?.removeEventListener("abort", abortFromCaller);
   };
   void entry.promise.then(cleanup, cleanup);
@@ -160,11 +139,6 @@ function runtimePackCancellationError(
   phase: string,
 ): Error {
   const reason = signal.reason as RuntimePackCancellationReason | undefined;
-  if (reason?.kind === "timeout")
-    return new Error(
-      `loadTypiaRuntimePack: timed out after ${reason.timeoutMs}ms while ${phase}.`,
-    );
-
   const error = new Error(`loadTypiaRuntimePack: aborted while ${phase}.`);
   const cause = reason?.kind === "abort" ? reason.reason : signal.reason;
   if (cause !== undefined) (error as Error & { cause?: unknown }).cause = cause;

package/src/structures/IInstallTypiaSourcePackOptions.ts

@@ -12,8 +12,6 @@ export interface IInstallTypiaSourcePackOptions {
   mountRoot?: string;
   /** Cancel the shared in-flight load. */
   signal?: AbortSignal;
-  /** Maximum fetch and JSON-read time. Defaults to 30 seconds. */
-  timeoutMs?: number;
   /**
    * Optional fetcher. Defaults to `globalThis.fetch`. Override for tests or for
    * sites that want their own caching strategy.

package/src/structures/ILoadTypiaRuntimePackOptions.ts

@@ -1,7 +1,5 @@
-/** Cancellation and deadline policy for `loadTypiaRuntimePack`. */
+/** Cancellation policy for `loadTypiaRuntimePack`. */
 export interface ILoadTypiaRuntimePackOptions {
   /** Cancel the shared in-flight load. */
   signal?: AbortSignal;
-  /** Maximum fetch and JSON-read time. Defaults to 30 seconds. */
-  timeoutMs?: number;
 }