@jbpark/live-editor 4.5.0 → 4.6.1

package/dist/editor-DQ8Q--qR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-DQ8Q--qR.js","names":["Editor","EditorImpl"],"sources":["../src/components/editor/editor.tsx","../src/components/editor/index.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { useDebouncedCallback } from '@jbpark/use-hooks';\n\nimport { useError, usePreview } from '~/components/context/states';\n\nimport Core, { type Props as CoreProps } from './core';\nimport { useFormatCode } from './use-format-code';\n\nexport interface EditorRenderData {\n  value: string;\n  onChange: (value: string) => void;\n  // Same prettier-based formatting Core's own Cmd+S uses - reused rather\n  // than reimplemented, so a custom editor can offer equivalent\n  // format-on-save behavior without duplicating the prettier wiring.\n  formatCode: (code: string) => Promise<string>;\n}\n\nexport interface Props extends Omit<CoreProps, 'value' | 'onSave' | 'onError'> {\n  value?: string;\n  defaultValue?: string;\n  debounce?: number;\n  // Full replacement for the built-in CodeMirror editor. Editor still owns\n  // syncing `value` to the shared preview code (debounced), regardless of\n  // which UI renders it - only the editing surface itself is customizable.\n  renderEditor?: (data: EditorRenderData) => React.ReactNode;\n}\n\nconst Editor = ({\n  defaultValue,\n  value: _value,\n  debounce = 1000,\n  onChange: _onChange,\n  renderEditor,\n  fragment,\n  prettierOptions,\n  ...props\n}: Props) => {\n  const { code, setCode } = usePreview();\n  const { setError } = useError();\n\n  // Controlled, the host owns the document. Uncontrolled, the provider does\n  // (#341): `draft` shows each keystroke at once, while the provider only\n  // hears about it after `debounce`. Without a draft, the editor had nowhere\n  // to keep what was typed, so an uncontrolled editor dropped every edit.\n  const controlled = _value !== undefined;\n  const [draft, setDraft] = useState(() => defaultValue ?? code);\n\n  // The last code this editor pushed, and the provider code it has already\n  // seen. A provider change that isn't this editor's own push came from\n  // somewhere else sharing the provider — an uncontrolled DnD, say — and the\n  // draft follows it. Adjusted during render so no frame shows the old one.\n  const [pushed, setPushed] = useState<string | null>(null);\n  const [seenCode, setSeenCode] = useState(code);\n\n  if (code !== seenCode) {\n    setSeenCode(code);\n\n    if (!controlled && code !== pushed) {\n      setDraft(code);\n    }\n  }\n\n  const value = controlled ? _value : draft;\n\n  const pushCode = useCallback(\n    (next: string) => {\n      setPushed(next);\n      setCode(next);\n    },\n    [setCode],\n  );\n\n  const onChange = useCallback(\n    (next: string) => {\n      if (!controlled) {\n        setDraft(next);\n      }\n\n      _onChange?.(next);\n    },\n    [_onChange, controlled],\n  );\n\n  // Formatting on save reaches the provider at once, ahead of the debounce.\n  const onSave = useCallback(\n    (formattedCode: string) => {\n      pushCode(formattedCode);\n    },\n    [pushCode],\n  );\n\n  const onError = useCallback(\n    (error: string | null) => {\n      setError(error);\n    },\n    [setError],\n  );\n\n  const formatCode = useFormatCode({ fragment, prettierOptions });\n\n  // Pushes `value` to the provider `debounce` ms after it stops changing,\n  // and at once on mount. A pending push is never dropped: it runs when the\n  // editor unmounts, and when focus leaves it — so clicking into another\n  // surface right after typing edits a document that includes the typing.\n  const push = useDebouncedCallback(\n    () => pushCode(value),\n    { delay: debounce, flushOnUnmount: true },\n    [value],\n  );\n\n  // `display: contents` so the wrapper adds a blur listener without adding a\n  // box: the editor lays out against this element's parent, as before.\n  return (\n    <div style={{ display: 'contents' }} onBlur={push.flush}>\n      {renderEditor ? (\n        renderEditor({ value, onChange, formatCode })\n      ) : (\n        <Core\n          value={value}\n          onChange={onChange}\n          onSave={onSave}\n          onError={onError}\n          fragment={fragment}\n          prettierOptions={prettierOptions}\n          {...props}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Editor;\n","import Core, { type Props as CoreProps } from './core';\nimport EditorImpl, { type EditorRenderData, type Props } from './editor';\n\ntype EditorComponent = typeof EditorImpl & { Core: typeof Core };\n\nconst Editor = EditorImpl as EditorComponent;\n\nEditor.Core = Core;\n\nexport { Core };\nexport type { Props, CoreProps, EditorRenderData };\nexport default Editor;\n"],"mappings":";;;;;;AA4BA,MAAMA,YAAU,EACd,cACA,OAAO,QACP,WAAW,KACX,UAAU,WACV,cACA,UACA,iBACA,GAAG,YACQ;CACX,MAAM,EAAE,MAAM,YAAY,WAAW;CACrC,MAAM,EAAE,aAAa,SAAS;CAM9B,MAAM,aAAa,WAAW,KAAA;CAC9B,MAAM,CAAC,OAAO,YAAY,eAAe,gBAAgB,IAAI;CAM7D,MAAM,CAAC,QAAQ,aAAa,SAAwB,IAAI;CACxD,MAAM,CAAC,UAAU,eAAe,SAAS,IAAI;CAE7C,IAAI,SAAS,UAAU;EACrB,YAAY,IAAI;EAEhB,IAAI,CAAC,cAAc,SAAS,QAC1B,SAAS,IAAI;CAEjB;CAEA,MAAM,QAAQ,aAAa,SAAS;CAEpC,MAAM,WAAW,aACd,SAAiB;EAChB,UAAU,IAAI;EACd,QAAQ,IAAI;CACd,GACA,CAAC,OAAO,CACV;CAEA,MAAM,WAAW,aACd,SAAiB;EAChB,IAAI,CAAC,YACH,SAAS,IAAI;EAGf,YAAY,IAAI;CAClB,GACA,CAAC,WAAW,UAAU,CACxB;CAGA,MAAM,SAAS,aACZ,kBAA0B;EACzB,SAAS,aAAa;CACxB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,UAAU,aACb,UAAyB;EACxB,SAAS,KAAK;CAChB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,aAAa,cAAc;EAAE;EAAU;CAAgB,CAAC;CAM9D,MAAM,OAAO,2BACL,SAAS,KAAK,GACpB;EAAE,OAAO;EAAU,gBAAgB;CAAK,GACxC,CAAC,KAAK,CACR;CAIA,OACE,oBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,WAAW;EAAG,QAAQ,KAAK;EAC/C,UAAA,eACC,aAAa;GAAE;GAAO;GAAU;EAAW,CAAC,IAE5C,oBAAC,MAAD;GACS;GACG;GACF;GACC;GACC;GACO;GACjB,GAAI;EACL,CAAA;CAEA,CAAA;AAET;;;AC7HA,MAAM,SAASC;AAEf,OAAO,OAAO"}

package/dist/index-CHknA6k1.d.ts

@@ -1,221 +0,0 @@
-import { b as ExtractedNodeValue$1, c as BindingItem, d as BindingOptions, f as BindingRegistry, g as BindingType, l as BindingKeyMap, m as BindingRenderMap, v as DataAttrNode, x as NodeValueType$1, y as EditableNodeValueType$1 } from "./validate-DB59Z_Nx.js";
-import { C as ObjectExpression, S as Node, b as Expression, x as File, y as ArrayExpression } from "./document-Ct4jW78J.js";
-//#region node_modules/.pnpm/@babel+parser@7.29.9/node_modules/@babel/parser/typings/babel-parser.d.ts
-declare class Position {
-  line: number;
-  column: number;
-  index: number;
-  constructor(line: number, col: number, index: number);
-}
-type SyntaxPlugin = "flow" | "typescript" | "jsx" | "functionBind" | "pipelineOperator" | "placeholders";
-type ParseErrorCode = "BABEL_PARSER_SYNTAX_ERROR" | "BABEL_PARSER_SOURCETYPE_MODULE_REQUIRED";
-interface ParseErrorSpecification<ErrorDetails> {
-  code: ParseErrorCode;
-  reasonCode: string;
-  syntaxPlugin?: SyntaxPlugin;
-  missingPlugin?: string | string[];
-  loc: Position;
-  details: ErrorDetails;
-  pos: number;
-}
-type ParseError$1<ErrorDetails> = SyntaxError & ParseErrorSpecification<ErrorDetails>;
-type ParseError = ParseError$1<object>;
-type ParseResult<Result extends File | Expression = File> = Result & {
-  comments: File["comments"];
-  errors: null | ParseError[];
-  tokens?: File["tokens"];
-};
-//#endregion
-//#region src/utils/ast/extract.d.ts
-declare function extract(raw: string, options?: BindingOptions): DataAttrNode[];
-declare function clearExtractCache$1(): void;
-//#endregion
-//#region src/utils/ast/items.d.ts
-type ItemKind$1 = 'object' | 'primitive';
-interface ArrayItem$1 {
-  index: number;
-  kind: ItemKind$1;
-  node: Expression;
-}
-//#endregion
-//#region src/utils/ast/binding.d.ts
-declare const findEditableChildren: (node: DataAttrNode) => DataAttrNode[];
-//#endregion
-//#region src/utils/ast/value.d.ts
-declare const parseValue: (value: unknown) => unknown;
-type EditablePathSegment = string | number;
-type EditablePrimitive = string | number | boolean;
-interface EditableValueEntry {
-  path: EditablePathSegment[];
-  value: EditablePrimitive;
-}
-declare const flattenEditableValue: (value: string) => EditableValueEntry[] | null;
-declare const setEditableValue: (value: string, path: EditablePathSegment[], next: EditablePrimitive) => string;
-//#endregion
-//#region src/utils/ast/update.d.ts
-type UpdateFailure = {
-  reason: 'element-not-found';
-  dataId: string;
-} | {
-  reason: 'no-binding';
-  dataId: string;
-} | {
-  reason: 'reserved-property';
-  dataId: string;
-  property: string;
-} | {
-  reason: 'required-property';
-  dataId: string;
-  property: string;
-} | {
-  reason: 'binding-not-declared';
-  dataId: string;
-  label: string;
-  property?: string;
-} | {
-  reason: 'duplicate-binding';
-  dataId: string;
-  label: string;
-  property?: string;
-  count: number;
-} | {
-  reason: 'attribute-not-found';
-  dataId: string;
-  property: string;
-} | {
-  reason: 'unsupported-syntax';
-  dataId: string;
-  property: string;
-} | {
-  reason: 'parse-error';
-  error: unknown;
-};
-interface UpdateResult {
-  code: string;
-  success: boolean;
-  failure?: UpdateFailure;
-  failures?: UpdateFailure[];
-}
-declare const update: (code: string, dataId: string, label: string, value: unknown, property?: string, options?: BindingOptions) => UpdateResult;
-interface UpdateEntry {
-  dataId: string;
-  label: string;
-  value: unknown;
-  property?: string;
-}
-type UpdateAllResult = {
-  success: true;
-  code: string;
-} | {
-  success: false;
-  code: string;
-  failure: UpdateFailure;
-  index: number;
-};
-declare const updateAll: (raw: string, entries: UpdateEntry[], options?: BindingOptions) => UpdateAllResult;
-/**
- * @deprecated Not atomic: when an entry fails, the ones before and after it
- * are still applied, and the returned `code` carries them. Use `updateAll`,
- * which applies every entry or none. Will be removed in the next major.
- */
-declare const bulkUpdate: (raw: string, entries: UpdateEntry[]) => UpdateResult;
-//#endregion
-//#region src/utils/ast/children.d.ts
-type ChildrenAction = {
-  type: 'move';
-  from: number;
-  to: number;
-} | {
-  type: 'move-selected';
-  indices: number[];
-  direction: 'up' | 'down';
-} | {
-  type: 'remove' | 'duplicate';
-  indices: number[];
-} | {
-  type: 'append';
-};
-interface ChildrenEdit {
-  kind: 'children-edit';
-  expected: string[];
-  action: ChildrenAction;
-}
-declare const getChildrenSignatures: (nodes: DataAttrNode[]) => string[];
-//#endregion
-//#region src/utils/ast/index.d.ts
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const appendArrayItem: (code: string, kind: ItemKind$1, generateId?: () => string) => string | null;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const duplicateArrayItems: (code: string, indices: Set<number>, generateId?: () => string) => string | null;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const moveArrayItem: (code: string, from: number, to: number) => string | null;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const moveArrayItems: (code: string, indices: Set<number>, direction: "up" | "down") => {
-  code: string;
-  indices: Set<number>;
-} | null;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const parseItems: (code: string) => ArrayItem$1[] | null;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const removeArrayItems: (code: string, indices: Set<number>, kind?: ItemKind$1) => string | null;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const updateArrayItemProperty: (code: string, index: number, key: string, value: unknown, render?: BindingRenderMap) => string | null;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const updateArrayItemValue: (code: string, index: number, value: unknown) => string | null;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const parseArrayExpression: (value: string) => ArrayExpression | null;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const arrayExpressionToCode: (elements: ObjectExpression[]) => string;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-declare const canStructurallyEditArray: (source: string) => boolean;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-type ArrayItem = ArrayItem$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-type ItemKind = ItemKind$1;
-/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
-declare const extractNodeValue: (node: Node) => ExtractedNodeValue$1;
-/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
-declare const extractObjectProperties: (element: ObjectExpression) => Record<string, ExtractedNodeValue$1 & {
-  astNode: Node;
-}>;
-/** @deprecated Internal. Write values through `update` or `PanelBinding.onChange`. Removed in the next major. */
-declare const createNodeFromValue: (type: NodeValueType$1, value: unknown) => Expression | null;
-/** @deprecated Internal. Check `PanelBinding.canEditValue` instead. Removed in the next major. */
-declare const canLosslesslyEvaluateSource: (source: string) => boolean;
-/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
-declare const getCurrentValue: (node: DataAttrNode, property: string) => string;
-/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
-declare const getStructuredValue: (node: DataAttrNode, property: string, type?: BindingType) => unknown;
-/** @deprecated Internal. Removed in the next major. */
-type ExtractedNodeValue = ExtractedNodeValue$1;
-/** @deprecated Internal. Removed in the next major. */
-type NodeValueType = NodeValueType$1;
-/** @deprecated Internal. Removed in the next major. */
-type EditableNodeValueType = EditableNodeValueType$1;
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-declare const parseBinding: (bindingValue: string | null) => BindingItem[];
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-declare const parseBindingExpression: (expression: ArrayExpression) => BindingItem[];
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-declare const readNodeBindings: (node: DataAttrNode) => BindingItem[];
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-declare const resolveBindings: (own: BindingItem[] | undefined, key: string | null | undefined, tagName: string, options?: BindingOptions) => BindingItem[];
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-declare const getKeyBindings: (bindingKeys: BindingKeyMap | undefined, key: string) => BindingItem[] | undefined;
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-declare const getRegistryBindings: (registry: BindingRegistry | undefined, tagName: string) => BindingItem[] | undefined;
-/** @deprecated Internal. Removed in the next major. */
-declare const isComponentTagName: (tagName: string) => boolean;
-/** @deprecated Internal. Removed in the next major. */
-declare const fillIds: (code: string, generateId?: () => string) => string;
-/** @deprecated Internal. Removed in the next major. */
-declare const replaceIds: (code: string, generateId?: () => string) => string;
-/** @deprecated Internal. Removed in the next major. */
-declare const clone: (element: Node, generateId?: () => string) => ParseResult<Expression>;
-/** @deprecated Internal. Removed in the next major. */
-declare const generateCode: (node: Node) => string;
-/** @deprecated Internal. Use `clearEditorCaches` from `./utils`. Removed in the next major. */
-declare const clearExtractCache: typeof clearExtractCache$1;
-//#endregion
-export { removeArrayItems as A, UpdateFailure as B, moveArrayItem as C, parseBindingExpression as D, parseBinding as E, ChildrenAction as F, EditablePathSegment as G, bulkUpdate as H, ChildrenEdit as I, flattenEditableValue as J, EditablePrimitive as K, getChildrenSignatures as L, resolveBindings as M, updateArrayItemProperty as N, parseItems as O, updateArrayItemValue as P, extract as Q, UpdateAllResult as R, isComponentTagName as S, parseArrayExpression as T, update as U, UpdateResult as V, updateAll as W, setEditableValue as X, parseValue as Y, findEditableChildren as Z, generateCode as _, NodeValueType as a, getRegistryBindings as b, canLosslesslyEvaluateSource as c, clone as d, createNodeFromValue as f, fillIds as g, extractObjectProperties as h, ItemKind as i, replaceIds as j, readNodeBindings as k, canStructurallyEditArray as l, extractNodeValue as m, EditableNodeValueType as n, appendArrayItem as o, duplicateArrayItems as p, EditableValueEntry as q, ExtractedNodeValue as r, arrayExpressionToCode as s, ArrayItem as t, clearExtractCache as u, getCurrentValue as v, moveArrayItems as w, getStructuredValue as x, getKeyBindings as y, UpdateEntry as z };
-//# sourceMappingURL=index-CHknA6k1.d.ts.map