@jbpark/live-editor 4.6.0 → 5.0.0

package/dist/validate-CZz30Pnb.js

@@ -0,0 +1,122 @@
+//#region src/utils/ast/validate.ts
+const defaultValidationMessages = {
+	required: "This field is required.",
+	min: (min) => `Must be at least ${min}.`,
+	max: (max) => `Must be at most ${max}.`,
+	pattern: "Value does not match the required format.",
+	url: "Must be a valid URL.",
+	date: "Must be a valid date.",
+	time: "Must be a valid time.",
+	datetime: "Must be a valid date and time.",
+	email: "Must be a valid email address.",
+	minLength: (minLength) => `Must be at least ${minLength} character${minLength === 1 ? "" : "s"}.`,
+	maxLength: (maxLength) => `Must be at most ${maxLength} character${maxLength === 1 ? "" : "s"}.`,
+	step: (step) => `Must be in steps of ${step}.`,
+	minItems: (minItems) => `Must have at least ${minItems} item${minItems === 1 ? "" : "s"}.`,
+	maxItems: (maxItems) => `Must have at most ${maxItems} item${maxItems === 1 ? "" : "s"}.`,
+	minDate: (minDate) => `Must be on or after ${minDate}.`,
+	maxDate: (maxDate) => `Must be on or before ${maxDate}.`,
+	protocol: (protocols) => `Must use ${protocols.join(", ")}.`
+};
+const VALID = { valid: true };
+const STEP_TOLERANCE = 1e-9;
+const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
+const TIME = /^([01]\d|2[0-3]):[0-5]\d$/;
+const isDateTime = (value) => {
+	const [date, time, ...rest] = value.split("T");
+	return rest.length === 0 && date !== void 0 && time !== void 0 && isCalendarDate(date) && TIME.test(time);
+};
+const compareToBound = (value, bound) => {
+	const length = Math.min(value.length, bound.length);
+	const a = value.slice(0, length);
+	const b = bound.slice(0, length);
+	return a < b ? -1 : a > b ? 1 : 0;
+};
+const EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+const isCalendarDate = (value) => {
+	const match = ISO_DATE.exec(value);
+	if (!match) return false;
+	const [year, month, day] = match.slice(1).map(Number);
+	const date = new Date(Date.UTC(year, month - 1, day));
+	return date.getUTCFullYear() === year && date.getUTCMonth() === month - 1 && date.getUTCDate() === day;
+};
+const normalizeProtocol = (protocol) => `${protocol.toLowerCase().replace(/:$/, "")}:`;
+const invalid = (message) => ({
+	valid: false,
+	message
+});
+const validateBindingValue = (binding, value, options = {}) => {
+	const messages = {
+		...defaultValidationMessages,
+		...options.messages
+	};
+	if (value === "" || value === null || value === void 0) {
+		if (binding.required) return {
+			valid: false,
+			message: messages.required
+		};
+		return VALID;
+	}
+	if (typeof value === "number") {
+		if (binding.min !== void 0 && value < binding.min) return {
+			valid: false,
+			message: messages.min(binding.min)
+		};
+		if (binding.max !== void 0 && value > binding.max) return {
+			valid: false,
+			message: messages.max(binding.max)
+		};
+		if (binding.step !== void 0 && binding.step > 0) {
+			const steps = (value - (binding.min ?? 0)) / binding.step;
+			if (Math.abs(steps - Math.round(steps)) > STEP_TOLERANCE) return invalid(messages.step(binding.step));
+		}
+	}
+	if (typeof value === "string") {
+		const length = [...value].length;
+		if (binding.minLength !== void 0 && length < binding.minLength) return invalid(messages.minLength(binding.minLength));
+		if (binding.maxLength !== void 0 && length > binding.maxLength) return invalid(messages.maxLength(binding.maxLength));
+	}
+	if (Array.isArray(value)) {
+		if (binding.minItems !== void 0 && value.length < binding.minItems) return invalid(messages.minItems(binding.minItems));
+		if (binding.maxItems !== void 0 && value.length > binding.maxItems) return invalid(messages.maxItems(binding.maxItems));
+	}
+	if (typeof value === "string" && binding.pattern) {
+		let regex;
+		try {
+			regex = new RegExp(binding.pattern);
+		} catch {
+			return VALID;
+		}
+		if (!regex.test(value)) return invalid(binding.patternMessage ?? messages.pattern);
+	}
+	if (typeof value === "string" && binding.type === "url") {
+		let url;
+		try {
+			url = new URL(value);
+		} catch {
+			return {
+				valid: false,
+				message: messages.url
+			};
+		}
+		if (binding.protocols?.length) {
+			const allowed = binding.protocols.map(normalizeProtocol);
+			if (!allowed.includes(url.protocol)) return invalid(messages.protocol(allowed));
+		}
+	}
+	if (typeof value === "string" && binding.type === "time") {
+		if (!TIME.test(value)) return invalid(messages.time);
+	}
+	if (typeof value === "string" && (binding.type === "date" || binding.type === "datetime")) {
+		if (binding.type === "date" && !isCalendarDate(value)) return invalid(messages.date);
+		if (binding.type === "datetime" && !isDateTime(value)) return invalid(messages.datetime);
+		if (binding.minDate !== void 0 && compareToBound(value, binding.minDate) < 0) return invalid(messages.minDate(binding.minDate));
+		if (binding.maxDate !== void 0 && compareToBound(value, binding.maxDate) > 0) return invalid(messages.maxDate(binding.maxDate));
+	}
+	if (typeof value === "string" && binding.type === "email" && !EMAIL.test(value)) return invalid(messages.email);
+	return VALID;
+};
+//#endregion
+export { validateBindingValue as n, defaultValidationMessages as t };
+
+//# sourceMappingURL=validate-CZz30Pnb.js.map

