@jbpark/live-editor 4.4.0 → 4.6.0

package/dist/messages-IBPs4TkZ.d.ts

@@ -0,0 +1,130 @@
+import { t as ValidationMessages } from "./validate-DB59Z_Nx.js";
+//#region src/components/context/messages.d.ts
+interface LiveMessages {
+  section: {
+    moveUp: string;
+    moveDown: string;
+    duplicate: string;
+    delete: string;
+  };
+  canvas: {
+    palette: string;
+    properties: string;
+    pickElement: string;
+    pickElementActive: string;
+    dropHere: string;
+    dropAtBottom: string;
+    empty: string;
+    emptyHintTouch: string;
+    emptyHintDrag: string;
+    syntaxError: string;
+    syntaxErrorDetail: string;
+    missingContainer: (containerId: string) => string;
+    missingContainerDetail: (containerId: string) => string;
+    stale: string;
+  };
+  panel: {
+    selectSection: string;
+    noEditableElements: string;
+    readOnly: string;
+    expressionPreserved: string;
+    useCodeEditor: string;
+    invalidValue: string;
+    urlPlaceholder: string;
+    numberPlaceholder: string;
+    textPlaceholder: string;
+  };
+  items: {
+    heading: (count: number) => string;
+    add: string;
+    item: (position: number) => string;
+    reorder: (item: string) => string;
+    moveUp: string;
+    moveDown: string;
+    delete: string;
+    collapseAll: string;
+    expandAll: string;
+    unreadable: string;
+    empty: string;
+    structureLocked: string;
+    noNestedBindings: string;
+  };
+  children: {
+    heading: (count: number) => string;
+    add: string;
+    child: (position: number, tagName: string) => string;
+    moveUp: string;
+    moveDown: string;
+    delete: string;
+    editableBindings: string;
+    childNodes: string;
+  };
+  selection: {
+    count: (count: number) => string;
+    duplicate: string;
+    moveUp: string;
+    moveDown: string;
+    delete: string;
+    clear: string;
+  };
+  editErrors: {
+    updateFailed: (label: string) => string;
+    cannotEdit: (label: string) => string;
+    cannotRemove: (label: string) => string;
+    attributeNotFound: (property: string) => string;
+    bindingNotDeclared: (target: {
+      label: string;
+      property?: string;
+    }) => string;
+    duplicateBinding: (target: {
+      count: number;
+      label: string;
+      property?: string;
+    }) => string;
+    reservedProperty: (property: string) => string;
+    requiredProperty: (property: string) => string;
+    noBinding: string;
+    elementNotFound: string;
+    unsupportedSyntax: (property: string) => string;
+    selfClosing: (property: string) => string;
+    checkConsole: string;
+    syntaxError: string;
+    syntaxErrorDetail: string;
+    missingContainer: (containerId: string) => string;
+    missingContainerDetail: (containerId: string) => string;
+    sectionParseFailed: string;
+    itemsParseFailed: string;
+    itemUpdateFailed: string;
+    itemUpdateFailedDetail: string;
+  };
+  announcements: {
+    instructions: string;
+    section: string;
+    pickedUp: (name: string) => string;
+    movedTo: (name: string, position: number, total: number) => string;
+    notOver: (name: string) => string;
+    droppedAt: (name: string, position: number, total: number) => string;
+    dropped: (name: string) => string;
+    cancelled: (name: string) => string;
+    itemOver: (name: string, over: string) => string;
+    itemMoved: (name: string, over: string) => string;
+  };
+  errors: {
+    default: string;
+    compile: string;
+    runtime: string;
+    rendering: string;
+    sectionUnavailable: string;
+    sectionNotRendered: string;
+    tryAgain: string;
+    unknown: string;
+    unhandledRejection: string;
+  };
+  validation: ValidationMessages;
+}
+type LiveMessagesInput = { [Group in keyof LiveMessages]?: Partial<LiveMessages[Group]>; };
+declare const defaultMessages: LiveMessages;
+declare const useLiveMessages: () => LiveMessages;
+//#endregion
+export { useLiveMessages as i, LiveMessagesInput as n, defaultMessages as r, LiveMessages as t };
+//# sourceMappingURL=messages-IBPs4TkZ.d.ts.map

package/dist/preview/index.js

@@ -1,3 +1,3 @@
-import { r as baseModules } from "../use-dynamic-tailwind-Bcipc1hL.js";
-import { t as Preview } from "../preview-BnaCEFsF.js";
+import { r as baseModules } from "../use-dynamic-tailwind-BP1toJkW.js";
+import { t as Preview } from "../preview-CtyG5UbH.js";
 export { baseModules, Preview as default };

package/dist/{preview-BnaCEFsF.js → preview-CtyG5UbH.js}

@@ -1,7 +1,8 @@
+import { i as useLiveMessages } from "./messages-CSrMI4Rm.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-Bcipc1hL.js";
-import { t as Error } from "./error-DWhxQEom.js";
+import { i as Frame, n as useCompiledModule, t as useDynamicTailwind } from "./use-dynamic-tailwind-BP1toJkW.js";
+import { t as Error } from "./error-CN_GCnXB.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-BnaCEFsF.js.map
+//# sourceMappingURL=preview-CtyG5UbH.js.map

