@jbpark/live-editor 4.3.1 → 4.5.0

package/dist/messages-CzUPVnzH.js

@@ -0,0 +1,132 @@
+import { t as defaultValidationMessages } from "./validate-iLo8IONY.js";
+import { createContext, useContext } from "react";
+//#region src/components/context/messages.ts
+const defaultMessages = {
+	section: {
+		moveUp: "Move section up",
+		moveDown: "Move section down",
+		duplicate: "Duplicate section",
+		delete: "Delete section"
+	},
+	canvas: {
+		palette: "Components",
+		properties: "Properties",
+		pickElement: "Pick an element",
+		pickElementActive: "Click an element to edit it. Esc to cancel.",
+		dropHere: "Drop here",
+		dropAtBottom: "Drag here to add at bottom",
+		empty: "No sections available",
+		emptyHintTouch: "Tap a component to add it",
+		emptyHintDrag: "Drag a component from the left to add it",
+		syntaxError: "The document has a syntax error",
+		syntaxErrorDetail: "Fix it in the code to see its sections",
+		missingContainer: (containerId) => `No #${containerId} element in the document`,
+		missingContainerDetail: (containerId) => `Sections go inside the element with id="${containerId}"`,
+		stale: "Showing the last version that parsed. Fix the syntax error in the code to edit here again."
+	},
+	panel: {
+		selectSection: "Please select a section.",
+		noEditableElements: "No editable elements.",
+		readOnly: "The document has a syntax error. These fields are from the last version that parsed, and can't be edited until it parses again.",
+		expressionPreserved: "This expression is preserved but is not editable here.",
+		useCodeEditor: "Use the code editor to change it.",
+		invalidValue: "Invalid value.",
+		urlPlaceholder: "https://example.com",
+		numberPlaceholder: "Enter a numeric value",
+		textPlaceholder: "Enter a value"
+	},
+	items: {
+		heading: (count) => `Items (${count})`,
+		add: "Add Item",
+		item: (position) => `Item ${position}`,
+		reorder: (item) => `Reorder ${item}`,
+		moveUp: "Move item up",
+		moveDown: "Move item down",
+		delete: "Delete item",
+		collapseAll: "Collapse all",
+		expandAll: "Expand all",
+		unreadable: "This value could not be read as a list. Edit it in the code editor.",
+		empty: "No editable items. The panel copies an existing item rather than guessing the shape of a new one — add the first item in the code editor.",
+		structureLocked: "Values remain editable, but moving, copying, adding, and deleting require a dense array without spreads or parenthesized top-level items. Use the code editor for those structural changes.",
+		noNestedBindings: "No JSX bindings found"
+	},
+	children: {
+		heading: (count) => `Children Items (${count})`,
+		add: "Add Child",
+		child: (position, tagName) => `Child ${position} (${tagName})`,
+		moveUp: "Move child up",
+		moveDown: "Move child down",
+		delete: "Delete child",
+		editableBindings: "Editable Bindings:",
+		childNodes: "Child Nodes:"
+	},
+	selection: {
+		count: (count) => `${count} selected`,
+		duplicate: "Duplicate selected",
+		moveUp: "Move selected up",
+		moveDown: "Move selected down",
+		delete: "Delete selected",
+		clear: "Clear"
+	},
+	editErrors: {
+		updateFailed: (label) => `Failed to update "${label}"`,
+		cannotEdit: (label) => `Cannot edit "${label}" in the panel`,
+		cannotRemove: (label) => `Cannot remove "${label}"`,
+		attributeNotFound: (property) => `This element has no "${property}" attribute — check the property in its data-binding.`,
+		bindingNotDeclared: ({ label, property }) => `No binding for ${property ? `property "${property}"` : `label "${label}"`} is declared on this element's data-binding.`,
+		duplicateBinding: ({ count, label, property }) => `${count} bindings share ${property ? `property "${property}"` : `label "${label}"`} on this element — remove the duplicate in its data-binding.`,
+		reservedProperty: (property) => `"${property}" is managed by the editor, so a binding can't change it.`,
+		requiredProperty: (property) => `"${property}" is marked required in its data-binding, so it can't be removed.`,
+		noBinding: "This element has no data-binding declaration.",
+		elementNotFound: "The target element could not be found in this section.",
+		unsupportedSyntax: (property) => `The "${property}" expression was preserved. Change it in the code editor instead.`,
+		checkConsole: "Check the console for details.",
+		syntaxError: "The document has a syntax error",
+		syntaxErrorDetail: "The canvas shows the last version that parsed. Fix the error in the code, then edit here again.",
+		missingContainer: (containerId) => `No #${containerId} element in the document`,
+		missingContainerDetail: (containerId) => `Sections are the <section> elements inside the element with id="${containerId}". Start from createDocument(), or set containerId to match your document.`,
+		sectionParseFailed: "Failed to parse this section",
+		itemsParseFailed: "Failed to parse items",
+		itemUpdateFailed: "Failed to update this item",
+		itemUpdateFailedDetail: "The source was preserved. Structural edits require a dense array without spreads; use the code editor for unsupported syntax."
+	},
+	announcements: {
+		instructions: "On a palette item, press Enter to add it to the canvas. On a canvas section, press Enter to select it, the up and down arrow keys to go to the previous or next section, and Delete to remove it. Press Space to pick a section up, the arrow keys to move it, and Space or Enter to drop it. Press Escape to cancel.",
+		section: "section",
+		pickedUp: (name) => `Picked up ${name}.`,
+		movedTo: (name, position, total) => `${name} moved to position ${position} of ${total}.`,
+		notOver: (name) => `${name} is no longer over a position.`,
+		droppedAt: (name, position, total) => `${name} dropped at position ${position} of ${total}.`,
+		dropped: (name) => `${name} dropped.`,
+		cancelled: (name) => `Moving ${name} was cancelled.`,
+		itemOver: (name, over) => `${name} is over ${over}.`,
+		itemMoved: (name, over) => `${name} was moved to the place of ${over}.`
+	},
+	errors: {
+		default: "An error occurred",
+		compile: "Compile Error",
+		runtime: "Runtime Error",
+		rendering: "Rendering Error",
+		sectionUnavailable: "Section Unavailable",
+		sectionNotRendered: "This section is not rendered in this editor.",
+		tryAgain: "Try Again",
+		unknown: "Unknown error",
+		unhandledRejection: "Unhandled promise rejection"
+	},
+	validation: defaultValidationMessages
+};
+const mergeMessages = (input, base = defaultMessages) => {
+	if (!input) return base;
+	const merged = { ...base };
+	for (const group of Object.keys(base)) if (input[group]) merged[group] = {
+		...base[group],
+		...input[group]
+	};
+	return merged;
+};
+const MessagesContext = createContext(defaultMessages);
+const useLiveMessages = () => useContext(MessagesContext);
+//#endregion
+export { useLiveMessages as i, defaultMessages as n, mergeMessages as r, MessagesContext as t };
+
+//# sourceMappingURL=messages-CzUPVnzH.js.map