package/dist/validate-CZz30Pnb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-CZz30Pnb.js","names":[],"sources":["../src/utils/ast/validate.ts"],"sourcesContent":["import type { BindingItem } from './types';\n\nexport interface ValidationResult {\n  valid: boolean;\n  message?: string;\n}\n\n// The messages a failed check returns. Pass your own through `options` to\n// translate them; the built-in panel passes the provider's `validation`\n// messages (#524).\nexport interface ValidationMessages {\n  required: string;\n  min: (min: number) => string;\n  max: (max: number) => string;\n  pattern: string;\n  url: string;\n  date: string;\n  time: string;\n  datetime: string;\n  email: string;\n  minLength: (minLength: number) => string;\n  maxLength: (maxLength: number) => string;\n  step: (step: number) => string;\n  minItems: (minItems: number) => string;\n  maxItems: (maxItems: number) => string;\n  minDate: (minDate: string) => string;\n  maxDate: (maxDate: string) => string;\n  // The allowed schemes, normalized to end with `:`.\n  protocol: (protocols: string[]) => string;\n}\n\nexport const defaultValidationMessages: ValidationMessages = {\n  required: 'This field is required.',\n  min: min => `Must be at least ${min}.`,\n  max: max => `Must be at most ${max}.`,\n  pattern: 'Value does not match the required format.',\n  url: 'Must be a valid URL.',\n  date: 'Must be a valid date.',\n  time: 'Must be a valid time.',\n  datetime: 'Must be a valid date and time.',\n  email: 'Must be a valid email address.',\n  minLength: minLength =>\n    `Must be at least ${minLength} character${minLength === 1 ? '' : 's'}.`,\n  maxLength: maxLength =>\n    `Must be at most ${maxLength} character${maxLength === 1 ? '' : 's'}.`,\n  step: step => `Must be in steps of ${step}.`,\n  minItems: minItems =>\n    `Must have at least ${minItems} item${minItems === 1 ? '' : 's'}.`,\n  maxItems: maxItems =>\n    `Must have at most ${maxItems} item${maxItems === 1 ? '' : 's'}.`,\n  minDate: minDate => `Must be on or after ${minDate}.`,\n  maxDate: maxDate => `Must be on or before ${maxDate}.`,\n  protocol: protocols => `Must use ${protocols.join(', ')}.`,\n};\n\nexport interface ValidationOptions {\n  messages?: Partial<ValidationMessages>;\n}\n\nconst VALID: ValidationResult = { valid: true };\n\n// How close a number has to be to a whole number of steps, so `0.3` passes\n// `step: 0.1` despite floating-point error.\nconst STEP_TOLERANCE = 1e-9;\n\nconst ISO_DATE = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\n\n// A 24-hour `HH:mm`, the format the built-in time picker writes.\nconst TIME = /^([01]\\d|2[0-3]):[0-5]\\d$/;\n\n// `YYYY-MM-DDTHH:mm` in local time with no zone, as `datetime-local` writes\n// it, naming a day that exists.\nconst isDateTime = (value: string) => {\n  const [date, time, ...rest] = value.split('T');\n\n  return (\n    rest.length === 0 &&\n    date !== undefined &&\n    time !== undefined &&\n    isCalendarDate(date) &&\n    TIME.test(time)\n  );\n};\n\n// Compares a date or date-time with a `minDate`/`maxDate` bound at the\n// coarser of the two, so a date-only bound covers that whole day. The\n// formats sort by time, so they compare as text.\nconst compareToBound = (value: string, bound: string) => {\n  const length = Math.min(value.length, bound.length);\n  const a = value.slice(0, length);\n  const b = bound.slice(0, length);\n\n  return a < b ? -1 : a > b ? 1 : 0;\n};\n\n// A basic `local@domain.tld` check: no spaces, one `@`, a dot in the domain.\n// Anything stricter rejects real addresses.\nconst EMAIL = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\n// `YYYY-MM-DD` naming a day that exists, so `2026-02-30` fails. This is the\n// format the built-in date picker writes.\nconst isCalendarDate = (value: string) => {\n  const match = ISO_DATE.exec(value);\n\n  if (!match) {\n    return false;\n  }\n\n  const [year, month, day] = match.slice(1).map(Number) as [\n    number,\n    number,\n    number,\n  ];\n  const date = new Date(Date.UTC(year, month - 1, day));\n\n  return (\n    date.getUTCFullYear() === year &&\n    date.getUTCMonth() === month - 1 &&\n    date.getUTCDate() === day\n  );\n};\n\n// `'https'` and `'https:'` both name the scheme `URL.protocol` reports as\n// `'https:'`.\nconst normalizeProtocol = (protocol: string) =>\n  `${protocol.toLowerCase().replace(/:$/, '')}:`;\n\nconst invalid = (message: string): ValidationResult => ({\n  valid: false,\n  message,\n});\n\nexport const validateBindingValue = (\n  binding: BindingItem,\n  value: unknown,\n  options: ValidationOptions = {},\n): ValidationResult => {\n  const messages = { ...defaultValidationMessages, ...options.messages };\n  const isEmpty = value === '' || value === null || value === undefined;\n\n  if (isEmpty) {\n    if (binding.required) {\n      return { valid: false, message: messages.required };\n    }\n    return VALID;\n  }\n\n  // `min` and `max` apply to numbers only; a `type: 'number'` field passes\n  // a number (#238). Other values aren't range-checked.\n  if (typeof value === 'number') {\n    if (binding.min !== undefined && value < binding.min) {\n      return { valid: false, message: messages.min(binding.min) };\n    }\n    if (binding.max !== undefined && value > binding.max) {\n      return { valid: false, message: messages.max(binding.max) };\n    }\n\n    if (binding.step !== undefined && binding.step > 0) {\n      const steps = (value - (binding.min ?? 0)) / binding.step;\n\n      if (Math.abs(steps - Math.round(steps)) > STEP_TOLERANCE) {\n        return invalid(messages.step(binding.step));\n      }\n    }\n  }\n\n  if (typeof value === 'string') {\n    const length = [...value].length;\n\n    if (binding.minLength !== undefined && length < binding.minLength) {\n      return invalid(messages.minLength(binding.minLength));\n    }\n\n    if (binding.maxLength !== undefined && length > binding.maxLength) {\n      return invalid(messages.maxLength(binding.maxLength));\n    }\n  }\n\n  if (Array.isArray(value)) {\n    if (binding.minItems !== undefined && value.length < binding.minItems) {\n      return invalid(messages.minItems(binding.minItems));\n    }\n\n    if (binding.maxItems !== undefined && value.length > binding.maxItems) {\n      return invalid(messages.maxItems(binding.maxItems));\n    }\n  }\n\n  if (typeof value === 'string' && binding.pattern) {\n    let regex: RegExp;\n\n    try {\n      regex = new RegExp(binding.pattern);\n    } catch {\n      // An invalid `pattern` is the binding's mistake, so don't block the\n      // input.\n      return VALID;\n    }\n\n    if (!regex.test(value)) {\n      return invalid(binding.patternMessage ?? messages.pattern);\n    }\n  }\n\n  if (typeof value === 'string' && binding.type === 'url') {\n    let url: URL;\n\n    try {\n      url = new URL(value);\n    } catch {\n      return { valid: false, message: messages.url };\n    }\n\n    if (binding.protocols?.length) {\n      const allowed = binding.protocols.map(normalizeProtocol);\n\n      if (!allowed.includes(url.protocol)) {\n        return invalid(messages.protocol(allowed));\n      }\n    }\n  }\n\n  if (typeof value === 'string' && binding.type === 'time') {\n    if (!TIME.test(value)) {\n      return invalid(messages.time);\n    }\n  }\n\n  if (\n    typeof value === 'string' &&\n    (binding.type === 'date' || binding.type === 'datetime')\n  ) {\n    if (binding.type === 'date' && !isCalendarDate(value)) {\n      return invalid(messages.date);\n    }\n\n    if (binding.type === 'datetime' && !isDateTime(value)) {\n      return invalid(messages.datetime);\n    }\n\n    if (\n      binding.minDate !== undefined &&\n      compareToBound(value, binding.minDate) < 0\n    ) {\n      return invalid(messages.minDate(binding.minDate));\n    }\n\n    if (\n      binding.maxDate !== undefined &&\n      compareToBound(value, binding.maxDate) > 0\n    ) {\n      return invalid(messages.maxDate(binding.maxDate));\n    }\n  }\n\n  if (\n    typeof value === 'string' &&\n    binding.type === 'email' &&\n    !EMAIL.test(value)\n  ) {\n    return invalid(messages.email);\n  }\n\n  return VALID;\n};\n"],"mappings":"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"}