package/dist/preview-CtyG5UbH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-CtyG5UbH.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// `Live.Preview`: a thin wrapper around `Client`, which compiles, handles\n// errors and wraps the frame. One render path for both `code` and the\n// provider's code (#187).\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;;;ACxGA,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-IBPs4TkZ.js";
+import { n as Props, t as ContextProvider } from "../index-DrWtSKXu.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-DB5kW3qe.js";
-export { ContextProvider as default };
+import { i as useLiveMessages, n as defaultMessages } from "../messages-CSrMI4Rm.js";
+import { t as ContextProvider } from "../context-B8MzP7_p.js";
+export { ContextProvider as default, defaultMessages, useLiveMessages };

package/dist/{sections-CBVMO8Jl.js → sections-BYWOBISr.js}

@@ -1,5 +1,5 @@
-import { a as generateSectionPreview, l as parseDocument, o as generateSectionPreviews, s as getSections, u as replaceDocumentSections } from "./document-BDn_f08_.js";
-import { i as DEFAULT_CONTAINER_ID, u as documentTemplate } from "./constants-h1JAgOeW.js";
+import { a as generateSectionPreview, c as inspectDocument, l as parseDocument, o as generateSectionPreviews, s as getSections, u as replaceDocumentSections } from "./document-CGbe6bSV.js";
+import { i as DEFAULT_CONTAINER_ID, u as documentTemplate } from "./constants-DU17Tdwo.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-CBVMO8Jl.js.map
+//# sourceMappingURL=sections-BYWOBISr.js.map

package/dist/sections-BYWOBISr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sections-BYWOBISr.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// `generateSection()` for every section, from one parse of `fullCode`. An\n// unchanged section gets the same string as before, so `React.memo` can skip\n// it.\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// `generateSections()` that reuses unchanged previews between calls (#131).\n// Keep one instance per editor, as `Live.Dnd` does.\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;AAKA,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"}

package/dist/states-Ci1AvoQ9.js.map

@@ -1 +1 @@
-{"version":3,"file":"states-Ci1AvoQ9.js","names":[],"sources":["../src/components/context/states.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\nexport interface PreviewContextType {\n  code: string;\n  setCode: Dispatch<SetStateAction<string>>;\n}\n\nexport interface ErrorContextType {\n  error: string | null;\n  setError: Dispatch<SetStateAction<string | null>>;\n}\n\n// `undefined` (rather than a no-op default) so usePreview/useError can tell\n// \"no <Live>/ContextProvider ancestor\" apart from \"a real value\" and throw\n// instead of silently no-op'ing — forgetting to wrap with <Live> previously\n// failed silently (setCode/setError did nothing, code/error just stayed at\n// their hardcoded defaults) instead of surfacing as a clear error.\nexport const PreviewContext = createContext<PreviewContextType | undefined>(\n  undefined,\n);\n\nexport const ErrorContext = createContext<ErrorContextType | undefined>(\n  undefined,\n);\n\nexport const usePreview = () => {\n  const context = useContext(PreviewContext);\n\n  if (context === undefined) {\n    throw new Error('usePreview must be used within <Live> (ContextProvider)');\n  }\n\n  return context;\n};\n\nexport const useError = () => {\n  const context = useContext(ErrorContext);\n\n  if (context === undefined) {\n    throw new Error('useError must be used within <Live> (ContextProvider)');\n  }\n\n  return context;\n};\n"],"mappings":";;AAoBA,MAAa,iBAAiB,cAC5B,KAAA,CACF;AAEA,MAAa,eAAe,cAC1B,KAAA,CACF;AAEA,MAAa,mBAAmB;CAC9B,MAAM,UAAU,WAAW,cAAc;CAEzC,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,yDAAyD;CAG3E,OAAO;AACT;AAEA,MAAa,iBAAiB;CAC5B,MAAM,UAAU,WAAW,YAAY;CAEvC,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,uDAAuD;CAGzE,OAAO;AACT"}
+{"version":3,"file":"states-Ci1AvoQ9.js","names":[],"sources":["../src/components/context/states.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\nexport interface PreviewContextType {\n  code: string;\n  setCode: Dispatch<SetStateAction<string>>;\n}\n\nexport interface ErrorContextType {\n  error: string | null;\n  setError: Dispatch<SetStateAction<string | null>>;\n}\n\n// `undefined` outside a provider, so `usePreview` and `useError` can throw\n// there instead of silently doing nothing.\nexport const PreviewContext = createContext<PreviewContextType | undefined>(\n  undefined,\n);\n\nexport const ErrorContext = createContext<ErrorContextType | undefined>(\n  undefined,\n);\n\nexport const usePreview = () => {\n  const context = useContext(PreviewContext);\n\n  if (context === undefined) {\n    throw new Error('usePreview must be used within <Live> (ContextProvider)');\n  }\n\n  return context;\n};\n\nexport const useError = () => {\n  const context = useContext(ErrorContext);\n\n  if (context === undefined) {\n    throw new Error('useError must be used within <Live> (ContextProvider)');\n  }\n\n  return context;\n};\n"],"mappings":";;AAiBA,MAAa,iBAAiB,cAC5B,KAAA,CACF;AAEA,MAAa,eAAe,cAC1B,KAAA,CACF;AAEA,MAAa,mBAAmB;CAC9B,MAAM,UAAU,WAAW,cAAc;CAEzC,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,yDAAyD;CAG3E,OAAO;AACT;AAEA,MAAa,iBAAiB;CAC5B,MAAM,UAAU,WAAW,YAAY;CAEvC,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,uDAAuD;CAGzE,OAAO;AACT"}