package/dist/messages-CzUPVnzH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages-CzUPVnzH.js","names":[],"sources":["../src/components/context/messages.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport {\n  type ValidationMessages,\n  defaultValidationMessages,\n} from '~/utils/ast/validate';\n\n// Every piece of text the editor shows or announces, grouped by where it\n// appears (#524). Text with values in it is a function, so a translation\n// can put them where its grammar needs them. Pass a partial set to `Live`'s\n// `messages` prop to replace any of it; the rest stays English.\nexport interface LiveMessages {\n  // The section toolbar on the canvas and the panel header.\n  section: {\n    moveUp: string;\n    moveDown: string;\n    duplicate: string;\n    delete: string;\n  };\n  canvas: {\n    // The mobile palette button and Drawer title.\n    palette: string;\n    // The mobile panel Drawer title.\n    properties: string;\n    pickElement: string;\n    pickElementActive: string;\n    dropHere: string;\n    dropAtBottom: string;\n    empty: string;\n    emptyHintTouch: string;\n    emptyHintDrag: string;\n    syntaxError: string;\n    syntaxErrorDetail: string;\n    missingContainer: (containerId: string) => string;\n    missingContainerDetail: (containerId: string) => string;\n    stale: string;\n  };\n  panel: {\n    selectSection: string;\n    noEditableElements: string;\n    readOnly: string;\n    expressionPreserved: string;\n    useCodeEditor: string;\n    invalidValue: string;\n    urlPlaceholder: string;\n    numberPlaceholder: string;\n    textPlaceholder: string;\n  };\n  // The built-in editor for an array value.\n  items: {\n    heading: (count: number) => string;\n    add: string;\n    item: (position: number) => string;\n    reorder: (item: string) => string;\n    moveUp: string;\n    moveDown: string;\n    delete: string;\n    collapseAll: string;\n    expandAll: string;\n    unreadable: string;\n    empty: string;\n    structureLocked: string;\n    noNestedBindings: string;\n  };\n  // The built-in editor for child elements.\n  children: {\n    heading: (count: number) => string;\n    add: string;\n    child: (position: number, tagName: string) => string;\n    moveUp: string;\n    moveDown: string;\n    delete: string;\n    editableBindings: string;\n    childNodes: string;\n  };\n  // The bar shown while items or children are selected.\n  selection: {\n    count: (count: number) => string;\n    duplicate: string;\n    moveUp: string;\n    moveDown: string;\n    delete: string;\n    clear: string;\n  };\n  // The `title` and `description` of a `DndEditError`, which the default\n  // toast shows.\n  editErrors: {\n    updateFailed: (label: string) => string;\n    cannotEdit: (label: string) => string;\n    cannotRemove: (label: string) => string;\n    attributeNotFound: (property: string) => string;\n    // `property` is set when the binding names one, otherwise `label` is the\n    // one to show.\n    bindingNotDeclared: (target: {\n      label: string;\n      property?: string;\n    }) => string;\n    duplicateBinding: (target: {\n      count: number;\n      label: string;\n      property?: string;\n    }) => string;\n    reservedProperty: (property: string) => string;\n    requiredProperty: (property: string) => string;\n    noBinding: string;\n    elementNotFound: string;\n    unsupportedSyntax: (property: string) => string;\n    checkConsole: string;\n    syntaxError: string;\n    syntaxErrorDetail: string;\n    missingContainer: (containerId: string) => string;\n    missingContainerDetail: (containerId: string) => string;\n    sectionParseFailed: string;\n    itemsParseFailed: string;\n    itemUpdateFailed: string;\n    itemUpdateFailedDetail: string;\n  };\n  // What a screen reader hears during a drag.\n  announcements: {\n    instructions: string;\n    // Stands in for a section without a name.\n    section: string;\n    pickedUp: (name: string) => string;\n    movedTo: (name: string, position: number, total: number) => string;\n    notOver: (name: string) => string;\n    droppedAt: (name: string, position: number, total: number) => string;\n    dropped: (name: string) => string;\n    cancelled: (name: string) => string;\n    itemOver: (name: string, over: string) => string;\n    itemMoved: (name: string, over: string) => string;\n  };\n  // The error boxes of `Live.Preview`, `Live.Error` and canvas sections.\n  errors: {\n    default: string;\n    compile: string;\n    runtime: string;\n    rendering: string;\n    sectionUnavailable: string;\n    sectionNotRendered: string;\n    tryAgain: string;\n    // The message of a page error that carries none.\n    unknown: string;\n    // The message of an unhandled promise rejection that carries none.\n    unhandledRejection: string;\n  };\n  validation: ValidationMessages;\n}\n\n// Every group of `LiveMessages`, each with any of its keys.\nexport type LiveMessagesInput = {\n  [Group in keyof LiveMessages]?: Partial<LiveMessages[Group]>;\n};\n\nexport const defaultMessages: LiveMessages = {\n  section: {\n    moveUp: 'Move section up',\n    moveDown: 'Move section down',\n    duplicate: 'Duplicate section',\n    delete: 'Delete section',\n  },\n  canvas: {\n    palette: 'Components',\n    properties: 'Properties',\n    pickElement: 'Pick an element',\n    pickElementActive: 'Click an element to edit it. Esc to cancel.',\n    dropHere: 'Drop here',\n    dropAtBottom: 'Drag here to add at bottom',\n    empty: 'No sections available',\n    emptyHintTouch: 'Tap a component to add it',\n    emptyHintDrag: 'Drag a component from the left to add it',\n    syntaxError: 'The document has a syntax error',\n    syntaxErrorDetail: 'Fix it in the code to see its sections',\n    missingContainer: containerId =>\n      `No #${containerId} element in the document`,\n    missingContainerDetail: containerId =>\n      `Sections go inside the element with id=\"${containerId}\"`,\n    stale:\n      'Showing the last version that parsed. Fix the syntax error in the code to edit here again.',\n  },\n  panel: {\n    selectSection: 'Please select a section.',\n    noEditableElements: 'No editable elements.',\n    readOnly:\n      \"The document has a syntax error. These fields are from the last version that parsed, and can't be edited until it parses again.\",\n    expressionPreserved:\n      'This expression is preserved but is not editable here.',\n    useCodeEditor: 'Use the code editor to change it.',\n    invalidValue: 'Invalid value.',\n    urlPlaceholder: 'https://example.com',\n    numberPlaceholder: 'Enter a numeric value',\n    textPlaceholder: 'Enter a value',\n  },\n  items: {\n    heading: count => `Items (${count})`,\n    add: 'Add Item',\n    item: position => `Item ${position}`,\n    reorder: item => `Reorder ${item}`,\n    moveUp: 'Move item up',\n    moveDown: 'Move item down',\n    delete: 'Delete item',\n    collapseAll: 'Collapse all',\n    expandAll: 'Expand all',\n    unreadable:\n      'This value could not be read as a list. Edit it in the code editor.',\n    empty:\n      'No editable items. The panel copies an existing item rather than guessing the shape of a new one — add the first item in the code editor.',\n    structureLocked:\n      'Values remain editable, but moving, copying, adding, and deleting require a dense array without spreads or parenthesized top-level items. Use the code editor for those structural changes.',\n    noNestedBindings: 'No JSX bindings found',\n  },\n  children: {\n    heading: count => `Children Items (${count})`,\n    add: 'Add Child',\n    child: (position, tagName) => `Child ${position} (${tagName})`,\n    moveUp: 'Move child up',\n    moveDown: 'Move child down',\n    delete: 'Delete child',\n    editableBindings: 'Editable Bindings:',\n    childNodes: 'Child Nodes:',\n  },\n  selection: {\n    count: count => `${count} selected`,\n    duplicate: 'Duplicate selected',\n    moveUp: 'Move selected up',\n    moveDown: 'Move selected down',\n    delete: 'Delete selected',\n    clear: 'Clear',\n  },\n  editErrors: {\n    updateFailed: label => `Failed to update \"${label}\"`,\n    cannotEdit: label => `Cannot edit \"${label}\" in the panel`,\n    cannotRemove: label => `Cannot remove \"${label}\"`,\n    attributeNotFound: property =>\n      `This element has no \"${property}\" attribute — check the property in its data-binding.`,\n    bindingNotDeclared: ({ label, property }) =>\n      `No binding for ${\n        property ? `property \"${property}\"` : `label \"${label}\"`\n      } is declared on this element's data-binding.`,\n    duplicateBinding: ({ count, label, property }) =>\n      `${count} bindings share ${\n        property ? `property \"${property}\"` : `label \"${label}\"`\n      } on this element — remove the duplicate in its data-binding.`,\n    reservedProperty: property =>\n      `\"${property}\" is managed by the editor, so a binding can't change it.`,\n    requiredProperty: property =>\n      `\"${property}\" is marked required in its data-binding, so it can't be removed.`,\n    noBinding: 'This element has no data-binding declaration.',\n    elementNotFound: 'The target element could not be found in this section.',\n    unsupportedSyntax: property =>\n      `The \"${property}\" expression was preserved. Change it in the code editor instead.`,\n    checkConsole: 'Check the console for details.',\n    syntaxError: 'The document has a syntax error',\n    syntaxErrorDetail:\n      'The canvas shows the last version that parsed. Fix the error in the code, then edit here again.',\n    missingContainer: containerId =>\n      `No #${containerId} element in the document`,\n    missingContainerDetail: containerId =>\n      `Sections are the <section> elements inside the element with id=\"${containerId}\". Start from createDocument(), or set containerId to match your document.`,\n    sectionParseFailed: 'Failed to parse this section',\n    itemsParseFailed: 'Failed to parse items',\n    itemUpdateFailed: 'Failed to update this item',\n    itemUpdateFailedDetail:\n      'The source was preserved. Structural edits require a dense array without spreads; use the code editor for unsupported syntax.',\n  },\n  announcements: {\n    instructions:\n      'On a palette item, press Enter to add it to the canvas. On a canvas section, press Enter to select it, the up and down arrow keys to go to the previous or next section, and Delete to remove it. Press Space to pick a section up, the arrow keys to move it, and Space or Enter to drop it. Press Escape to cancel.',\n    section: 'section',\n    pickedUp: name => `Picked up ${name}.`,\n    movedTo: (name, position, total) =>\n      `${name} moved to position ${position} of ${total}.`,\n    notOver: name => `${name} is no longer over a position.`,\n    droppedAt: (name, position, total) =>\n      `${name} dropped at position ${position} of ${total}.`,\n    dropped: name => `${name} dropped.`,\n    cancelled: name => `Moving ${name} was cancelled.`,\n    itemOver: (name, over) => `${name} is over ${over}.`,\n    itemMoved: (name, over) => `${name} was moved to the place of ${over}.`,\n  },\n  errors: {\n    default: 'An error occurred',\n    compile: 'Compile Error',\n    runtime: 'Runtime Error',\n    rendering: 'Rendering Error',\n    sectionUnavailable: 'Section Unavailable',\n    sectionNotRendered: 'This section is not rendered in this editor.',\n    tryAgain: 'Try Again',\n    unknown: 'Unknown error',\n    unhandledRejection: 'Unhandled promise rejection',\n  },\n  validation: defaultValidationMessages,\n};\n\n// `base` (the defaults, unless given) with each group's given keys on top.\nexport const mergeMessages = (\n  input?: LiveMessagesInput,\n  base: LiveMessages = defaultMessages,\n): LiveMessages => {\n  if (!input) {\n    return base;\n  }\n\n  const merged = { ...base };\n\n  for (const group of Object.keys(base) as (keyof LiveMessages)[]) {\n    if (input[group]) {\n      merged[group] = { ...base[group], ...input[group] } as never;\n    }\n  }\n\n  return merged;\n};\n\n// The English defaults outside a provider, so an error box rendered on its\n// own still has text.\nexport const MessagesContext = createContext<LiveMessages>(defaultMessages);\n\n// The messages in effect: the provider's, merged over the defaults. A custom\n// palette or panel can use it to show the same text as the built-in ones.\nexport const useLiveMessages = () => useContext(MessagesContext);\n"],"mappings":"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"}