package/dist/validate-CiA1LF6S.d.ts

@@ -0,0 +1,33 @@
+import { r as BindingItem } from "./types-Czps1Txy.js";
+//#region src/utils/ast/validate.d.ts
+interface ValidationResult {
+  valid: boolean;
+  message?: string;
+}
+interface ValidationMessages {
+  required: string;
+  min: (min: number) => string;
+  max: (max: number) => string;
+  pattern: string;
+  url: string;
+  date: string;
+  time: string;
+  datetime: string;
+  email: string;
+  minLength: (minLength: number) => string;
+  maxLength: (maxLength: number) => string;
+  step: (step: number) => string;
+  minItems: (minItems: number) => string;
+  maxItems: (maxItems: number) => string;
+  minDate: (minDate: string) => string;
+  maxDate: (maxDate: string) => string;
+  protocol: (protocols: string[]) => string;
+}
+declare const defaultValidationMessages: ValidationMessages;
+interface ValidationOptions {
+  messages?: Partial<ValidationMessages>;
+}
+declare const validateBindingValue: (binding: BindingItem, value: unknown, options?: ValidationOptions) => ValidationResult;
+//#endregion
+export { validateBindingValue as a, defaultValidationMessages as i, ValidationOptions as n, ValidationResult as r, ValidationMessages as t };
+//# sourceMappingURL=validate-CiA1LF6S.d.ts.map

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.6.0",
+  "version": "5.0.0",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -38,7 +38,7 @@
     "url": "https://github.com/pjb0811/live-editor/issues"
   },
   "engines": {
-    "node": ">=20"
+    "node": "^22.18.0 || >=24.11.0"
   },
   "packageManager": "pnpm@12.8.1",
   "exports": {
@@ -92,9 +92,10 @@
     "check-api-surface": "node .github/scripts/check-api-surface.mjs",
     "check-package-types": "pnpm build && node .github/scripts/check-package-types.mjs",
     "lint": "eslint .",
-    "depcheck": "depcheck --ignores=\"~,@changesets/cli,@jbpark/live-editor,@trivago/prettier-plugin-sort-imports,prettier-plugin-classnames,prettier-plugin-merge,prettier-plugin-tailwindcss,baseline-browser-mapping,vite-plugin-dts,depcheck\" --ignore-dirs=\"dist,dist-demo,website,.history\"",
+    "knip": "knip",
     "test": "vitest run",
     "test:browser": "playwright test",
+    "test:coverage": "vitest run --coverage",
     "test:watch": "vitest",
     "bench": "vitest bench",
     "preview": "vite preview",
@@ -102,15 +103,15 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@babel/standalone": "^7.29.8",
+    "@babel/standalone": "^8.0.6",
     "@codemirror/lang-javascript": "^6.2.5",
     "@codemirror/merge": "^6.12.2",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@jbpark/ui-kit": "^10.0.2",
-    "@jbpark/use-hooks": "^4.1.0",
+    "@jbpark/ui-kit": "^10.3.0",
+    "@jbpark/use-hooks": "^4.6.0",
     "@uiw/codemirror-theme-vscode": "^4.25.11",
     "@uiw/react-codemirror": "^4.25.11",
     "codemirror": "^6.0.0",
@@ -129,10 +130,10 @@
     }
   },
   "devDependencies": {
-    "@babel/generator": "^7.29.8",
-    "@babel/parser": "^7.29.8",
-    "@babel/traverse": "^7.29.8",
-    "@babel/types": "^7.29.8",
+    "@babel/generator": "^8.0.6",
+    "@babel/parser": "^8.0.6",
+    "@babel/traverse": "^8.0.6",
+    "@babel/types": "^8.0.6",
     "@changesets/cli": "^3.0.0",
     "@eslint/js": "^10.0.0",
     "@playwright/test": "^1.63.0",
@@ -141,22 +142,20 @@
     "@testing-library/react": "^16.3.3",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@tsdown/css": "^0.22.14",
-    "@types/babel__generator": "^7.27.0",
-    "@types/babel__standalone": "^7.1.9",
-    "@types/babel__traverse": "^7.28.0",
     "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
     "@vitejs/plugin-react": "^6.0.5",
+    "@vitest/coverage-v8": "^5.0.3",
     "baseline-browser-mapping": "^2.11.14",
     "clsx": "^2.1.1",
-    "depcheck": "^1.4.7",
     "eslint": "^10.0.0",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.4",
     "globals": "^17.11.0",
     "husky": "^9.1.7",
     "jsdom": "^30.0.1",
+    "knip": "^5.88.1",
     "lint-staged": "^17.3.0",
     "nanoid": "^6.0.0",
     "prettier": "^3.9.6",
@@ -170,7 +169,6 @@
     "typescript": "~6.0.3",
     "typescript-eslint": "^8.67.0",
     "vite": "^8.2.1",
-    "vite-plugin-dts": "^5.0.3",
     "vitest": "^5.0.0"
   },
   "lint-staged": {

package/dist/compile-Dxas-D05.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"compile-Dxas-D05.js","names":[],"sources":["../src/utils/scripts.ts","../src/utils/compile.ts"],"sourcesContent":["import { CONFIG } from '../constants';\nimport { createBoundedCache } from './cache';\nimport { registerEditorCache } from './editor-caches';\n\n// How many callers have requested each script and not yet injected it. A\n// blob URL evicted in that time isn't revoked until the last of them is done\n// (`deferredRevocations`), or its `<script>` would fail to load without an\n// error (#443).\nconst pins = new Map<string, number>();\nconst deferredRevocations = new Map<string, string[]>();\n\nconst revoke = (src: string, blobUrl: string) => {\n  if (!pins.has(src)) {\n    URL.revokeObjectURL(blobUrl);\n    return;\n  }\n\n  deferredRevocations.set(src, [\n    ...(deferredRevocations.get(src) ?? []),\n    blobUrl,\n  ]);\n};\n\nconst pin = (src: string) => {\n  pins.set(src, (pins.get(src) ?? 0) + 1);\n};\n\nconst unpin = (src: string) => {\n  const count = (pins.get(src) ?? 0) - 1;\n\n  if (count > 0) {\n    pins.set(src, count);\n    return;\n  }\n\n  pins.delete(src);\n  deferredRevocations.get(src)?.forEach(blobUrl => {\n    URL.revokeObjectURL(blobUrl);\n  });\n  deferredRevocations.delete(src);\n};\n\nconst scriptCache = createBoundedCache<string, string>(\n  CONFIG.SCRIPT_CACHE_LIMIT,\n  revoke,\n);\nconst loadingScriptCache = new Map<string, Promise<string>>();\n\nexport const getCachedScriptBlob = async (src: string): Promise<string> => {\n  const cached = scriptCache.get(src);\n\n  if (cached) {\n    return cached;\n  }\n\n  const existing = loadingScriptCache.get(src);\n\n  if (existing) {\n    return existing;\n  }\n\n  const promise = fetch(src)\n    .then(res => res.text())\n    .then(text => {\n      const blob = new Blob([text], { type: 'application/javascript' });\n      const blobUrl = URL.createObjectURL(blob);\n\n      scriptCache.set(src, blobUrl);\n\n      return blobUrl;\n    })\n    // Clean up after a failure too: a rejected promise left here would be\n    // reused by every later caller, so the script could never load again.\n    .finally(() => {\n      loadingScriptCache.delete(src);\n    });\n\n  loadingScriptCache.set(src, promise);\n\n  return promise;\n};\n\n// Resolves every script to a blob URL and hands them to `inject` while none\n// of them can be revoked. `inject` must use them at once, as appending\n// `<script>` elements does: the browser resolves a blob URL on insertion.\n// Several scripts, or several frames, can push more scripts through the cache\n// than it holds before the last one arrives (#443).\nexport const withScriptBlobs = async (\n  scripts: string[],\n  inject: (blobUrls: string[]) => void,\n): Promise<void> => {\n  scripts.forEach(pin);\n\n  try {\n    inject(await Promise.all(scripts.map(getCachedScriptBlob)));\n  } finally {\n    scripts.forEach(unpin);\n  }\n};\n\nexport const preloadScripts = (scripts: string[]): void => {\n  scripts.forEach(src => {\n    // Not awaited, so the rejection is handled here. The real load reports a\n    // failure to whoever awaits it.\n    getCachedScriptBlob(src).catch(() => {});\n  });\n};\n\n// Revokes every blob URL, through the same `onEvict` the LRU uses, and drops\n// the pending loads, so the next session doesn't get a URL created before\n// the revocation.\nexport const clearScriptCache = () => {\n  scriptCache.clear();\n  loadingScriptCache.clear();\n};\n\nregisterEditorCache(clearScriptCache);\n","import React from 'react';\n\nimport * as Babel from '@babel/standalone';\n\nimport type { Module } from '~/types';\n\nimport { CONFIG } from '../constants';\nimport { createBoundedCache } from './cache';\nimport { detectTypeScript } from './detect-typescript';\nimport { registerEditorCache } from './editor-caches';\n\ninterface CompilationKey {\n  code: string;\n  modules: [string, unknown][];\n}\n\n// The keys still in the LRU. Comparing at most `CACHE_LIMIT` of them avoids\n// keeping every module object ever seen, or serializing modules, which can be\n// cyclic or closures.\nconst compilationKeys = new Set<CompilationKey>();\nconst compilationCache = createBoundedCache<CompilationKey, Module>(\n  CONFIG.CACHE_LIMIT,\n  key => compilationKeys.delete(key),\n);\n\nconst createCacheKey = (\n  code: string,\n  modules: Record<string, unknown>,\n): CompilationKey => ({\n  code,\n  modules: Object.keys(modules)\n    .sort()\n    .map(name => [name, modules[name]]),\n});\n\n// Objects/functions compare by reference; primitives compare by value.\n// Replace a module object when its implementation changes. In-place edits\n// inside an existing module are intentionally not observed by this cache.\nexport const compile = (\n  code: string,\n  modules: Record<string, unknown>,\n): Module => {\n  const candidate = createCacheKey(code, modules);\n\n  for (const key of compilationKeys) {\n    if (\n      key.code === candidate.code &&\n      key.modules.length === candidate.modules.length &&\n      key.modules.every(\n        ([name, value], index) =>\n          name === candidate.modules[index]![0] &&\n          Object.is(value, candidate.modules[index]![1]),\n      )\n    ) {\n      return compilationCache.get(key)!;\n    }\n  }\n\n  const result = compileModule(code, Object.fromEntries(candidate.modules));\n\n  compilationCache.set(candidate, result);\n  compilationKeys.add(candidate);\n\n  return result;\n};\n\n// `compilationKeys` needs no separate pass: it is drained by the `onEvict`\n// the cache was built with, which `clear()` runs for every entry.\nexport const clearCompilationCache = () => {\n  compilationCache.clear();\n};\n\n// Transforms JSX and TypeScript with `@babel/standalone`'s presets, without\n// the `typescript` package (#192). Babel works per file without types, so a\n// `const enum` becomes a real enum and legacy decorators aren't supported.\n// On an error, the input comes back unchanged.\nexport const transformCode = (code: string, isTypeScript = false): string => {\n  try {\n    const result = Babel.transform(code, {\n      filename: isTypeScript ? 'preview.tsx' : 'preview.jsx',\n      presets: isTypeScript ? ['typescript', 'env', 'react'] : ['env', 'react'],\n      sourceType: 'module',\n      plugins: [Babel.availablePlugins['transform-modules-commonjs']],\n    }).code;\n\n    return result || '';\n  } catch (e) {\n    console.error('❌ Babel transformation error:', e);\n    return code;\n  }\n};\n\nconst compileModule = (\n  code: string,\n  modules: Record<string, unknown>,\n): Module => {\n  const isTypeScript = detectTypeScript(code);\n\n  type RenderFunction = (\n    exports: Module['exports'],\n    require: (name: string) => unknown,\n    module: Module,\n    React: typeof import('react'),\n  ) => void;\n\n  let render: RenderFunction;\n\n  // Runs in this window's own JS realm, not inside the preview iframe — the iframe only\n  // renders the resulting React elements via portal. See README \"Security Notes\".\n  try {\n    render = new Function(\n      'exports',\n      'require',\n      'module',\n      'React',\n      transformCode(code, isTypeScript),\n    ) as RenderFunction;\n  } catch (e) {\n    const errorMessage = e instanceof Error ? e.message : 'Syntax error';\n    return { exports: {}, error: errorMessage };\n  }\n\n  const module: Module = { exports: {} };\n\n  const customRequire = (name: string) => {\n    if (name === 'react') {\n      return React;\n    }\n\n    // Check presence, not truthiness: a module can be a falsy value (`0`, `''`,\n    // `false`, `null`).\n    if (name in modules) {\n      return modules[name];\n    }\n\n    throw new Error(`Module not found: ${name}`);\n  };\n\n  try {\n    render(module.exports, customRequire, module, React);\n  } catch (e) {\n    const errorMessage = e instanceof Error ? e.message : 'Runtime error';\n    return { exports: {}, error: errorMessage };\n  }\n\n  return module;\n};\n\nregisterEditorCache(clearCompilationCache);\n"],"mappings":";;;;;;;AAQA,MAAM,uBAAO,IAAI,IAAoB;AACrC,MAAM,sCAAsB,IAAI,IAAsB;AAEtD,MAAM,UAAU,KAAa,YAAoB;CAC/C,IAAI,CAAC,KAAK,IAAI,GAAG,GAAG;EAClB,IAAI,gBAAgB,OAAO;EAC3B;CACF;CAEA,oBAAoB,IAAI,KAAK,CAC3B,GAAI,oBAAoB,IAAI,GAAG,KAAK,CAAC,GACrC,OACF,CAAC;AACH;AAEA,MAAM,OAAO,QAAgB;CAC3B,KAAK,IAAI,MAAM,KAAK,IAAI,GAAG,KAAK,KAAK,CAAC;AACxC;AAEA,MAAM,SAAS,QAAgB;CAC7B,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,KAAK;CAErC,IAAI,QAAQ,GAAG;EACb,KAAK,IAAI,KAAK,KAAK;EACnB;CACF;CAEA,KAAK,OAAO,GAAG;CACf,oBAAoB,IAAI,GAAG,CAAC,EAAE,SAAQ,YAAW;EAC/C,IAAI,gBAAgB,OAAO;CAC7B,CAAC;CACD,oBAAoB,OAAO,GAAG;AAChC;AAEA,MAAM,cAAc,mBAClB,OAAO,oBACP,MACF;AACA,MAAM,qCAAqB,IAAI,IAA6B;AAE5D,MAAa,sBAAsB,OAAO,QAAiC;CACzE,MAAM,SAAS,YAAY,IAAI,GAAG;CAElC,IAAI,QACF,OAAO;CAGT,MAAM,WAAW,mBAAmB,IAAI,GAAG;CAE3C,IAAI,UACF,OAAO;CAGT,MAAM,UAAU,MAAM,GAAG,CAAC,CACvB,MAAK,QAAO,IAAI,KAAK,CAAC,CAAC,CACvB,MAAK,SAAQ;EACZ,MAAM,OAAO,IAAI,KAAK,CAAC,IAAI,GAAG,EAAE,MAAM,yBAAyB,CAAC;EAChE,MAAM,UAAU,IAAI,gBAAgB,IAAI;EAExC,YAAY,IAAI,KAAK,OAAO;EAE5B,OAAO;CACT,CAAC,CAAC,CAGD,cAAc;EACb,mBAAmB,OAAO,GAAG;CAC/B,CAAC;CAEH,mBAAmB,IAAI,KAAK,OAAO;CAEnC,OAAO;AACT;AAOA,MAAa,kBAAkB,OAC7B,SACA,WACkB;CAClB,QAAQ,QAAQ,GAAG;CAEnB,IAAI;EACF,OAAO,MAAM,QAAQ,IAAI,QAAQ,IAAI,mBAAmB,CAAC,CAAC;CAC5D,UAAU;EACR,QAAQ,QAAQ,KAAK;CACvB;AACF;AAEA,MAAa,kBAAkB,YAA4B;CACzD,QAAQ,SAAQ,QAAO;EAGrB,oBAAoB,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;CACzC,CAAC;AACH;AAKA,MAAa,yBAAyB;CACpC,YAAY,MAAM;CAClB,mBAAmB,MAAM;AAC3B;AAEA,oBAAoB,gBAAgB;;;ACjGpC,MAAM,kCAAkB,IAAI,IAAoB;AAChD,MAAM,mBAAmB,mBACvB,OAAO,cACP,QAAO,gBAAgB,OAAO,GAAG,CACnC;AAEA,MAAM,kBACJ,MACA,aACoB;CACpB;CACA,SAAS,OAAO,KAAK,OAAO,CAAC,CAC1B,KAAK,CAAC,CACN,KAAI,SAAQ,CAAC,MAAM,QAAQ,KAAK,CAAC;AACtC;AAKA,MAAa,WACX,MACA,YACW;CACX,MAAM,YAAY,eAAe,MAAM,OAAO;CAE9C,KAAK,MAAM,OAAO,iBAChB,IACE,IAAI,SAAS,UAAU,QACvB,IAAI,QAAQ,WAAW,UAAU,QAAQ,UACzC,IAAI,QAAQ,OACT,CAAC,MAAM,QAAQ,UACd,SAAS,UAAU,QAAQ,MAAM,CAAE,MACnC,OAAO,GAAG,OAAO,UAAU,QAAQ,MAAM,CAAE,EAAE,CACjD,GAEA,OAAO,iBAAiB,IAAI,GAAG;CAInC,MAAM,SAAS,cAAc,MAAM,OAAO,YAAY,UAAU,OAAO,CAAC;CAExE,iBAAiB,IAAI,WAAW,MAAM;CACtC,gBAAgB,IAAI,SAAS;CAE7B,OAAO;AACT;AAIA,MAAa,8BAA8B;CACzC,iBAAiB,MAAM;AACzB;AAMA,MAAa,iBAAiB,MAAc,eAAe,UAAkB;CAC3E,IAAI;EAQF,OAPe,MAAM,UAAU,MAAM;GACnC,UAAU,eAAe,gBAAgB;GACzC,SAAS,eAAe;IAAC;IAAc;IAAO;GAAO,IAAI,CAAC,OAAO,OAAO;GACxE,YAAY;GACZ,SAAS,CAAC,MAAM,iBAAiB,6BAA6B;EAChE,CAAC,CAAC,CAAC,QAEc;CACnB,SAAS,GAAG;EACV,QAAQ,MAAM,iCAAiC,CAAC;EAChD,OAAO;CACT;AACF;AAEA,MAAM,iBACJ,MACA,YACW;CACX,MAAM,eAAe,iBAAiB,IAAI;CAS1C,IAAI;CAIJ,IAAI;EACF,SAAS,IAAI,SACX,WACA,WACA,UACA,SACA,cAAc,MAAM,YAAY,CAClC;CACF,SAAS,GAAG;EAEV,OAAO;GAAE,SAAS,CAAC;GAAG,OADD,aAAa,QAAQ,EAAE,UAAU;EACZ;CAC5C;CAEA,MAAM,SAAiB,EAAE,SAAS,CAAC,EAAE;CAErC,MAAM,iBAAiB,SAAiB;EACtC,IAAI,SAAS,SACX,OAAO;EAKT,IAAI,QAAQ,SACV,OAAO,QAAQ;EAGjB,MAAM,IAAI,MAAM,qBAAqB,MAAM;CAC7C;CAEA,IAAI;EACF,OAAO,OAAO,SAAS,eAAe,QAAQ,KAAK;CACrD,SAAS,GAAG;EAEV,OAAO;GAAE,SAAS,CAAC;GAAG,OADD,aAAa,QAAQ,EAAE,UAAU;EACZ;CAC5C;CAEA,OAAO;AACT;AAEA,oBAAoB,qBAAqB"}