package/dist/preview/index.js

@@ -1,3 +1,3 @@
-import { r as baseModules } from "../use-dynamic-tailwind-QKcGvUJs.js";
-import { t as Preview } from "../preview-BYck9mVK.js";
+import { r as baseModules } from "../use-dynamic-tailwind-T9r9ExbR.js";
+import { t as Preview } from "../preview-BKFgq_5u.js";
 export { baseModules, Preview as default };

package/dist/{preview-BYck9mVK.js → preview-BKFgq_5u.js}

@@ -1,7 +1,8 @@
+import { i as useLiveMessages } from "./messages-CzUPVnzH.js";
 import { i as usePreview, r as useError } from "./states-Ci1AvoQ9.js";
 import { t as cn } from "./cn-CAnad2vL.js";
-import { a as Frame, n as useCompiledModule, t as useDynamicTailwind } from "./use-dynamic-tailwind-QKcGvUJs.js";
-import { t as Error } from "./error-DWhxQEom.js";
+import { a as Frame, n as useCompiledModule, t as useDynamicTailwind } from "./use-dynamic-tailwind-T9r9ExbR.js";
+import { t as Error } from "./error-DwqwjJ2C.js";
 import { useMemo } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/preview/defaults.ts
@@ -12,6 +13,7 @@ const NO_MODULES = {};
 const Client = ({ code: _code, className, showError, props = NO_PROPS, modules = NO_MODULES, frame, dynamicTailwind = false, provider }) => {
 	const { code } = usePreview();
 	const { error, setError } = useError();
+	const messages = useLiveMessages();
 	const isError = !!showError && !!error;
 	const classNames = cn(isError && "hidden", className);
 	const effectiveCode = _code === void 0 ? code : _code;
@@ -25,7 +27,7 @@ const Client = ({ code: _code, className, showError, props = NO_PROPS, modules =
 		className: cn("relative h-full w-full", classNames),
 		children: /* @__PURE__ */ jsx(Error, {
 			message: module.error,
-			title: "Compile Error"
+			title: messages.errors.compile
 		})
 	}), /* @__PURE__ */ jsx(Error.Runtime, { open: isError })] });
 	const Component = module?.exports?.default;
@@ -83,4 +85,4 @@ const Preview = ({ code, props = NO_PROPS, modules = NO_MODULES, dynamicTailwind
 //#endregion
 export { Preview as t };
 
-//# sourceMappingURL=preview-BYck9mVK.js.map
+//# sourceMappingURL=preview-BKFgq_5u.js.map

package/dist/preview-BKFgq_5u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-BKFgq_5u.js","names":["LiveError"],"sources":["../src/components/preview/defaults.ts","../src/components/preview/client.tsx","../src/components/preview/preview.tsx"],"sourcesContent":["// Stable defaults for optional object props. A `= {}` default is a new\n// object on every render, which re-runs every memo keyed on it — the merged\n// module map, and so `compile()` — even when the caller passed nothing (#348).\nexport const NO_PROPS: Record<string, unknown> = {};\nexport const NO_MODULES: Record<string, unknown> = {};\n","'use client';\n\nimport { useMemo } from 'react';\n\nimport { useLiveMessages } from '~/components/context/messages';\nimport { useError, usePreview } from '~/components/context/states';\nimport LiveError from '~/components/error';\nimport Frame, { type FrameProps } from '~/components/frame';\nimport { cn } from '~/utils/cn';\n\nimport { NO_MODULES, NO_PROPS } from './defaults';\nimport { type Props } from './preview';\nimport { useCompiledModule } from './use-compiled-module';\nimport { useDynamicTailwind } from './use-dynamic-tailwind';\n\nconst Client = ({\n  code: _code,\n  className,\n  showError,\n  props = NO_PROPS,\n  modules = NO_MODULES,\n  frame,\n  dynamicTailwind = false,\n  provider,\n}: Props) => {\n  const { code } = usePreview();\n  const { error, setError } = useError();\n  const messages = useLiveMessages();\n  const isError = !!showError && !!error;\n\n  const classNames = cn(isError && 'hidden', className);\n\n  const effectiveCode = _code === undefined ? code : _code;\n\n  const module = useCompiledModule(effectiveCode, modules);\n\n  // Attached to the wrapper below; scans the rendered DOM so classes coming\n  // from an imported component are picked up too. See the hook for details.\n  const { ref: contentRef, css: dynamicCSS } = useDynamicTailwind(\n    effectiveCode,\n    dynamicTailwind,\n  );\n\n  const componentProps = useMemo(\n    () => ({\n      ...props,\n    }),\n    [props],\n  );\n\n  const renderProvider = (component: React.ReactNode) => {\n    return provider ? provider(component) : component;\n  };\n\n  if (module && module.error) {\n    return (\n      <>\n        <div className={cn('relative h-full w-full', classNames)}>\n          <LiveError message={module.error} title={messages.errors.compile} />\n        </div>\n        <LiveError.Runtime open={isError} />\n      </>\n    );\n  }\n\n  const Component = module?.exports?.default;\n\n  if (!Component) {\n    return null;\n  }\n\n  return (\n    <>\n      {frame ? (\n        <div className={cn('h-full w-full', classNames)}>\n          <Frame {...(frame as FrameProps)}>\n            {container => (\n              <div ref={contentRef} style={{ display: 'contents' }}>\n                <LiveError.Boundary\n                  resetKeys={[effectiveCode]}\n                  onError={(e: Error) => setError(e.message)}\n                >\n                  {renderProvider(\n                    <LiveError.Guard onError={e => setError(e.message)}>\n                      <Component {...componentProps} container={container} />\n                      {dynamicTailwind && dynamicCSS && (\n                        <style>{dynamicCSS}</style>\n                      )}\n                    </LiveError.Guard>,\n                  )}\n                </LiveError.Boundary>\n              </div>\n            )}\n          </Frame>\n        </div>\n      ) : (\n        <div\n          ref={contentRef}\n          className={cn(\n            'relative h-full w-full overflow-x-hidden overflow-y-auto',\n            classNames,\n          )}\n          style={{\n            isolation: 'isolate',\n            transform: 'translateZ(0)',\n            containerType: 'inline-size',\n          }}\n        >\n          <LiveError.Boundary\n            resetKeys={[effectiveCode]}\n            onError={e => setError(e.message)}\n          >\n            {renderProvider(\n              <LiveError.Guard onError={e => setError(e.message)}>\n                <Component {...componentProps} />\n                {dynamicTailwind && dynamicCSS && <style>{dynamicCSS}</style>}\n              </LiveError.Guard>,\n            )}\n          </LiveError.Boundary>\n        </div>\n      )}\n      <LiveError.Runtime open={isError} />\n    </>\n  );\n};\n\nexport default Client;\n","import type React from 'react';\n\nimport type { FrameProps } from '../frame';\nimport Client from './client';\nimport { NO_MODULES, NO_PROPS } from './defaults';\n\nexport interface Props extends React.ComponentPropsWithRef<'div'> {\n  code?: string;\n  showError?: boolean;\n  props?: Record<string, unknown>;\n  container?: HTMLElement | null;\n  frame?: boolean | FrameProps;\n  modules?: Record<string, unknown>;\n  dynamicTailwind?: boolean;\n  provider?: (children: React.ReactNode) => React.ReactNode;\n}\n\n// A thin wrapper around Client, which does the actual compiling, error\n// handling, and frame wrapping. This used to have its own duplicate\n// compile-and-render branch for the `code` prop that never wrapped its\n// output in <Frame>, so `frame` was silently ignored whenever `code` was\n// passed — see #187. Client already handles `code` (falling back to\n// context when absent) and `frame`, so there is only one render path now.\nconst Preview = ({\n  code,\n  props = NO_PROPS,\n  modules = NO_MODULES,\n  dynamicTailwind = false,\n  provider,\n  ...restProps\n}: Props) => {\n  return (\n    <Client\n      code={code}\n      props={props}\n      modules={modules}\n      dynamicTailwind={dynamicTailwind}\n      provider={provider}\n      {...restProps}\n    />\n  );\n};\n\nexport default Preview;\n"],"mappings":";;;;;;;;AAGA,MAAa,WAAoC,CAAC;AAClD,MAAa,aAAsC,CAAC;;;ACWpD,MAAM,UAAU,EACd,MAAM,OACN,WACA,WACA,QAAQ,UACR,UAAU,YACV,OACA,kBAAkB,OAClB,eACW;CACX,MAAM,EAAE,SAAS,WAAW;CAC5B,MAAM,EAAE,OAAO,aAAa,SAAS;CACrC,MAAM,WAAW,gBAAgB;CACjC,MAAM,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC;CAEjC,MAAM,aAAa,GAAG,WAAW,UAAU,SAAS;CAEpD,MAAM,gBAAgB,UAAU,KAAA,IAAY,OAAO;CAEnD,MAAM,SAAS,kBAAkB,eAAe,OAAO;CAIvD,MAAM,EAAE,KAAK,YAAY,KAAK,eAAe,mBAC3C,eACA,eACF;CAEA,MAAM,iBAAiB,eACd,EACL,GAAG,MACL,IACA,CAAC,KAAK,CACR;CAEA,MAAM,kBAAkB,cAA+B;EACrD,OAAO,WAAW,SAAS,SAAS,IAAI;CAC1C;CAEA,IAAI,UAAU,OAAO,OACnB,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,WAAW,GAAG,0BAA0B,UAAU;EACrD,UAAA,oBAACA,OAAD;GAAW,SAAS,OAAO;GAAO,OAAO,SAAS,OAAO;EAAU,CAAA;CAChE,CAAA,GACL,oBAACA,MAAU,SAAX,EAAmB,MAAM,QAAU,CAAA,CACnC,EAAA,CAAA;CAIN,MAAM,YAAY,QAAQ,SAAS;CAEnC,IAAI,CAAC,WACH,OAAO;CAGT,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,QACC,oBAAC,OAAD;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAC5C,UAAA,oBAAC,OAAD;GAAO,GAAK;GACT,WAAA,cACC,oBAAC,OAAD;IAAK,KAAK;IAAY,OAAO,EAAE,SAAS,WAAW;IACjD,UAAA,oBAACA,MAAU,UAAX;KACE,WAAW,CAAC,aAAa;KACzB,UAAU,MAAa,SAAS,EAAE,OAAO;KAExC,UAAA,eACC,qBAACA,MAAU,OAAX;MAAiB,UAAS,MAAK,SAAS,EAAE,OAAO;MAAjD,UAAA,CACE,oBAAC,WAAD;OAAW,GAAI;OAA2B;MAAY,CAAA,GACrD,mBAAmB,cAClB,oBAAC,SAAD,EAAA,UAAQ,WAAkB,CAAA,CAEb;KACnB,CAAA,CAAA;IACkB,CAAA;GACjB,CAAA;EAEF,CAAA;CACJ,CAAA,IAEL,oBAAC,OAAD;EACE,KAAK;EACL,WAAW,GACT,4DACA,UACF;EACA,OAAO;GACL,WAAW;GACX,WAAW;GACX,eAAe;EACjB;EAEA,UAAA,oBAACA,MAAU,UAAX;GACE,WAAW,CAAC,aAAa;GACzB,UAAS,MAAK,SAAS,EAAE,OAAO;GAE/B,UAAA,eACC,qBAACA,MAAU,OAAX;IAAiB,UAAS,MAAK,SAAS,EAAE,OAAO;IAAjD,UAAA,CACE,oBAAC,WAAD,EAAW,GAAI,eAAiB,CAAA,GAC/B,mBAAmB,cAAc,oBAAC,SAAD,EAAA,UAAQ,WAAkB,CAAA,CAC7C;GACnB,CAAA,CAAA;EACkB,CAAA;CACjB,CAAA,GAEP,oBAACA,MAAU,SAAX,EAAmB,MAAM,QAAU,CAAA,CACnC,EAAA,CAAA;AAEN;;;ACrGA,MAAM,WAAW,EACf,MACA,QAAQ,UACR,UAAU,YACV,kBAAkB,OAClB,UACA,GAAG,gBACQ;CACX,OACE,oBAAC,QAAD;EACQ;EACC;EACE;EACQ;EACP;EACV,GAAI;CACL,CAAA;AAEL"}

package/dist/provider/index.d.ts

@@ -1,8 +1,3 @@
-import React from "react";
-//#region src/components/context/context.d.ts
-declare const ContextProvider: ({ children }: {
-  children?: React.ReactNode;
-}) => React.JSX.Element;
-//#endregion
-export { ContextProvider as default };
-//# sourceMappingURL=index.d.ts.map
+import { i as useLiveMessages, n as LiveMessagesInput, r as defaultMessages, t as LiveMessages } from "../messages-Cp3g1mn1.js";
+import { n as Props, t as ContextProvider } from "../index-WQgFy510.js";
+export { type LiveMessages, type LiveMessagesInput, type Props, ContextProvider as default, defaultMessages, useLiveMessages };

package/dist/provider/index.js

@@ -1,2 +1,3 @@
-import { t as ContextProvider } from "../context-93X3gyfJ.js";
-export { ContextProvider as default };
+import { i as useLiveMessages, n as defaultMessages } from "../messages-CzUPVnzH.js";
+import { t as ContextProvider } from "../context-DsEXJl4h.js";
+export { ContextProvider as default, defaultMessages, useLiveMessages };

package/dist/{sections-Ce63wbtG.js → sections-BRH3KHYc.js}

@@ -1,5 +1,5 @@
-import { a as generateSectionPreview, l as parseDocument, o as generateSectionPreviews, s as getSections, u as replaceDocumentSections } from "./document-C-hGKMkk.js";
-import { i as DEFAULT_CONTAINER_ID, u as documentTemplate } from "./constants-CKvdqZtO.js";
+import { a as generateSectionPreview, c as inspectDocument, l as parseDocument, o as generateSectionPreviews, s as getSections, u as replaceDocumentSections } from "./document-DGHTfrda.js";
+import { i as DEFAULT_CONTAINER_ID, u as documentTemplate } from "./constants-h1JAgOeW.js";
 //#region src/utils/sections.ts
 const extractSections = (code, options) => {
 	const doc = parseDocument(code, options);
@@ -18,7 +18,12 @@ const createDocument = ({ containerId = DEFAULT_CONTAINER_ID } = {}) => {
 	if (!/^[^\s"'<>{}]+$/.test(containerId)) throw new Error(`createDocument: containerId must be a plain element id, got ${JSON.stringify(containerId)}`);
 	return documentTemplate(containerId);
 };
+const checkDocument = (code, options) => {
+	const inspection = inspectDocument(code, options);
+	if (inspection.ok) return { ok: true };
+	return { ...inspection };
+};
 //#endregion
-export { replaceSections as a, generateSections as i, extractSections as n, generateSection as r, createDocument as t };
+export { generateSections as a, generateSection as i, createDocument as n, replaceSections as o, extractSections as r, checkDocument as t };
 
-//# sourceMappingURL=sections-Ce63wbtG.js.map
+//# sourceMappingURL=sections-BRH3KHYc.js.map

package/dist/sections-BRH3KHYc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sections-BRH3KHYc.js","names":[],"sources":["../src/utils/sections.ts"],"sourcesContent":["import { DEFAULT_CONTAINER_ID, documentTemplate } from '~/constants';\nimport type { Section } from '~/types';\n\nimport {\n  type DocumentOptions,\n  type DocumentProblem,\n  type SectionOptions,\n  createSectionPreviewCache,\n  generateSectionPreview,\n  generateSectionPreviews,\n  getSections,\n  inspectDocument,\n  parseDocument,\n  replaceDocumentSections,\n} from './ast/document';\n\nexport const extractSections = (\n  code: string,\n  options?: SectionOptions,\n): Section[] => {\n  const doc = parseDocument(code, options);\n\n  return doc ? getSections(doc, options) : [];\n};\n\nexport const replaceSections = (\n  code: string,\n  sections: string[],\n  options?: DocumentOptions,\n): string => {\n  return replaceDocumentSections(code, sections, options);\n};\n\nexport const generateSection = (\n  code: string,\n  fullCode: string,\n  options?: DocumentOptions,\n) => {\n  return generateSectionPreview(fullCode, code, options);\n};\n\n// Batched form of generateSection() — computes every section's preview from\n// a single parse of fullCode instead of one parseDocument call per section\n// (see generateSectionPreviews). Unchanged sections come back byte-identical\n// to their previous preview string, which is what lets a caller pass each\n// one down as a stable prop (see Renderer's React.memo).\nexport const generateSections = (\n  codes: string[],\n  fullCode: string,\n  options?: DocumentOptions,\n): string[] => {\n  return generateSectionPreviews(fullCode, codes, options);\n};\n\n// A new, empty document `Live.Dnd` can add sections to: an `App` component\n// rendering the container element and nothing else. Start a controlled\n// `Live.Dnd` from this rather than an empty string, which has no container,\n// so nothing dropped on the canvas would land anywhere (#449). Pass the same\n// `containerId` you give `Live.Dnd`.\nexport const createDocument = ({\n  containerId = DEFAULT_CONTAINER_ID,\n}: DocumentOptions = {}): string => {\n  // The id is written into a JSX attribute as-is, so anything that could end\n  // the attribute or the tag is refused rather than producing broken source.\n  if (!/^[^\\s\"'<>{}]+$/.test(containerId)) {\n    throw new Error(\n      `createDocument: containerId must be a plain element id, got ${JSON.stringify(containerId)}`,\n    );\n  }\n\n  return documentTemplate(containerId);\n};\n\n// Whether `Live.Dnd` can edit a document: it parses, and it has the\n// container. A host can check one before saving or loading it, and gets the\n// same reasons `Live.Dnd` reports through `onEditError` (#522).\nexport type DocumentCheck = { ok: true } | ({ ok: false } & DocumentProblem);\n\nexport const checkDocument = (\n  code: string,\n  options?: DocumentOptions,\n): DocumentCheck => {\n  const inspection = inspectDocument(code, options);\n\n  if (inspection.ok) {\n    return { ok: true };\n  }\n\n  // A copy: the inspection is cached and shared with `Live.Dnd`.\n  return { ...inspection };\n};\n\n// Incremental counterpart to generateSections() — see createSectionPreviewCache\n// (#131). Pass a fresh instance's `compute` in place of generateSections()\n// where the caller can keep it alive across renders (e.g. Dnd holds one via\n// `useState(() => createSectionPreviewCache())`).\nexport { createSectionPreviewCache };\nexport type {\n  DocumentOptions,\n  DocumentProblem,\n  SectionOptions,\n  SectionPreviewCache,\n} from './ast/document';\n"],"mappings":";;;AAgBA,MAAa,mBACX,MACA,YACc;CACd,MAAM,MAAM,cAAc,MAAM,OAAO;CAEvC,OAAO,MAAM,YAAY,KAAK,OAAO,IAAI,CAAC;AAC5C;AAEA,MAAa,mBACX,MACA,UACA,YACW;CACX,OAAO,wBAAwB,MAAM,UAAU,OAAO;AACxD;AAEA,MAAa,mBACX,MACA,UACA,YACG;CACH,OAAO,uBAAuB,UAAU,MAAM,OAAO;AACvD;AAOA,MAAa,oBACX,OACA,UACA,YACa;CACb,OAAO,wBAAwB,UAAU,OAAO,OAAO;AACzD;AAOA,MAAa,kBAAkB,EAC7B,cAAc,yBACK,CAAC,MAAc;CAGlC,IAAI,CAAC,iBAAiB,KAAK,WAAW,GACpC,MAAM,IAAI,MACR,+DAA+D,KAAK,UAAU,WAAW,GAC3F;CAGF,OAAO,iBAAiB,WAAW;AACrC;AAOA,MAAa,iBACX,MACA,YACkB;CAClB,MAAM,aAAa,gBAAgB,MAAM,OAAO;CAEhD,IAAI,WAAW,IACb,OAAO,EAAE,IAAI,KAAK;CAIpB,OAAO,EAAE,GAAG,WAAW;AACzB"}