@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/components/jsonPathTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsonPathTree.js","sources":["../../src/components/jsonPathTree.ts"],"sourcesContent":["// The JSON→JSONPath tree model shared by the inline picker dropdown and the\n// full playground dialog.\n//\n// The two want opposite things from the same walk. The dropdown is a *preview*\n// of a row that has to render the instant it opens, so it builds eagerly and\n// pays for that with caps: depth, property count, and one array element. The\n// playground is a *browser* of the row, so it must have no caps at all — which\n// is only affordable if the walk is lazy, materialising a level at a time as the\n// operator opens it.\n\nconst SIMPLE_PROPERTY = /^[A-Za-z_$][A-Za-z0-9_$]*$/;\n\nexport const DEFAULT_MAX_DEPTH = 12;\nexport const DEFAULT_MAX_OBJECT_PROPERTIES = 100;\n/**\n * Entries the uncapped tree renders under one node before it stops and says so.\n *\n * Depth is what the playground removes the limit on; breadth still has to render\n * as DOM rows the moment a node opens, and a hundred-thousand-element array\n * would take the tab down. The remainder is reported in a visible row rather\n * than dropped quietly — an index past it is still reachable by typing it.\n */\nexport const DEFAULT_MAX_CHILDREN = 1000;\n\nexport type JSONPathNodeKind = \"array\" | \"object\" | \"scalar\" | \"more\";\n\nexport interface JSONPathNode {\n  key: string;\n  path: string;\n  value: unknown;\n  kind: JSONPathNodeKind;\n  summary: string;\n  children?: JSONPathNode[];\n  /**\n   * The top-level column this node's path is rooted at, set only inside a\n   * subtree decoded out of a JSON-encoded string. Such a path cannot be read\n   * from the row directly — the backend reaches it by way of the column's\n   * `source`, so the two have to be committed together.\n   */\n  root?: string;\n  /** Number of entries the node holds, before any paging. */\n  childCount: number;\n}\n\nexport interface BuildJSONPathNodeOptions {\n  maxDepth?: number;\n  maxObjectProperties?: number;\n  /** \"first\" exposes only element [0] of an array; \"all\" exposes every element. */\n  arrayMode?: \"first\" | \"all\";\n}\n\nexport function jsonPathKind(value: unknown): JSONPathNodeKind {\n  if (Array.isArray(value)) return \"array\";\n  return value !== null && typeof value === \"object\" ? \"object\" : \"scalar\";\n}\n\nexport function appendJSONPath(path: string, key: string | number): string {\n  if (typeof key === \"number\") return `${path}[${key}]`;\n  return SIMPLE_PROPERTY.test(key) ? `${path}.${key}` : `${path}[${JSON.stringify(key)}]`;\n}\n\nexport function summarizeJSON(value: unknown): string {\n  if (Array.isArray(value)) return `[${value.length} item${value.length === 1 ? \"\" : \"s\"}]`;\n  if (value !== null && typeof value === \"object\") {\n    const count = Object.keys(value).length;\n    return `{${count} ${count === 1 ? \"property\" : \"properties\"}}`;\n  }\n  if (typeof value === \"string\") return JSON.stringify(value.length > 80 ? `${value.slice(0, 77)}…` : value);\n  return String(value);\n}\n\nfunction entryCount(value: unknown): number {\n  if (Array.isArray(value)) return value.length;\n  if (value !== null && typeof value === \"object\") return Object.keys(value).length;\n  return 0;\n}\n\n/**\n * The eager, capped walk behind the inline dropdown. Deep, wide, or long values\n * are truncated on purpose: the dropdown opens on a click and cannot afford to\n * walk an arbitrary document first.\n */\nexport function buildJSONPathNode(\n  value: unknown,\n  path: string,\n  depth: number,\n  options: BuildJSONPathNodeOptions = {},\n): JSONPathNode {\n  const {\n    maxDepth = DEFAULT_MAX_DEPTH,\n    maxObjectProperties = DEFAULT_MAX_OBJECT_PROPERTIES,\n    arrayMode = \"first\",\n  } = options;\n  const kind = jsonPathKind(value);\n  const node: JSONPathNode = {\n    key: path,\n    path,\n    value,\n    kind,\n    summary: summarizeJSON(value),\n    childCount: entryCount(value),\n  };\n  if (kind === \"scalar\" || depth >= maxDepth) return node;\n  const entries = Array.isArray(value)\n    ? arrayMode === \"all\"\n      ? value.map((entry, index) => [index, entry] as const)\n      : value.length > 0\n        ? [[0, value[0]] as const]\n        : []\n    : Object.entries(value as Record<string, unknown>).slice(0, maxObjectProperties);\n  node.children = entries.map(([key, child]) =>\n    buildJSONPathNode(child, appendJSONPath(path, key), depth + 1, options),\n  );\n  return node;\n}\n\nexport interface LazyJSONPathTreeOptions {\n  maxChildren?: number;\n  /**\n   * Namespaces every node key. Two trees over different documents share their\n   * paths, and Tree keys its React elements by node key — without a distinct\n   * prefix, swapping the document underneath reuses the old subtree along with\n   * the children it had already loaded.\n   */\n  keyPrefix?: string;\n  /**\n   * Descend into a string that parses as JSON. Providers routinely hand back a\n   * document as an encoded column, and the backend already decodes one when a\n   * column names it as its `source` — without this the picker shows the single\n   * most interesting column in such a row as an opaque blob.\n   */\n  parseEmbeddedJSON?: boolean;\n}\n\nexport interface LazyJSONPathTree {\n  roots: JSONPathNode[];\n  /** Children already materialised, or undefined while the branch is unopened. */\n  getChildren: (node: JSONPathNode) => JSONPathNode[] | undefined;\n  hasMoreChildren: (node: JSONPathNode) => boolean;\n  loadChildren: (node: JSONPathNode) => Promise<JSONPathNode[]>;\n  /**\n   * Materialise the branch a literal expression addresses and return its node,\n   * so a tree can reveal the value it opened with. Returns undefined for an\n   * expression that selects rather than addresses (a wildcard, a descent, a\n   * filter) or for one the document does not carry.\n   */\n  materializePath: (expression: string) => JSONPathNode | undefined;\n}\n\n/**\n * An uncapped tree over `json`: every property, every array element, any depth.\n *\n * Nothing is walked until it is opened, so an arbitrarily deep or wide document\n * costs only what the operator actually looks at. Nodes are cached by path so\n * re-opening a branch returns the *same objects* — `TreeNode` compares the\n * selected node by identity, and a rebuilt node would silently lose the\n * highlight.\n */\nexport function createLazyJSONPathTree(\n  json: unknown,\n  options: LazyJSONPathTreeOptions = {},\n): LazyJSONPathTree {\n  const { maxChildren = DEFAULT_MAX_CHILDREN, parseEmbeddedJSON = true, keyPrefix = \"\" } = options;\n  const nodes = new Map<string, JSONPathNode>();\n\n  // hasMoreChildren runs on every render of every visible row, so the decode is\n  // memoised per node rather than re-parsing a long string each time.\n  const decoded = new Map<string, unknown>();\n\n  function embedded(node: JSONPathNode): unknown {\n    if (!parseEmbeddedJSON || typeof node.value !== \"string\") return undefined;\n    if (decoded.has(node.key)) return decoded.get(node.key);\n    const text = node.value.trim();\n    let parsed: unknown = undefined;\n    if (text.startsWith(\"{\") || text.startsWith(\"[\")) {\n      try {\n        const candidate: unknown = JSON.parse(text);\n        if (jsonPathKind(candidate) !== \"scalar\") parsed = candidate;\n      } catch {\n        parsed = undefined;\n      }\n    }\n    decoded.set(node.key, parsed);\n    return parsed;\n  }\n\n  // What a node's children are drawn from: its own value, or the document\n  // decoded out of it when it holds JSON as text. An embedded document restarts\n  // at `$` because that is where the backend evaluates it from once the column\n  // is named as a `source`.\n  function contents(node: JSONPathNode): { value: unknown; path: string; root?: string } {\n    const inner = embedded(node);\n    const scope: { value: unknown; path: string; root?: string } =\n      inner === undefined\n        ? { value: node.value, path: node.path }\n        : { value: inner, path: \"$\" };\n    const root = inner === undefined ? node.root : node.root ?? sourceColumn(node.path);\n    if (root !== undefined) scope.root = root;\n    return scope;\n  }\n\n  function node(\n    value: unknown,\n    path: string,\n    key: string,\n    root: string | undefined,\n  ): JSONPathNode {\n    const cached = nodes.get(key);\n    if (cached) return cached;\n    const created: JSONPathNode = {\n      key,\n      path,\n      value,\n      kind: jsonPathKind(value),\n      summary: summarizeJSON(value),\n      childCount: entryCount(value),\n    };\n    if (root !== undefined) created.root = root;\n    nodes.set(key, created);\n    return created;\n  }\n\n  function entriesOf(value: unknown): Array<readonly [string | number, unknown]> {\n    if (Array.isArray(value)) return value.map((entry, index) => [index, entry] as const);\n    if (value !== null && typeof value === \"object\") return Object.entries(value as Record<string, unknown>);\n    return [];\n  }\n\n  function materializeChildren(parent: JSONPathNode): JSONPathNode[] {\n    if (parent.children) return parent.children;\n    const scope = contents(parent);\n    const entries = entriesOf(scope.value);\n    const limit = Math.min(entries.length, maxChildren);\n    const children = entries.slice(0, limit).map(([key, value]) => {\n      const path = appendJSONPath(scope.path, key);\n      // The key namespaces on the parent so an embedded document — which\n      // restarts its paths at `$` — cannot collide with the outer row.\n      return node(value, path, `${parent.key}>${path}`, scope.root);\n    });\n    if (limit < entries.length) {\n      children.push({\n        key: `${parent.key}>…`,\n        path: scope.path,\n        value: undefined,\n        kind: \"more\",\n        summary: `${entries.length - limit} more not shown — address them by index`,\n        childCount: entries.length - limit,\n      });\n    }\n    parent.children = children;\n    return children;\n  }\n\n  function expandable(node: JSONPathNode): boolean {\n    if (node.kind === \"more\") return false;\n    if (node.kind !== \"scalar\") return node.childCount > 0;\n    const inner = embedded(node);\n    return inner !== undefined && entryCount(inner) > 0;\n  }\n\n  const rootNode = node(json, \"$\", `${keyPrefix}$`, undefined);\n\n  return {\n    roots: json === undefined ? [] : [rootNode],\n    getChildren: (node) => node.children,\n    hasMoreChildren: (node) => node.children === undefined && expandable(node),\n    loadChildren: (parent) => Promise.resolve(materializeChildren(parent)),\n    materializePath: (expression) => {\n      const segments = literalSegments(expression);\n      if (!segments) return undefined;\n      let current = rootNode;\n      for (const segment of segments) {\n        const target = appendJSONPath(contents(current).path, segment);\n        const next = materializeChildren(current).find((child) => child.path === target);\n        if (!next) return undefined;\n        current = next;\n      }\n      return current;\n    },\n  };\n}\n\n/** The top-level column a row-rooted path starts at, e.g. `$.payload.x` → `payload`. */\nfunction sourceColumn(path: string): string | undefined {\n  return literalSegments(path)?.slice(0, 1).map(String)[0];\n}\n\n/**\n * The literal key/index chain an expression addresses, or undefined when it\n * selects instead — a wildcard, a descent, or a filter matches a set whose shape\n * depends on the document, so there is no single branch to walk to.\n */\nexport function literalSegments(expression: string): Array<string | number> | undefined {\n  let rest = expression.trim();\n  if (rest === \"\") return undefined;\n  if (!rest.startsWith(\"$\")) return undefined;\n  rest = rest.slice(1);\n  const segments: Array<string | number> = [];\n  while (rest.length > 0) {\n    if (rest.startsWith(\"..\")) return undefined;\n    if (rest.startsWith(\".\")) {\n      const match = /^\\.([A-Za-z_$][A-Za-z0-9_$]*)/.exec(rest);\n      if (!match) return undefined;\n      segments.push(match[1]!);\n      rest = rest.slice(match[0].length);\n      continue;\n    }\n    if (rest.startsWith(\"[\")) {\n      const close = rest.indexOf(\"]\");\n      if (close < 0) return undefined;\n      const inner = rest.slice(1, close).trim();\n      if (/^\\d+$/.test(inner)) segments.push(Number(inner));\n      else if (/^\"(?:[^\"\\\\]|\\\\.)*\"$/.test(inner)) segments.push(JSON.parse(inner) as string);\n      else if (/^'[^']*'$/.test(inner)) segments.push(inner.slice(1, -1));\n      else return undefined;\n      rest = rest.slice(close + 1);\n      continue;\n    }\n    return undefined;\n  }\n  return segments;\n}\n"],"names":["node"],"mappings":"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"}
+{"version":3,"file":"jsonPathTree.js","sources":["../../src/components/jsonPathTree.ts"],"sourcesContent":["// The JSON→JSONPath tree model shared by the inline picker dropdown and the\n// full playground dialog.\n//\n// The two want opposite things from the same walk. The dropdown is a *preview*\n// of a row that has to render the instant it opens, so it builds eagerly and\n// pays for that with caps: depth, property count, and one array element. The\n// playground is a *browser* of the row, so it must have no caps at all — which\n// is only affordable if the walk is lazy, materialising a level at a time as the\n// operator opens it.\n\nconst SIMPLE_PROPERTY = /^[A-Za-z_$][A-Za-z0-9_$]*$/;\n\nexport const DEFAULT_MAX_DEPTH = 12;\nexport const DEFAULT_MAX_OBJECT_PROPERTIES = 100;\n/**\n * Entries the uncapped tree renders under one node before it stops and says so.\n *\n * Depth is what the playground removes the limit on; breadth still has to render\n * as DOM rows the moment a node opens, and a hundred-thousand-element array\n * would take the tab down. The remainder is reported in a visible row rather\n * than dropped quietly — an index past it is still reachable by typing it.\n */\nexport const DEFAULT_MAX_CHILDREN = 1000;\n\nexport type JSONPathNodeKind = \"array\" | \"object\" | \"scalar\" | \"more\";\n\nexport interface JSONPathNode {\n  key: string;\n  path: string;\n  value: unknown;\n  kind: JSONPathNodeKind;\n  summary: string;\n  children?: JSONPathNode[];\n  /**\n   * The top-level column this node's path is rooted at, set only inside a\n   * subtree decoded out of a JSON-encoded string. Such a path cannot be read\n   * from the row directly — the backend reaches it by way of the column's\n   * `source`, so the two have to be committed together.\n   */\n  root?: string;\n  /**\n   * The JSON-in-a-string boundaries crossed on the way down to this node,\n   * innermost first. `root` names only the top-level column, because that is\n   * what the backend's `source` takes — which loses the rest of the chain when\n   * the encoded value is nested, and says nothing about what it decoded to.\n   * A caller rebuilding an accessor needs both.\n   */\n  origin?: JSONPathOrigin;\n  /** Number of entries the node holds, before any paging. */\n  childCount: number;\n}\n\n/** One JSON-in-a-string boundary: where it was, and what came out of it. */\nexport interface JSONPathOrigin {\n  /** Path of the string node the document was decoded out of, in its own scope. */\n  path: string;\n  /** Kind of the decoded document — which decoder crosses this boundary. */\n  kind: \"array\" | \"object\";\n  /** The boundary enclosing this one, when JSON is encoded inside JSON. */\n  outer?: JSONPathOrigin;\n}\n\nexport interface BuildJSONPathNodeOptions {\n  maxDepth?: number;\n  maxObjectProperties?: number;\n  /** \"first\" exposes only element [0] of an array; \"all\" exposes every element. */\n  arrayMode?: \"first\" | \"all\";\n}\n\nexport function jsonPathKind(value: unknown): JSONPathNodeKind {\n  if (Array.isArray(value)) return \"array\";\n  return value !== null && typeof value === \"object\" ? \"object\" : \"scalar\";\n}\n\nexport function appendJSONPath(path: string, key: string | number): string {\n  if (typeof key === \"number\") return `${path}[${key}]`;\n  return SIMPLE_PROPERTY.test(key) ? `${path}.${key}` : `${path}[${JSON.stringify(key)}]`;\n}\n\nexport function summarizeJSON(value: unknown): string {\n  if (Array.isArray(value)) return `[${value.length} item${value.length === 1 ? \"\" : \"s\"}]`;\n  if (value !== null && typeof value === \"object\") {\n    const count = Object.keys(value).length;\n    return `{${count} ${count === 1 ? \"property\" : \"properties\"}}`;\n  }\n  if (typeof value === \"string\") return JSON.stringify(value.length > 80 ? `${value.slice(0, 77)}…` : value);\n  return String(value);\n}\n\nfunction entryCount(value: unknown): number {\n  if (Array.isArray(value)) return value.length;\n  if (value !== null && typeof value === \"object\") return Object.keys(value).length;\n  return 0;\n}\n\n/**\n * The eager, capped walk behind the inline dropdown. Deep, wide, or long values\n * are truncated on purpose: the dropdown opens on a click and cannot afford to\n * walk an arbitrary document first.\n */\nexport function buildJSONPathNode(\n  value: unknown,\n  path: string,\n  depth: number,\n  options: BuildJSONPathNodeOptions = {},\n): JSONPathNode {\n  const {\n    maxDepth = DEFAULT_MAX_DEPTH,\n    maxObjectProperties = DEFAULT_MAX_OBJECT_PROPERTIES,\n    arrayMode = \"first\",\n  } = options;\n  const kind = jsonPathKind(value);\n  const node: JSONPathNode = {\n    key: path,\n    path,\n    value,\n    kind,\n    summary: summarizeJSON(value),\n    childCount: entryCount(value),\n  };\n  if (kind === \"scalar\" || depth >= maxDepth) return node;\n  const entries = Array.isArray(value)\n    ? arrayMode === \"all\"\n      ? value.map((entry, index) => [index, entry] as const)\n      : value.length > 0\n        ? [[0, value[0]] as const]\n        : []\n    : Object.entries(value as Record<string, unknown>).slice(0, maxObjectProperties);\n  node.children = entries.map(([key, child]) =>\n    buildJSONPathNode(child, appendJSONPath(path, key), depth + 1, options),\n  );\n  return node;\n}\n\nexport interface LazyJSONPathTreeOptions {\n  maxChildren?: number;\n  /**\n   * Namespaces every node key. Two trees over different documents share their\n   * paths, and Tree keys its React elements by node key — without a distinct\n   * prefix, swapping the document underneath reuses the old subtree along with\n   * the children it had already loaded.\n   */\n  keyPrefix?: string;\n  /**\n   * Descend into a string that parses as JSON. Providers routinely hand back a\n   * document as an encoded column, and the backend already decodes one when a\n   * column names it as its `source` — without this the picker shows the single\n   * most interesting column in such a row as an opaque blob.\n   */\n  parseEmbeddedJSON?: boolean;\n}\n\nexport interface LazyJSONPathTree {\n  roots: JSONPathNode[];\n  /** Children already materialised, or undefined while the branch is unopened. */\n  getChildren: (node: JSONPathNode) => JSONPathNode[] | undefined;\n  hasMoreChildren: (node: JSONPathNode) => boolean;\n  loadChildren: (node: JSONPathNode) => Promise<JSONPathNode[]>;\n  /**\n   * Materialise the branch a literal expression addresses and return its node,\n   * so a tree can reveal the value it opened with. Returns undefined for an\n   * expression that selects rather than addresses (a wildcard, a descent, a\n   * filter) or for one the document does not carry.\n   */\n  materializePath: (expression: string) => JSONPathNode | undefined;\n}\n\n/**\n * An uncapped tree over `json`: every property, every array element, any depth.\n *\n * Nothing is walked until it is opened, so an arbitrarily deep or wide document\n * costs only what the operator actually looks at. Nodes are cached by path so\n * re-opening a branch returns the *same objects* — `TreeNode` compares the\n * selected node by identity, and a rebuilt node would silently lose the\n * highlight.\n */\nexport function createLazyJSONPathTree(\n  json: unknown,\n  options: LazyJSONPathTreeOptions = {},\n): LazyJSONPathTree {\n  const { maxChildren = DEFAULT_MAX_CHILDREN, parseEmbeddedJSON = true, keyPrefix = \"\" } = options;\n  const nodes = new Map<string, JSONPathNode>();\n\n  // hasMoreChildren runs on every render of every visible row, so the decode is\n  // memoised per node rather than re-parsing a long string each time.\n  const decoded = new Map<string, unknown>();\n\n  function embedded(node: JSONPathNode): unknown {\n    if (!parseEmbeddedJSON || typeof node.value !== \"string\") return undefined;\n    if (decoded.has(node.key)) return decoded.get(node.key);\n    const text = node.value.trim();\n    let parsed: unknown = undefined;\n    if (text.startsWith(\"{\") || text.startsWith(\"[\")) {\n      try {\n        const candidate: unknown = JSON.parse(text);\n        if (jsonPathKind(candidate) !== \"scalar\") parsed = candidate;\n      } catch {\n        parsed = undefined;\n      }\n    }\n    decoded.set(node.key, parsed);\n    return parsed;\n  }\n\n  // What a node's children are drawn from: its own value, or the document\n  // decoded out of it when it holds JSON as text. An embedded document restarts\n  // at `$` because that is where the backend evaluates it from once the column\n  // is named as a `source`.\n  function contents(node: JSONPathNode): {\n    value: unknown;\n    path: string;\n    root?: string;\n    origin?: JSONPathOrigin;\n  } {\n    const inner = embedded(node);\n    const scope: { value: unknown; path: string; root?: string; origin?: JSONPathOrigin } =\n      inner === undefined\n        ? { value: node.value, path: node.path }\n        : { value: inner, path: \"$\" };\n    const root = inner === undefined ? node.root : node.root ?? sourceColumn(node.path);\n    if (root !== undefined) scope.root = root;\n    // A boundary is only visible here: this is the one place that knows both\n    // which node held the text and what the text decoded to. embedded() has\n    // already rejected anything scalar, so the kind is array or object.\n    const origin =\n      inner === undefined\n        ? node.origin\n        : {\n            path: node.path,\n            kind: jsonPathKind(inner) as \"array\" | \"object\",\n            ...(node.origin ? { outer: node.origin } : {}),\n          };\n    if (origin !== undefined) scope.origin = origin;\n    return scope;\n  }\n\n  function node(\n    value: unknown,\n    path: string,\n    key: string,\n    root: string | undefined,\n    origin: JSONPathOrigin | undefined,\n  ): JSONPathNode {\n    const cached = nodes.get(key);\n    if (cached) return cached;\n    const created: JSONPathNode = {\n      key,\n      path,\n      value,\n      kind: jsonPathKind(value),\n      summary: summarizeJSON(value),\n      childCount: entryCount(value),\n    };\n    if (root !== undefined) created.root = root;\n    if (origin !== undefined) created.origin = origin;\n    nodes.set(key, created);\n    return created;\n  }\n\n  function entriesOf(value: unknown): Array<readonly [string | number, unknown]> {\n    if (Array.isArray(value)) return value.map((entry, index) => [index, entry] as const);\n    if (value !== null && typeof value === \"object\") return Object.entries(value as Record<string, unknown>);\n    return [];\n  }\n\n  function materializeChildren(parent: JSONPathNode): JSONPathNode[] {\n    if (parent.children) return parent.children;\n    const scope = contents(parent);\n    const entries = entriesOf(scope.value);\n    const limit = Math.min(entries.length, maxChildren);\n    const children = entries.slice(0, limit).map(([key, value]) => {\n      const path = appendJSONPath(scope.path, key);\n      // The key namespaces on the parent so an embedded document — which\n      // restarts its paths at `$` — cannot collide with the outer row.\n      return node(value, path, `${parent.key}>${path}`, scope.root, scope.origin);\n    });\n    if (limit < entries.length) {\n      children.push({\n        key: `${parent.key}>…`,\n        path: scope.path,\n        value: undefined,\n        kind: \"more\",\n        summary: `${entries.length - limit} more not shown — address them by index`,\n        childCount: entries.length - limit,\n      });\n    }\n    parent.children = children;\n    return children;\n  }\n\n  function expandable(node: JSONPathNode): boolean {\n    if (node.kind === \"more\") return false;\n    if (node.kind !== \"scalar\") return node.childCount > 0;\n    const inner = embedded(node);\n    return inner !== undefined && entryCount(inner) > 0;\n  }\n\n  const rootNode = node(json, \"$\", `${keyPrefix}$`, undefined, undefined);\n\n  return {\n    roots: json === undefined ? [] : [rootNode],\n    getChildren: (node) => node.children,\n    hasMoreChildren: (node) => node.children === undefined && expandable(node),\n    loadChildren: (parent) => Promise.resolve(materializeChildren(parent)),\n    materializePath: (expression) => {\n      const segments = literalSegments(expression);\n      if (!segments) return undefined;\n      let current = rootNode;\n      for (const segment of segments) {\n        const target = appendJSONPath(contents(current).path, segment);\n        const next = materializeChildren(current).find((child) => child.path === target);\n        if (!next) return undefined;\n        current = next;\n      }\n      return current;\n    },\n  };\n}\n\n/** The top-level column a row-rooted path starts at, e.g. `$.payload.x` → `payload`. */\nfunction sourceColumn(path: string): string | undefined {\n  return literalSegments(path)?.slice(0, 1).map(String)[0];\n}\n\n/**\n * The literal key/index chain an expression addresses, or undefined when it\n * selects instead — a wildcard, a descent, or a filter matches a set whose shape\n * depends on the document, so there is no single branch to walk to.\n */\nexport function literalSegments(expression: string): Array<string | number> | undefined {\n  let rest = expression.trim();\n  if (rest === \"\") return undefined;\n  if (!rest.startsWith(\"$\")) return undefined;\n  rest = rest.slice(1);\n  const segments: Array<string | number> = [];\n  while (rest.length > 0) {\n    if (rest.startsWith(\"..\")) return undefined;\n    if (rest.startsWith(\".\")) {\n      const match = /^\\.([A-Za-z_$][A-Za-z0-9_$]*)/.exec(rest);\n      if (!match) return undefined;\n      segments.push(match[1]!);\n      rest = rest.slice(match[0].length);\n      continue;\n    }\n    if (rest.startsWith(\"[\")) {\n      const close = rest.indexOf(\"]\");\n      if (close < 0) return undefined;\n      const inner = rest.slice(1, close).trim();\n      if (/^\\d+$/.test(inner)) segments.push(Number(inner));\n      else if (/^\"(?:[^\"\\\\]|\\\\.)*\"$/.test(inner)) segments.push(JSON.parse(inner) as string);\n      else if (/^'[^']*'$/.test(inner)) segments.push(inner.slice(1, -1));\n      else return undefined;\n      rest = rest.slice(close + 1);\n      continue;\n    }\n    return undefined;\n  }\n  return segments;\n}\n"],"names":["node"],"mappings":"AAUA,MAAM,kBAAkB;AAEjB,MAAM,oBAAoB;AAC1B,MAAM,gCAAgC;AAStC,MAAM,uBAAuB;AA+C7B,SAAS,aAAa,OAAkC;AAC7D,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO;AACjC,SAAO,UAAU,QAAQ,OAAO,UAAU,WAAW,WAAW;AAClE;AAEO,SAAS,eAAe,MAAc,KAA8B;AACzE,MAAI,OAAO,QAAQ,iBAAiB,GAAG,IAAI,IAAI,GAAG;AAClD,SAAO,gBAAgB,KAAK,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,KAAK,GAAG,IAAI,IAAI,KAAK,UAAU,GAAG,CAAC;AACtF;AAEO,SAAS,cAAc,OAAwB;AACpD,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,IAAI,MAAM,MAAM,QAAQ,MAAM,WAAW,IAAI,KAAK,GAAG;AACtF,MAAI,UAAU,QAAQ,OAAO,UAAU,UAAU;AAC/C,UAAM,QAAQ,OAAO,KAAK,KAAK,EAAE;AACjC,WAAO,IAAI,KAAK,IAAI,UAAU,IAAI,aAAa,YAAY;AAAA,EAC7D;AACA,MAAI,OAAO,UAAU,SAAU,QAAO,KAAK,UAAU,MAAM,SAAS,KAAK,GAAG,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,KAAK;AACzG,SAAO,OAAO,KAAK;AACrB;AAEA,SAAS,WAAW,OAAwB;AAC1C,MAAI,MAAM,QAAQ,KAAK,UAAU,MAAM;AACvC,MAAI,UAAU,QAAQ,OAAO,UAAU,SAAU,QAAO,OAAO,KAAK,KAAK,EAAE;AAC3E,SAAO;AACT;AAOO,SAAS,kBACd,OACA,MACA,OACA,UAAoC,CAAA,GACtB;AACd,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB,YAAY;AAAA,EAAA,IACV;AACJ,QAAM,OAAO,aAAa,KAAK;AAC/B,QAAM,OAAqB;AAAA,IACzB,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,cAAc,KAAK;AAAA,IAC5B,YAAY,WAAW,KAAK;AAAA,EAAA;AAE9B,MAAI,SAAS,YAAY,SAAS,SAAU,QAAO;AACnD,QAAM,UAAU,MAAM,QAAQ,KAAK,IAC/B,cAAc,QACZ,MAAM,IAAI,CAAC,OAAO,UAAU,CAAC,OAAO,KAAK,CAAU,IACnD,MAAM,SAAS,IACb,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAU,IACvB,CAAA,IACJ,OAAO,QAAQ,KAAgC,EAAE,MAAM,GAAG,mBAAmB;AACjF,OAAK,WAAW,QAAQ;AAAA,IAAI,CAAC,CAAC,KAAK,KAAK,MACtC,kBAAkB,OAAO,eAAe,MAAM,GAAG,GAAG,QAAQ,GAAG,OAAO;AAAA,EAAA;AAExE,SAAO;AACT;AA4CO,SAAS,uBACd,MACA,UAAmC,IACjB;AAClB,QAAM,EAAE,cAAc,sBAAsB,oBAAoB,MAAM,YAAY,OAAO;AACzF,QAAM,4BAAY,IAAA;AAIlB,QAAM,8BAAc,IAAA;AAEpB,WAAS,SAASA,OAA6B;AAC7C,QAAI,CAAC,qBAAqB,OAAOA,MAAK,UAAU,SAAU,QAAO;AACjE,QAAI,QAAQ,IAAIA,MAAK,GAAG,EAAG,QAAO,QAAQ,IAAIA,MAAK,GAAG;AACtD,UAAM,OAAOA,MAAK,MAAM,KAAA;AACxB,QAAI,SAAkB;AACtB,QAAI,KAAK,WAAW,GAAG,KAAK,KAAK,WAAW,GAAG,GAAG;AAChD,UAAI;AACF,cAAM,YAAqB,KAAK,MAAM,IAAI;AAC1C,YAAI,aAAa,SAAS,MAAM,SAAU,UAAS;AAAA,MACrD,QAAQ;AACN,iBAAS;AAAA,MACX;AAAA,IACF;AACA,YAAQ,IAAIA,MAAK,KAAK,MAAM;AAC5B,WAAO;AAAA,EACT;AAMA,WAAS,SAASA,OAKhB;AACA,UAAM,QAAQ,SAASA,KAAI;AAC3B,UAAM,QACJ,UAAU,SACN,EAAE,OAAOA,MAAK,OAAO,MAAMA,MAAK,SAChC,EAAE,OAAO,OAAO,MAAM,IAAA;AAC5B,UAAM,OAAO,UAAU,SAAYA,MAAK,OAAOA,MAAK,QAAQ,aAAaA,MAAK,IAAI;AAClF,QAAI,SAAS,OAAW,OAAM,OAAO;AAIrC,UAAM,SACJ,UAAU,SACNA,MAAK,SACL;AAAA,MACE,MAAMA,MAAK;AAAA,MACX,MAAM,aAAa,KAAK;AAAA,MACxB,GAAIA,MAAK,SAAS,EAAE,OAAOA,MAAK,OAAA,IAAW,CAAA;AAAA,IAAC;AAEpD,QAAI,WAAW,OAAW,OAAM,SAAS;AACzC,WAAO;AAAA,EACT;AAEA,WAAS,KACP,OACA,MACA,KACA,MACA,QACc;AACd,UAAM,SAAS,MAAM,IAAI,GAAG;AAC5B,QAAI,OAAQ,QAAO;AACnB,UAAM,UAAwB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,aAAa,KAAK;AAAA,MACxB,SAAS,cAAc,KAAK;AAAA,MAC5B,YAAY,WAAW,KAAK;AAAA,IAAA;AAE9B,QAAI,SAAS,OAAW,SAAQ,OAAO;AACvC,QAAI,WAAW,OAAW,SAAQ,SAAS;AAC3C,UAAM,IAAI,KAAK,OAAO;AACtB,WAAO;AAAA,EACT;AAEA,WAAS,UAAU,OAA4D;AAC7E,QAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,MAAM,IAAI,CAAC,OAAO,UAAU,CAAC,OAAO,KAAK,CAAU;AACpF,QAAI,UAAU,QAAQ,OAAO,UAAU,SAAU,QAAO,OAAO,QAAQ,KAAgC;AACvG,WAAO,CAAA;AAAA,EACT;AAEA,WAAS,oBAAoB,QAAsC;AACjE,QAAI,OAAO,SAAU,QAAO,OAAO;AACnC,UAAM,QAAQ,SAAS,MAAM;AAC7B,UAAM,UAAU,UAAU,MAAM,KAAK;AACrC,UAAM,QAAQ,KAAK,IAAI,QAAQ,QAAQ,WAAW;AAClD,UAAM,WAAW,QAAQ,MAAM,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC7D,YAAM,OAAO,eAAe,MAAM,MAAM,GAAG;AAG3C,aAAO,KAAK,OAAO,MAAM,GAAG,OAAO,GAAG,IAAI,IAAI,IAAI,MAAM,MAAM,MAAM,MAAM;AAAA,IAC5E,CAAC;AACD,QAAI,QAAQ,QAAQ,QAAQ;AAC1B,eAAS,KAAK;AAAA,QACZ,KAAK,GAAG,OAAO,GAAG;AAAA,QAClB,MAAM,MAAM;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS,GAAG,QAAQ,SAAS,KAAK;AAAA,QAClC,YAAY,QAAQ,SAAS;AAAA,MAAA,CAC9B;AAAA,IACH;AACA,WAAO,WAAW;AAClB,WAAO;AAAA,EACT;AAEA,WAAS,WAAWA,OAA6B;AAC/C,QAAIA,MAAK,SAAS,OAAQ,QAAO;AACjC,QAAIA,MAAK,SAAS,SAAU,QAAOA,MAAK,aAAa;AACrD,UAAM,QAAQ,SAASA,KAAI;AAC3B,WAAO,UAAU,UAAa,WAAW,KAAK,IAAI;AAAA,EACpD;AAEA,QAAM,WAAW,KAAK,MAAM,KAAK,GAAG,SAAS,KAAK,QAAW,MAAS;AAEtE,SAAO;AAAA,IACL,OAAO,SAAS,SAAY,CAAA,IAAK,CAAC,QAAQ;AAAA,IAC1C,aAAa,CAACA,UAASA,MAAK;AAAA,IAC5B,iBAAiB,CAACA,UAASA,MAAK,aAAa,UAAa,WAAWA,KAAI;AAAA,IACzE,cAAc,CAAC,WAAW,QAAQ,QAAQ,oBAAoB,MAAM,CAAC;AAAA,IACrE,iBAAiB,CAAC,eAAe;AAC/B,YAAM,WAAW,gBAAgB,UAAU;AAC3C,UAAI,CAAC,SAAU,QAAO;AACtB,UAAI,UAAU;AACd,iBAAW,WAAW,UAAU;AAC9B,cAAM,SAAS,eAAe,SAAS,OAAO,EAAE,MAAM,OAAO;AAC7D,cAAM,OAAO,oBAAoB,OAAO,EAAE,KAAK,CAAC,UAAU,MAAM,SAAS,MAAM;AAC/E,YAAI,CAAC,KAAM,QAAO;AAClB,kBAAU;AAAA,MACZ;AACA,aAAO;AAAA,IACT;AAAA,EAAA;AAEJ;AAGA,SAAS,aAAa,MAAkC;AAtTxD;AAuTE,UAAO,qBAAgB,IAAI,MAApB,mBAAuB,MAAM,GAAG,GAAG,IAAI,QAAQ;AACxD;AAOO,SAAS,gBAAgB,YAAwD;AACtF,MAAI,OAAO,WAAW,KAAA;AACtB,MAAI,SAAS,GAAI,QAAO;AACxB,MAAI,CAAC,KAAK,WAAW,GAAG,EAAG,QAAO;AAClC,SAAO,KAAK,MAAM,CAAC;AACnB,QAAM,WAAmC,CAAA;AACzC,SAAO,KAAK,SAAS,GAAG;AACtB,QAAI,KAAK,WAAW,IAAI,EAAG,QAAO;AAClC,QAAI,KAAK,WAAW,GAAG,GAAG;AACxB,YAAM,QAAQ,gCAAgC,KAAK,IAAI;AACvD,UAAI,CAAC,MAAO,QAAO;AACnB,eAAS,KAAK,MAAM,CAAC,CAAE;AACvB,aAAO,KAAK,MAAM,MAAM,CAAC,EAAE,MAAM;AACjC;AAAA,IACF;AACA,QAAI,KAAK,WAAW,GAAG,GAAG;AACxB,YAAM,QAAQ,KAAK,QAAQ,GAAG;AAC9B,UAAI,QAAQ,EAAG,QAAO;AACtB,YAAM,QAAQ,KAAK,MAAM,GAAG,KAAK,EAAE,KAAA;AACnC,UAAI,QAAQ,KAAK,KAAK,YAAY,KAAK,OAAO,KAAK,CAAC;AAAA,eAC3C,sBAAsB,KAAK,KAAK,YAAY,KAAK,KAAK,MAAM,KAAK,CAAW;AAAA,eAC5E,YAAY,KAAK,KAAK,EAAG,UAAS,KAAK,MAAM,MAAM,GAAG,EAAE,CAAC;AAAA,UAC7D,QAAO;AACZ,aAAO,KAAK,MAAM,QAAQ,CAAC;AAC3B;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;"}

package/dist/components/mdx-editor-callout-model.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const calloutTones = require("../data/callout-tones.cjs");
+const mdxEditorJsxAttributes = require("./mdx-editor-jsx-attributes.cjs");
+const CALLOUT_ATTRIBUTES = [
+  "variant",
+  "icon",
+  "title",
+  "label",
+  "badge",
+  "source",
+  "emphasis"
+];
+const CALLOUT_JSX_PROPS = CALLOUT_ATTRIBUTES.map((name) => ({ name, type: "string" }));
+const CALLOUT_ATTRIBUTE_OPTIONS = {
+  variant: calloutTones.CALLOUT_VARIANTS,
+  icon: calloutTones.CALLOUT_TONES
+};
+function readCalloutAttributes(attributes) {
+  return mdxEditorJsxAttributes.readJsxAttributes(attributes, CALLOUT_ATTRIBUTES);
+}
+exports.CALLOUT_ATTRIBUTES = CALLOUT_ATTRIBUTES;
+exports.CALLOUT_ATTRIBUTE_OPTIONS = CALLOUT_ATTRIBUTE_OPTIONS;
+exports.CALLOUT_JSX_PROPS = CALLOUT_JSX_PROPS;
+exports.readCalloutAttributes = readCalloutAttributes;
+//# sourceMappingURL=mdx-editor-callout-model.cjs.map

package/dist/components/mdx-editor-callout-model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-editor-callout-model.cjs","sources":["../../src/components/mdx-editor-callout-model.ts"],"sourcesContent":["import { CALLOUT_TONES, CALLOUT_VARIANTS } from \"../data/callout-tones\";\nimport { readJsxAttributes } from \"./mdx-editor-jsx-attributes\";\nimport type { MdxEditorJsxAttribute } from \"./mdx-editor-options\";\n\n/** The attributes a callout carries, in the order the control strip presents them. */\nexport const CALLOUT_ATTRIBUTES = [\n  \"variant\",\n  \"icon\",\n  \"title\",\n  \"label\",\n  \"badge\",\n  \"source\",\n  \"emphasis\",\n] as const;\n\nexport type CalloutAttribute = (typeof CALLOUT_ATTRIBUTES)[number];\n\n/** The descriptor `props` list, matching {@link CALLOUT_ATTRIBUTES}. */\nexport const CALLOUT_JSX_PROPS = CALLOUT_ATTRIBUTES.map((name) => ({ name, type: \"string\" as const }));\n\n/** The choices each enumerated attribute offers, for the node editor's selects. */\nexport const CALLOUT_ATTRIBUTE_OPTIONS: Partial<Record<CalloutAttribute, readonly string[]>> = {\n  variant: CALLOUT_VARIANTS,\n  icon: CALLOUT_TONES,\n};\n\n/** The callout's attributes, read from the mdast node. */\nexport function readCalloutAttributes(\n  attributes: readonly MdxEditorJsxAttribute[] | undefined,\n): Partial<Record<CalloutAttribute, string>> {\n  return readJsxAttributes(attributes, CALLOUT_ATTRIBUTES);\n}\n"],"names":["CALLOUT_VARIANTS","CALLOUT_TONES","readJsxAttributes"],"mappings":";;;;AAKO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAKO,MAAM,oBAAoB,mBAAmB,IAAI,CAAC,UAAU,EAAE,MAAM,MAAM,WAAoB;AAG9F,MAAM,4BAAkF;AAAA,EAC7F,SAASA,aAAAA;AAAAA,EACT,MAAMC,aAAAA;AACR;AAGO,SAAS,sBACd,YAC2C;AAC3C,SAAOC,uBAAAA,kBAAkB,YAAY,kBAAkB;AACzD;;;;;"}

package/dist/components/mdx-editor-callout-model.d.ts

@@ -0,0 +1,14 @@
+import { MdxEditorJsxAttribute } from './mdx-editor-options';
+/** The attributes a callout carries, in the order the control strip presents them. */
+export declare const CALLOUT_ATTRIBUTES: readonly ["variant", "icon", "title", "label", "badge", "source", "emphasis"];
+export type CalloutAttribute = (typeof CALLOUT_ATTRIBUTES)[number];
+/** The descriptor `props` list, matching {@link CALLOUT_ATTRIBUTES}. */
+export declare const CALLOUT_JSX_PROPS: {
+    name: "label" | "badge" | "source" | "title" | "icon" | "variant" | "emphasis";
+    type: "string";
+}[];
+/** The choices each enumerated attribute offers, for the node editor's selects. */
+export declare const CALLOUT_ATTRIBUTE_OPTIONS: Partial<Record<CalloutAttribute, readonly string[]>>;
+/** The callout's attributes, read from the mdast node. */
+export declare function readCalloutAttributes(attributes: readonly MdxEditorJsxAttribute[] | undefined): Partial<Record<CalloutAttribute, string>>;
+//# sourceMappingURL=mdx-editor-callout-model.d.ts.map

package/dist/components/mdx-editor-callout-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-editor-callout-model.d.ts","sourceRoot":"","sources":["../../src/components/mdx-editor-callout-model.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,sFAAsF;AACtF,eAAO,MAAM,kBAAkB,+EAQrB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,wEAAwE;AACxE,eAAO,MAAM,iBAAiB;;;GAAwE,CAAC;AAEvG,mFAAmF;AACnF,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,MAAM,EAAE,CAAC,CAG1F,CAAC;AAEF,0DAA0D;AAC1D,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,SAAS,qBAAqB,EAAE,GAAG,SAAS,GACvD,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAE3C"}

package/dist/components/mdx-editor-callout-model.js

@@ -0,0 +1,26 @@
+import { CALLOUT_TONES, CALLOUT_VARIANTS } from "../data/callout-tones.js";
+import { readJsxAttributes } from "./mdx-editor-jsx-attributes.js";
+const CALLOUT_ATTRIBUTES = [
+  "variant",
+  "icon",
+  "title",
+  "label",
+  "badge",
+  "source",
+  "emphasis"
+];
+const CALLOUT_JSX_PROPS = CALLOUT_ATTRIBUTES.map((name) => ({ name, type: "string" }));
+const CALLOUT_ATTRIBUTE_OPTIONS = {
+  variant: CALLOUT_VARIANTS,
+  icon: CALLOUT_TONES
+};
+function readCalloutAttributes(attributes) {
+  return readJsxAttributes(attributes, CALLOUT_ATTRIBUTES);
+}
+export {
+  CALLOUT_ATTRIBUTES,
+  CALLOUT_ATTRIBUTE_OPTIONS,
+  CALLOUT_JSX_PROPS,
+  readCalloutAttributes
+};
+//# sourceMappingURL=mdx-editor-callout-model.js.map

package/dist/components/mdx-editor-callout-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-editor-callout-model.js","sources":["../../src/components/mdx-editor-callout-model.ts"],"sourcesContent":["import { CALLOUT_TONES, CALLOUT_VARIANTS } from \"../data/callout-tones\";\nimport { readJsxAttributes } from \"./mdx-editor-jsx-attributes\";\nimport type { MdxEditorJsxAttribute } from \"./mdx-editor-options\";\n\n/** The attributes a callout carries, in the order the control strip presents them. */\nexport const CALLOUT_ATTRIBUTES = [\n  \"variant\",\n  \"icon\",\n  \"title\",\n  \"label\",\n  \"badge\",\n  \"source\",\n  \"emphasis\",\n] as const;\n\nexport type CalloutAttribute = (typeof CALLOUT_ATTRIBUTES)[number];\n\n/** The descriptor `props` list, matching {@link CALLOUT_ATTRIBUTES}. */\nexport const CALLOUT_JSX_PROPS = CALLOUT_ATTRIBUTES.map((name) => ({ name, type: \"string\" as const }));\n\n/** The choices each enumerated attribute offers, for the node editor's selects. */\nexport const CALLOUT_ATTRIBUTE_OPTIONS: Partial<Record<CalloutAttribute, readonly string[]>> = {\n  variant: CALLOUT_VARIANTS,\n  icon: CALLOUT_TONES,\n};\n\n/** The callout's attributes, read from the mdast node. */\nexport function readCalloutAttributes(\n  attributes: readonly MdxEditorJsxAttribute[] | undefined,\n): Partial<Record<CalloutAttribute, string>> {\n  return readJsxAttributes(attributes, CALLOUT_ATTRIBUTES);\n}\n"],"names":[],"mappings":";;AAKO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAKO,MAAM,oBAAoB,mBAAmB,IAAI,CAAC,UAAU,EAAE,MAAM,MAAM,WAAoB;AAG9F,MAAM,4BAAkF;AAAA,EAC7F,SAAS;AAAA,EACT,MAAM;AACR;AAGO,SAAS,sBACd,YAC2C;AAC3C,SAAO,kBAAkB,YAAY,kBAAkB;AACzD;"}

package/dist/components/mdx-editor-callout.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const MdxEditorCallout = require("./MdxEditorCallout.cjs");
+const mdxEditorCalloutModel = require("./mdx-editor-callout-model.cjs");
+const CALLOUT_JSX_NAME = "CalloutBox";
+const editorCache = /* @__PURE__ */ new WeakMap();
+const buttonCache = /* @__PURE__ */ new WeakMap();
+function boundCalloutEditor(mdx) {
+  const cached = editorCache.get(mdx);
+  if (cached) return cached;
+  const bound = ({ mdastNode }) => react.createElement(MdxEditorCallout.CalloutJsxEditor, { mdastNode, mdx });
+  editorCache.set(mdx, bound);
+  return bound;
+}
+function calloutToolbarButton(mdx, options = {}) {
+  const name = options.name ?? CALLOUT_JSX_NAME;
+  const byName = buttonCache.get(mdx) ?? /* @__PURE__ */ new Map();
+  buttonCache.set(mdx, byName);
+  const cached = byName.get(name);
+  if (cached) return cached;
+  const bound = () => react.createElement(MdxEditorCallout.InsertCalloutButton, { mdx, name });
+  byName.set(name, bound);
+  return bound;
+}
+function calloutJsxDescriptor(mdx, options = {}) {
+  return {
+    name: options.name ?? CALLOUT_JSX_NAME,
+    kind: "flow",
+    ...options.source ? { source: options.source } : {},
+    props: mdxEditorCalloutModel.CALLOUT_JSX_PROPS,
+    hasChildren: true,
+    Editor: boundCalloutEditor(mdx)
+  };
+}
+exports.CALLOUT_JSX_NAME = CALLOUT_JSX_NAME;
+exports.calloutJsxDescriptor = calloutJsxDescriptor;
+exports.calloutToolbarButton = calloutToolbarButton;
+//# sourceMappingURL=mdx-editor-callout.cjs.map

package/dist/components/mdx-editor-callout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-editor-callout.cjs","sources":["../../src/components/mdx-editor-callout.ts"],"sourcesContent":["import { createElement, type ComponentType, type ReactNode } from \"react\";\nimport { CalloutJsxEditor, InsertCalloutButton } from \"./MdxEditorCallout\";\nimport { CALLOUT_JSX_PROPS } from \"./mdx-editor-callout-model\";\nimport type {\n  MdxEditorCalloutOptions,\n  MdxEditorJsxComponentDescriptor,\n  MdxEditorJsxEditorProps,\n  MdxEditorRuntime,\n} from \"./mdx-editor-options\";\n\n/**\n * The tag a callout is authored as.\n *\n * A JSX descriptor is keyed on the tag name and the name travels back out on\n * save, so this is the one string that has to agree with whatever the document\n * corpus already contains.\n */\nexport const CALLOUT_JSX_NAME = \"CalloutBox\";\n\n/**\n * Bound components are cached per MDXEditor module.\n *\n * A descriptor's `Editor` and a toolbar entry are component *types*. Rebuilding\n * them on every render gives React a new type each time, which unmounts and\n * remounts every callout node in the document — losing focus and selection\n * mid-keystroke.\n */\nconst editorCache = new WeakMap<MdxEditorRuntime, ComponentType<MdxEditorJsxEditorProps>>();\nconst buttonCache = new WeakMap<MdxEditorRuntime, Map<string, () => ReactNode>>();\n\nfunction boundCalloutEditor(mdx: MdxEditorRuntime): ComponentType<MdxEditorJsxEditorProps> {\n  const cached = editorCache.get(mdx);\n  if (cached) return cached;\n  const bound = ({ mdastNode }: MdxEditorJsxEditorProps) =>\n    createElement(CalloutJsxEditor, { mdastNode, mdx });\n  editorCache.set(mdx, bound);\n  return bound;\n}\n\n/**\n * A toolbar button inserting an empty note callout at the cursor.\n *\n * Takes the MDXEditor module rather than importing it, for the same reason as\n * {@link calloutJsxDescriptor}.\n */\nexport function calloutToolbarButton(\n  mdx: MdxEditorRuntime,\n  options: MdxEditorCalloutOptions = {},\n): () => ReactNode {\n  const name = options.name ?? CALLOUT_JSX_NAME;\n  const byName = buttonCache.get(mdx) ?? new Map<string, () => ReactNode>();\n  buttonCache.set(mdx, byName);\n  const cached = byName.get(name);\n  if (cached) return cached;\n  const bound = () => createElement(InsertCalloutButton, { mdx, name });\n  byName.set(name, bound);\n  return bound;\n}\n\n/**\n * A descriptor registering `<CalloutBox>` with a real node editor.\n *\n * Takes the MDXEditor module rather than importing it, matching\n * `createMdxEditorPlugins` — `@mdxeditor/editor` is an optional peer dependency\n * and importing it here would make it mandatory for anyone who touches this\n * entry point.\n */\nexport function calloutJsxDescriptor(\n  mdx: MdxEditorRuntime,\n  options: MdxEditorCalloutOptions = {},\n): MdxEditorJsxComponentDescriptor {\n  return {\n    name: options.name ?? CALLOUT_JSX_NAME,\n    kind: \"flow\",\n    ...(options.source ? { source: options.source } : {}),\n    props: CALLOUT_JSX_PROPS,\n    hasChildren: true,\n    Editor: boundCalloutEditor(mdx),\n  };\n}\n"],"names":["createElement","CalloutJsxEditor","InsertCalloutButton","CALLOUT_JSX_PROPS"],"mappings":";;;;;AAiBO,MAAM,mBAAmB;AAUhC,MAAM,kCAAkB,QAAA;AACxB,MAAM,kCAAkB,QAAA;AAExB,SAAS,mBAAmB,KAA+D;AACzF,QAAM,SAAS,YAAY,IAAI,GAAG;AAClC,MAAI,OAAQ,QAAO;AACnB,QAAM,QAAQ,CAAC,EAAE,UAAA,MACfA,MAAAA,cAAcC,mCAAkB,EAAE,WAAW,KAAK;AACpD,cAAY,IAAI,KAAK,KAAK;AAC1B,SAAO;AACT;AAQO,SAAS,qBACd,KACA,UAAmC,IAClB;AACjB,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,SAAS,YAAY,IAAI,GAAG,yBAAS,IAAA;AAC3C,cAAY,IAAI,KAAK,MAAM;AAC3B,QAAM,SAAS,OAAO,IAAI,IAAI;AAC9B,MAAI,OAAQ,QAAO;AACnB,QAAM,QAAQ,MAAMD,MAAAA,cAAcE,iBAAAA,qBAAqB,EAAE,KAAK,MAAM;AACpE,SAAO,IAAI,MAAM,KAAK;AACtB,SAAO;AACT;AAUO,SAAS,qBACd,KACA,UAAmC,IACF;AACjC,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ;AAAA,IACtB,MAAM;AAAA,IACN,GAAI,QAAQ,SAAS,EAAE,QAAQ,QAAQ,OAAA,IAAW,CAAA;AAAA,IAClD,OAAOC,sBAAAA;AAAAA,IACP,aAAa;AAAA,IACb,QAAQ,mBAAmB,GAAG;AAAA,EAAA;AAElC;;;;"}

package/dist/components/mdx-editor-callout.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { MdxEditorCalloutOptions, MdxEditorJsxComponentDescriptor, MdxEditorRuntime } from './mdx-editor-options';
+/**
+ * The tag a callout is authored as.
+ *
+ * A JSX descriptor is keyed on the tag name and the name travels back out on
+ * save, so this is the one string that has to agree with whatever the document
+ * corpus already contains.
+ */
+export declare const CALLOUT_JSX_NAME = "CalloutBox";
+/**
+ * A toolbar button inserting an empty note callout at the cursor.
+ *
+ * Takes the MDXEditor module rather than importing it, for the same reason as
+ * {@link calloutJsxDescriptor}.
+ */
+export declare function calloutToolbarButton(mdx: MdxEditorRuntime, options?: MdxEditorCalloutOptions): () => ReactNode;
+/**
+ * A descriptor registering `<CalloutBox>` with a real node editor.
+ *
+ * Takes the MDXEditor module rather than importing it, matching
+ * `createMdxEditorPlugins` — `@mdxeditor/editor` is an optional peer dependency
+ * and importing it here would make it mandatory for anyone who touches this
+ * entry point.
+ */
+export declare function calloutJsxDescriptor(mdx: MdxEditorRuntime, options?: MdxEditorCalloutOptions): MdxEditorJsxComponentDescriptor;
+//# sourceMappingURL=mdx-editor-callout.d.ts.map

package/dist/components/mdx-editor-callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-editor-callout.d.ts","sourceRoot":"","sources":["../../src/components/mdx-editor-callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1E,OAAO,KAAK,EACV,uBAAuB,EACvB,+BAA+B,EAE/B,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAE9B;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAsB7C;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,gBAAgB,EACrB,OAAO,GAAE,uBAA4B,GACpC,MAAM,SAAS,CASjB;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,gBAAgB,EACrB,OAAO,GAAE,uBAA4B,GACpC,+BAA+B,CASjC"}

package/dist/components/mdx-editor-callout.js

@@ -0,0 +1,39 @@
+import { createElement } from "react";
+import { InsertCalloutButton, CalloutJsxEditor } from "./MdxEditorCallout.js";
+import { CALLOUT_JSX_PROPS } from "./mdx-editor-callout-model.js";
+const CALLOUT_JSX_NAME = "CalloutBox";
+const editorCache = /* @__PURE__ */ new WeakMap();
+const buttonCache = /* @__PURE__ */ new WeakMap();
+function boundCalloutEditor(mdx) {
+  const cached = editorCache.get(mdx);
+  if (cached) return cached;
+  const bound = ({ mdastNode }) => createElement(CalloutJsxEditor, { mdastNode, mdx });
+  editorCache.set(mdx, bound);
+  return bound;
+}
+function calloutToolbarButton(mdx, options = {}) {
+  const name = options.name ?? CALLOUT_JSX_NAME;
+  const byName = buttonCache.get(mdx) ?? /* @__PURE__ */ new Map();
+  buttonCache.set(mdx, byName);
+  const cached = byName.get(name);
+  if (cached) return cached;
+  const bound = () => createElement(InsertCalloutButton, { mdx, name });
+  byName.set(name, bound);
+  return bound;
+}
+function calloutJsxDescriptor(mdx, options = {}) {
+  return {
+    name: options.name ?? CALLOUT_JSX_NAME,
+    kind: "flow",
+    ...options.source ? { source: options.source } : {},
+    props: CALLOUT_JSX_PROPS,
+    hasChildren: true,
+    Editor: boundCalloutEditor(mdx)
+  };
+}
+export {
+  CALLOUT_JSX_NAME,
+  calloutJsxDescriptor,
+  calloutToolbarButton
+};
+//# sourceMappingURL=mdx-editor-callout.js.map

package/dist/components/mdx-editor-callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-editor-callout.js","sources":["../../src/components/mdx-editor-callout.ts"],"sourcesContent":["import { createElement, type ComponentType, type ReactNode } from \"react\";\nimport { CalloutJsxEditor, InsertCalloutButton } from \"./MdxEditorCallout\";\nimport { CALLOUT_JSX_PROPS } from \"./mdx-editor-callout-model\";\nimport type {\n  MdxEditorCalloutOptions,\n  MdxEditorJsxComponentDescriptor,\n  MdxEditorJsxEditorProps,\n  MdxEditorRuntime,\n} from \"./mdx-editor-options\";\n\n/**\n * The tag a callout is authored as.\n *\n * A JSX descriptor is keyed on the tag name and the name travels back out on\n * save, so this is the one string that has to agree with whatever the document\n * corpus already contains.\n */\nexport const CALLOUT_JSX_NAME = \"CalloutBox\";\n\n/**\n * Bound components are cached per MDXEditor module.\n *\n * A descriptor's `Editor` and a toolbar entry are component *types*. Rebuilding\n * them on every render gives React a new type each time, which unmounts and\n * remounts every callout node in the document — losing focus and selection\n * mid-keystroke.\n */\nconst editorCache = new WeakMap<MdxEditorRuntime, ComponentType<MdxEditorJsxEditorProps>>();\nconst buttonCache = new WeakMap<MdxEditorRuntime, Map<string, () => ReactNode>>();\n\nfunction boundCalloutEditor(mdx: MdxEditorRuntime): ComponentType<MdxEditorJsxEditorProps> {\n  const cached = editorCache.get(mdx);\n  if (cached) return cached;\n  const bound = ({ mdastNode }: MdxEditorJsxEditorProps) =>\n    createElement(CalloutJsxEditor, { mdastNode, mdx });\n  editorCache.set(mdx, bound);\n  return bound;\n}\n\n/**\n * A toolbar button inserting an empty note callout at the cursor.\n *\n * Takes the MDXEditor module rather than importing it, for the same reason as\n * {@link calloutJsxDescriptor}.\n */\nexport function calloutToolbarButton(\n  mdx: MdxEditorRuntime,\n  options: MdxEditorCalloutOptions = {},\n): () => ReactNode {\n  const name = options.name ?? CALLOUT_JSX_NAME;\n  const byName = buttonCache.get(mdx) ?? new Map<string, () => ReactNode>();\n  buttonCache.set(mdx, byName);\n  const cached = byName.get(name);\n  if (cached) return cached;\n  const bound = () => createElement(InsertCalloutButton, { mdx, name });\n  byName.set(name, bound);\n  return bound;\n}\n\n/**\n * A descriptor registering `<CalloutBox>` with a real node editor.\n *\n * Takes the MDXEditor module rather than importing it, matching\n * `createMdxEditorPlugins` — `@mdxeditor/editor` is an optional peer dependency\n * and importing it here would make it mandatory for anyone who touches this\n * entry point.\n */\nexport function calloutJsxDescriptor(\n  mdx: MdxEditorRuntime,\n  options: MdxEditorCalloutOptions = {},\n): MdxEditorJsxComponentDescriptor {\n  return {\n    name: options.name ?? CALLOUT_JSX_NAME,\n    kind: \"flow\",\n    ...(options.source ? { source: options.source } : {}),\n    props: CALLOUT_JSX_PROPS,\n    hasChildren: true,\n    Editor: boundCalloutEditor(mdx),\n  };\n}\n"],"names":[],"mappings":";;;AAiBO,MAAM,mBAAmB;AAUhC,MAAM,kCAAkB,QAAA;AACxB,MAAM,kCAAkB,QAAA;AAExB,SAAS,mBAAmB,KAA+D;AACzF,QAAM,SAAS,YAAY,IAAI,GAAG;AAClC,MAAI,OAAQ,QAAO;AACnB,QAAM,QAAQ,CAAC,EAAE,UAAA,MACf,cAAc,kBAAkB,EAAE,WAAW,KAAK;AACpD,cAAY,IAAI,KAAK,KAAK;AAC1B,SAAO;AACT;AAQO,SAAS,qBACd,KACA,UAAmC,IAClB;AACjB,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,SAAS,YAAY,IAAI,GAAG,yBAAS,IAAA;AAC3C,cAAY,IAAI,KAAK,MAAM;AAC3B,QAAM,SAAS,OAAO,IAAI,IAAI;AAC9B,MAAI,OAAQ,QAAO;AACnB,QAAM,QAAQ,MAAM,cAAc,qBAAqB,EAAE,KAAK,MAAM;AACpE,SAAO,IAAI,MAAM,KAAK;AACtB,SAAO;AACT;AAUO,SAAS,qBACd,KACA,UAAmC,IACF;AACjC,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ;AAAA,IACtB,MAAM;AAAA,IACN,GAAI,QAAQ,SAAS,EAAE,QAAQ,QAAQ,OAAA,IAAW,CAAA;AAAA,IAClD,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ,mBAAmB,GAAG;AAAA,EAAA;AAElC;"}

package/dist/components/mdx-editor-field-plugins.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("react");
+const mdxEditorCallout = require("./mdx-editor-callout.cjs");
 const MdxEditorToolbar = require("./MdxEditorToolbar.cjs");
 const DEFAULT_CODE_BLOCK_LANGUAGES = {
   bash: "Bash",
@@ -53,6 +54,15 @@ function codeBlockEditorDescriptors(mdx, descriptors) {
     }
   }));
 }
+function jsxComponentDescriptors(mdx, options) {
+  var _a;
+  const descriptors = [];
+  if (isEnabled(options.callouts, false)) {
+    descriptors.push(mdxEditorCallout.calloutJsxDescriptor(mdx, optionObject(options.callouts) ?? {}));
+  }
+  if ((_a = options.jsxComponents) == null ? void 0 : _a.length) descriptors.push(...options.jsxComponents);
+  return descriptors;
+}
 function createMdxEditorPlugins(mdx, options = {}) {
   var _a;
   const plugins = [];
@@ -107,6 +117,10 @@ function createMdxEditorPlugins(mdx, options = {}) {
       );
     }
   }
+  const jsxDescriptors = jsxComponentDescriptors(mdx, options);
+  if (jsxDescriptors.length) {
+    plugins.push(mdx.jsxPlugin({ jsxComponentDescriptors: jsxDescriptors }));
+  }
   if (isEnabled(options.frontmatter)) plugins.push(mdx.frontmatterPlugin());
   if (isEnabled(options.admonitions)) {
     const admonitions = optionObject(options.admonitions);

package/dist/components/mdx-editor-field-plugins.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mdx-editor-field-plugins.cjs","sources":["../../src/components/mdx-editor-field-plugins.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type {\n  MdxEditorCodeBlockEditorDescriptor,\n  MdxEditorDiffModeOptions,\n  MdxEditorPluginOptions,\n} from \"./mdx-editor-options\";\nimport { MdxEditorToolbar } from \"./MdxEditorToolbar\";\n\ntype MdxEditorModule = typeof import(\"@mdxeditor/editor\");\ntype RealmPlugin = ReturnType<MdxEditorModule[\"headingsPlugin\"]>;\n\nconst DEFAULT_CODE_BLOCK_LANGUAGES: Record<string, string> = {\n  bash: \"Bash\",\n  css: \"CSS\",\n  go: \"Go\",\n  html: \"HTML\",\n  javascript: \"JavaScript\",\n  js: \"JavaScript\",\n  json: \"JSON\",\n  jsx: \"JSX\",\n  markdown: \"Markdown\",\n  python: \"Python\",\n  shell: \"Shell\",\n  sql: \"SQL\",\n  ts: \"TypeScript\",\n  tsx: \"TSX\",\n  typescript: \"TypeScript\",\n  yaml: \"YAML\",\n};\n\nfunction isEnabled<T extends object>(value: boolean | T | undefined, defaultValue = true): boolean {\n  return value === undefined ? defaultValue : value !== false;\n}\n\nfunction optionObject<T extends object>(value: boolean | T | undefined): T | undefined {\n  return typeof value === \"object\" && value !== null ? value : undefined;\n}\n\nfunction diffModeOptions(diffMode: MdxEditorPluginOptions[\"diffMode\"]): MdxEditorDiffModeOptions | undefined {\n  if (!diffMode) return undefined;\n  if (diffMode === true) return {};\n  if (typeof diffMode === \"string\") return { viewMode: diffMode };\n  return diffMode;\n}\n\nfunction createToolbar(mdx: MdxEditorModule, options: MdxEditorPluginOptions) {\n  return () => createElement(MdxEditorToolbar, { mdx, options });\n}\n\nfunction codeBlockEditorDescriptors(\n  mdx: MdxEditorModule,\n  descriptors: readonly MdxEditorCodeBlockEditorDescriptor[] | undefined,\n) {\n  if (!descriptors?.length) return undefined;\n\n  return descriptors.map((descriptor) => ({\n    priority: descriptor.priority,\n    match: descriptor.match,\n    Editor: (props: {\n      code: string;\n      language: string;\n      meta: string;\n      nodeKey: string;\n      focusEmitter: {\n        subscribe: (callback: () => void) => void;\n      };\n    }) => {\n      const context = mdx.useCodeBlockEditorContext();\n      return createElement(descriptor.Editor, {\n        ...props,\n        context: {\n          setCode: context.setCode,\n          setLanguage: context.setLanguage,\n          setMeta: context.setMeta,\n        },\n      });\n    },\n  }));\n}\n\nexport function createMdxEditorPlugins(\n  mdx: MdxEditorModule,\n  options: MdxEditorPluginOptions = {},\n): RealmPlugin[] {\n  const plugins: RealmPlugin[] = [];\n  if (isEnabled(options.toolbar)) {\n    const toolbar = optionObject(options.toolbar);\n    plugins.push(\n      mdx.toolbarPlugin({\n        toolbarContents: createToolbar(mdx, options),\n        ...(toolbar?.className ? { toolbarClassName: toolbar.className } : {}),\n        ...(toolbar?.position ? { toolbarPosition: toolbar.position } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.headings)) {\n    const headings = optionObject(options.headings);\n    plugins.push(mdx.headingsPlugin(headings));\n  }\n  if (isEnabled(options.lists)) plugins.push(mdx.listsPlugin());\n  if (isEnabled(options.quote)) plugins.push(mdx.quotePlugin());\n  if (isEnabled(options.links)) {\n    const links = optionObject(options.links);\n    plugins.push(\n      mdx.linkPlugin(links?.disableAutoLink !== undefined ? { disableAutoLink: links.disableAutoLink } : undefined),\n      mdx.linkDialogPlugin({\n        ...(links?.linkAutocompleteSuggestions ? { linkAutocompleteSuggestions: links.linkAutocompleteSuggestions } : {}),\n        ...(links?.showLinkTitleField !== undefined ? { showLinkTitleField: links.showLinkTitleField } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.tables)) plugins.push(mdx.tablePlugin());\n  if (isEnabled(options.thematicBreak)) plugins.push(mdx.thematicBreakPlugin());\n  if (isEnabled(options.codeBlocks)) {\n    const codeBlocks = optionObject(options.codeBlocks);\n    const codeBlockPluginOptions: Parameters<MdxEditorModule[\"codeBlockPlugin\"]>[0] = {\n      defaultCodeBlockLanguage: codeBlocks?.defaultLanguage ?? \"txt\",\n    };\n    const descriptors = codeBlockEditorDescriptors(\n      mdx,\n      codeBlocks?.editorDescriptors,\n    );\n    if (descriptors) {\n      codeBlockPluginOptions.codeBlockEditorDescriptors = descriptors;\n    }\n    plugins.push(mdx.codeBlockPlugin(codeBlockPluginOptions));\n    if (isEnabled(options.codeMirror)) {\n      const codeMirror = optionObject(options.codeMirror);\n      plugins.push(\n        mdx.codeMirrorPlugin({\n          codeBlockLanguages: codeMirror?.languages ?? DEFAULT_CODE_BLOCK_LANGUAGES,\n          ...(codeMirror?.autoLoadLanguageSupport !== undefined\n            ? { autoLoadLanguageSupport: codeMirror.autoLoadLanguageSupport }\n            : {}),\n        }),\n      );\n    }\n  }\n  if (isEnabled(options.frontmatter)) plugins.push(mdx.frontmatterPlugin());\n  if (isEnabled(options.admonitions)) {\n    const admonitions = optionObject(options.admonitions);\n    plugins.push(\n      mdx.directivesPlugin({\n        directiveDescriptors: [mdx.AdmonitionDirectiveDescriptor],\n        escapeUnknownTextDirectives: admonitions?.escapeUnknownTextDirectives ?? true,\n      }),\n    );\n  }\n  if (isEnabled(options.images)) {\n    const images = optionObject(options.images);\n    plugins.push(\n      mdx.imagePlugin({\n        ...(images?.imageUploadHandler ? { imageUploadHandler: images.imageUploadHandler } : {}),\n        ...(images?.imageAutocompleteSuggestions ? { imageAutocompleteSuggestions: images.imageAutocompleteSuggestions } : {}),\n        ...(images?.imagePreviewHandler ? { imagePreviewHandler: images.imagePreviewHandler } : {}),\n        ...(images?.disableImageResize !== undefined ? { disableImageResize: images.disableImageResize } : {}),\n        ...(images?.disableImageSettingsButton !== undefined\n          ? { disableImageSettingsButton: images.disableImageSettingsButton }\n          : {}),\n        ...(images?.allowSetImageDimensions !== undefined ? { allowSetImageDimensions: images.allowSetImageDimensions } : {}),\n      }),\n    );\n  }\n  if (options.diffMode) {\n    const diff = diffModeOptions(options.diffMode);\n    plugins.push(\n      mdx.diffSourcePlugin({\n        ...(diff?.viewMode ? { viewMode: diff.viewMode } : {}),\n        ...(diff?.diffMarkdown !== undefined ? { diffMarkdown: diff.diffMarkdown } : {}),\n        ...(diff?.readOnlyDiff !== undefined ? { readOnlyDiff: diff.readOnlyDiff } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.markdownShortcuts)) plugins.push(mdx.markdownShortcutPlugin());\n  if (options.plugins?.length) plugins.push(...(options.plugins as RealmPlugin[]));\n  return plugins;\n}\n"],"names":["createElement","MdxEditorToolbar"],"mappings":"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"}
+{"version":3,"file":"mdx-editor-field-plugins.cjs","sources":["../../src/components/mdx-editor-field-plugins.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport { calloutJsxDescriptor } from \"./mdx-editor-callout\";\nimport type {\n  MdxEditorCodeBlockEditorDescriptor,\n  MdxEditorDiffModeOptions,\n  MdxEditorJsxComponentDescriptor,\n  MdxEditorPluginOptions,\n} from \"./mdx-editor-options\";\nimport { MdxEditorToolbar } from \"./MdxEditorToolbar\";\n\ntype MdxEditorModule = typeof import(\"@mdxeditor/editor\");\ntype RealmPlugin = ReturnType<MdxEditorModule[\"headingsPlugin\"]>;\n\nconst DEFAULT_CODE_BLOCK_LANGUAGES: Record<string, string> = {\n  bash: \"Bash\",\n  css: \"CSS\",\n  go: \"Go\",\n  html: \"HTML\",\n  javascript: \"JavaScript\",\n  js: \"JavaScript\",\n  json: \"JSON\",\n  jsx: \"JSX\",\n  markdown: \"Markdown\",\n  python: \"Python\",\n  shell: \"Shell\",\n  sql: \"SQL\",\n  ts: \"TypeScript\",\n  tsx: \"TSX\",\n  typescript: \"TypeScript\",\n  yaml: \"YAML\",\n};\n\nfunction isEnabled<T extends object>(value: boolean | T | undefined, defaultValue = true): boolean {\n  return value === undefined ? defaultValue : value !== false;\n}\n\nfunction optionObject<T extends object>(value: boolean | T | undefined): T | undefined {\n  return typeof value === \"object\" && value !== null ? value : undefined;\n}\n\nfunction diffModeOptions(diffMode: MdxEditorPluginOptions[\"diffMode\"]): MdxEditorDiffModeOptions | undefined {\n  if (!diffMode) return undefined;\n  if (diffMode === true) return {};\n  if (typeof diffMode === \"string\") return { viewMode: diffMode };\n  return diffMode;\n}\n\nfunction createToolbar(mdx: MdxEditorModule, options: MdxEditorPluginOptions) {\n  return () => createElement(MdxEditorToolbar, { mdx, options });\n}\n\nfunction codeBlockEditorDescriptors(\n  mdx: MdxEditorModule,\n  descriptors: readonly MdxEditorCodeBlockEditorDescriptor[] | undefined,\n) {\n  if (!descriptors?.length) return undefined;\n\n  return descriptors.map((descriptor) => ({\n    priority: descriptor.priority,\n    match: descriptor.match,\n    Editor: (props: {\n      code: string;\n      language: string;\n      meta: string;\n      nodeKey: string;\n      focusEmitter: {\n        subscribe: (callback: () => void) => void;\n      };\n    }) => {\n      const context = mdx.useCodeBlockEditorContext();\n      return createElement(descriptor.Editor, {\n        ...props,\n        context: {\n          setCode: context.setCode,\n          setLanguage: context.setLanguage,\n          setMeta: context.setMeta,\n        },\n      });\n    },\n  }));\n}\n\n/**\n * The registered JSX blocks: the built-in callout when `callouts` is on, plus\n * whatever the consumer registers. They share one `jsxPlugin` because MDXEditor\n * keeps a single descriptor list — a second call would replace the first.\n */\nfunction jsxComponentDescriptors(mdx: MdxEditorModule, options: MdxEditorPluginOptions) {\n  const descriptors: MdxEditorJsxComponentDescriptor[] = [];\n  if (isEnabled(options.callouts, false)) {\n    descriptors.push(calloutJsxDescriptor(mdx, optionObject(options.callouts) ?? {}));\n  }\n  if (options.jsxComponents?.length) descriptors.push(...options.jsxComponents);\n  return descriptors;\n}\n\nexport function createMdxEditorPlugins(\n  mdx: MdxEditorModule,\n  options: MdxEditorPluginOptions = {},\n): RealmPlugin[] {\n  const plugins: RealmPlugin[] = [];\n  if (isEnabled(options.toolbar)) {\n    const toolbar = optionObject(options.toolbar);\n    plugins.push(\n      mdx.toolbarPlugin({\n        toolbarContents: createToolbar(mdx, options),\n        ...(toolbar?.className ? { toolbarClassName: toolbar.className } : {}),\n        ...(toolbar?.position ? { toolbarPosition: toolbar.position } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.headings)) {\n    const headings = optionObject(options.headings);\n    plugins.push(mdx.headingsPlugin(headings));\n  }\n  if (isEnabled(options.lists)) plugins.push(mdx.listsPlugin());\n  if (isEnabled(options.quote)) plugins.push(mdx.quotePlugin());\n  if (isEnabled(options.links)) {\n    const links = optionObject(options.links);\n    plugins.push(\n      mdx.linkPlugin(links?.disableAutoLink !== undefined ? { disableAutoLink: links.disableAutoLink } : undefined),\n      mdx.linkDialogPlugin({\n        ...(links?.linkAutocompleteSuggestions ? { linkAutocompleteSuggestions: links.linkAutocompleteSuggestions } : {}),\n        ...(links?.showLinkTitleField !== undefined ? { showLinkTitleField: links.showLinkTitleField } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.tables)) plugins.push(mdx.tablePlugin());\n  if (isEnabled(options.thematicBreak)) plugins.push(mdx.thematicBreakPlugin());\n  if (isEnabled(options.codeBlocks)) {\n    const codeBlocks = optionObject(options.codeBlocks);\n    const codeBlockPluginOptions: Parameters<MdxEditorModule[\"codeBlockPlugin\"]>[0] = {\n      defaultCodeBlockLanguage: codeBlocks?.defaultLanguage ?? \"txt\",\n    };\n    const descriptors = codeBlockEditorDescriptors(\n      mdx,\n      codeBlocks?.editorDescriptors,\n    );\n    if (descriptors) {\n      codeBlockPluginOptions.codeBlockEditorDescriptors = descriptors;\n    }\n    plugins.push(mdx.codeBlockPlugin(codeBlockPluginOptions));\n    if (isEnabled(options.codeMirror)) {\n      const codeMirror = optionObject(options.codeMirror);\n      plugins.push(\n        mdx.codeMirrorPlugin({\n          codeBlockLanguages: codeMirror?.languages ?? DEFAULT_CODE_BLOCK_LANGUAGES,\n          ...(codeMirror?.autoLoadLanguageSupport !== undefined\n            ? { autoLoadLanguageSupport: codeMirror.autoLoadLanguageSupport }\n            : {}),\n        }),\n      );\n    }\n  }\n  const jsxDescriptors = jsxComponentDescriptors(mdx, options);\n  if (jsxDescriptors.length) {\n    plugins.push(mdx.jsxPlugin({ jsxComponentDescriptors: jsxDescriptors as never }));\n  }\n  if (isEnabled(options.frontmatter)) plugins.push(mdx.frontmatterPlugin());\n  if (isEnabled(options.admonitions)) {\n    const admonitions = optionObject(options.admonitions);\n    plugins.push(\n      mdx.directivesPlugin({\n        directiveDescriptors: [mdx.AdmonitionDirectiveDescriptor],\n        escapeUnknownTextDirectives: admonitions?.escapeUnknownTextDirectives ?? true,\n      }),\n    );\n  }\n  if (isEnabled(options.images)) {\n    const images = optionObject(options.images);\n    plugins.push(\n      mdx.imagePlugin({\n        ...(images?.imageUploadHandler ? { imageUploadHandler: images.imageUploadHandler } : {}),\n        ...(images?.imageAutocompleteSuggestions ? { imageAutocompleteSuggestions: images.imageAutocompleteSuggestions } : {}),\n        ...(images?.imagePreviewHandler ? { imagePreviewHandler: images.imagePreviewHandler } : {}),\n        ...(images?.disableImageResize !== undefined ? { disableImageResize: images.disableImageResize } : {}),\n        ...(images?.disableImageSettingsButton !== undefined\n          ? { disableImageSettingsButton: images.disableImageSettingsButton }\n          : {}),\n        ...(images?.allowSetImageDimensions !== undefined ? { allowSetImageDimensions: images.allowSetImageDimensions } : {}),\n      }),\n    );\n  }\n  if (options.diffMode) {\n    const diff = diffModeOptions(options.diffMode);\n    plugins.push(\n      mdx.diffSourcePlugin({\n        ...(diff?.viewMode ? { viewMode: diff.viewMode } : {}),\n        ...(diff?.diffMarkdown !== undefined ? { diffMarkdown: diff.diffMarkdown } : {}),\n        ...(diff?.readOnlyDiff !== undefined ? { readOnlyDiff: diff.readOnlyDiff } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.markdownShortcuts)) plugins.push(mdx.markdownShortcutPlugin());\n  if (options.plugins?.length) plugins.push(...(options.plugins as RealmPlugin[]));\n  return plugins;\n}\n"],"names":["createElement","MdxEditorToolbar","calloutJsxDescriptor"],"mappings":"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"}

package/dist/components/mdx-editor-field-plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mdx-editor-field-plugins.d.ts","sourceRoot":"","sources":["../../src/components/mdx-editor-field-plugins.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,sBAAsB,EACvB,MAAM,sBAAsB,CAAC;AAG9B,KAAK,eAAe,GAAG,cAAc,mBAAmB,CAAC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAuEjE,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,eAAe,EACpB,OAAO,GAAE,sBAA2B,GACnC,WAAW,EAAE,CA6Ff"}
+{"version":3,"file":"mdx-editor-field-plugins.d.ts","sourceRoot":"","sources":["../../src/components/mdx-editor-field-plugins.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAIV,sBAAsB,EACvB,MAAM,sBAAsB,CAAC;AAG9B,KAAK,eAAe,GAAG,cAAc,mBAAmB,CAAC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAqFjE,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,eAAe,EACpB,OAAO,GAAE,sBAA2B,GACnC,WAAW,EAAE,CAiGf"}

package/dist/components/mdx-editor-field-plugins.js

@@ -1,4 +1,5 @@
 import { createElement } from "react";
+import { calloutJsxDescriptor } from "./mdx-editor-callout.js";
 import { MdxEditorToolbar } from "./MdxEditorToolbar.js";
 const DEFAULT_CODE_BLOCK_LANGUAGES = {
   bash: "Bash",
@@ -51,6 +52,15 @@ function codeBlockEditorDescriptors(mdx, descriptors) {
     }
   }));
 }
+function jsxComponentDescriptors(mdx, options) {
+  var _a;
+  const descriptors = [];
+  if (isEnabled(options.callouts, false)) {
+    descriptors.push(calloutJsxDescriptor(mdx, optionObject(options.callouts) ?? {}));
+  }
+  if ((_a = options.jsxComponents) == null ? void 0 : _a.length) descriptors.push(...options.jsxComponents);
+  return descriptors;
+}
 function createMdxEditorPlugins(mdx, options = {}) {
   var _a;
   const plugins = [];
@@ -105,6 +115,10 @@ function createMdxEditorPlugins(mdx, options = {}) {
       );
     }
   }
+  const jsxDescriptors = jsxComponentDescriptors(mdx, options);
+  if (jsxDescriptors.length) {
+    plugins.push(mdx.jsxPlugin({ jsxComponentDescriptors: jsxDescriptors }));
+  }
   if (isEnabled(options.frontmatter)) plugins.push(mdx.frontmatterPlugin());
   if (isEnabled(options.admonitions)) {
     const admonitions = optionObject(options.admonitions);

package/dist/components/mdx-editor-field-plugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdx-editor-field-plugins.js","sources":["../../src/components/mdx-editor-field-plugins.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type {\n  MdxEditorCodeBlockEditorDescriptor,\n  MdxEditorDiffModeOptions,\n  MdxEditorPluginOptions,\n} from \"./mdx-editor-options\";\nimport { MdxEditorToolbar } from \"./MdxEditorToolbar\";\n\ntype MdxEditorModule = typeof import(\"@mdxeditor/editor\");\ntype RealmPlugin = ReturnType<MdxEditorModule[\"headingsPlugin\"]>;\n\nconst DEFAULT_CODE_BLOCK_LANGUAGES: Record<string, string> = {\n  bash: \"Bash\",\n  css: \"CSS\",\n  go: \"Go\",\n  html: \"HTML\",\n  javascript: \"JavaScript\",\n  js: \"JavaScript\",\n  json: \"JSON\",\n  jsx: \"JSX\",\n  markdown: \"Markdown\",\n  python: \"Python\",\n  shell: \"Shell\",\n  sql: \"SQL\",\n  ts: \"TypeScript\",\n  tsx: \"TSX\",\n  typescript: \"TypeScript\",\n  yaml: \"YAML\",\n};\n\nfunction isEnabled<T extends object>(value: boolean | T | undefined, defaultValue = true): boolean {\n  return value === undefined ? defaultValue : value !== false;\n}\n\nfunction optionObject<T extends object>(value: boolean | T | undefined): T | undefined {\n  return typeof value === \"object\" && value !== null ? value : undefined;\n}\n\nfunction diffModeOptions(diffMode: MdxEditorPluginOptions[\"diffMode\"]): MdxEditorDiffModeOptions | undefined {\n  if (!diffMode) return undefined;\n  if (diffMode === true) return {};\n  if (typeof diffMode === \"string\") return { viewMode: diffMode };\n  return diffMode;\n}\n\nfunction createToolbar(mdx: MdxEditorModule, options: MdxEditorPluginOptions) {\n  return () => createElement(MdxEditorToolbar, { mdx, options });\n}\n\nfunction codeBlockEditorDescriptors(\n  mdx: MdxEditorModule,\n  descriptors: readonly MdxEditorCodeBlockEditorDescriptor[] | undefined,\n) {\n  if (!descriptors?.length) return undefined;\n\n  return descriptors.map((descriptor) => ({\n    priority: descriptor.priority,\n    match: descriptor.match,\n    Editor: (props: {\n      code: string;\n      language: string;\n      meta: string;\n      nodeKey: string;\n      focusEmitter: {\n        subscribe: (callback: () => void) => void;\n      };\n    }) => {\n      const context = mdx.useCodeBlockEditorContext();\n      return createElement(descriptor.Editor, {\n        ...props,\n        context: {\n          setCode: context.setCode,\n          setLanguage: context.setLanguage,\n          setMeta: context.setMeta,\n        },\n      });\n    },\n  }));\n}\n\nexport function createMdxEditorPlugins(\n  mdx: MdxEditorModule,\n  options: MdxEditorPluginOptions = {},\n): RealmPlugin[] {\n  const plugins: RealmPlugin[] = [];\n  if (isEnabled(options.toolbar)) {\n    const toolbar = optionObject(options.toolbar);\n    plugins.push(\n      mdx.toolbarPlugin({\n        toolbarContents: createToolbar(mdx, options),\n        ...(toolbar?.className ? { toolbarClassName: toolbar.className } : {}),\n        ...(toolbar?.position ? { toolbarPosition: toolbar.position } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.headings)) {\n    const headings = optionObject(options.headings);\n    plugins.push(mdx.headingsPlugin(headings));\n  }\n  if (isEnabled(options.lists)) plugins.push(mdx.listsPlugin());\n  if (isEnabled(options.quote)) plugins.push(mdx.quotePlugin());\n  if (isEnabled(options.links)) {\n    const links = optionObject(options.links);\n    plugins.push(\n      mdx.linkPlugin(links?.disableAutoLink !== undefined ? { disableAutoLink: links.disableAutoLink } : undefined),\n      mdx.linkDialogPlugin({\n        ...(links?.linkAutocompleteSuggestions ? { linkAutocompleteSuggestions: links.linkAutocompleteSuggestions } : {}),\n        ...(links?.showLinkTitleField !== undefined ? { showLinkTitleField: links.showLinkTitleField } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.tables)) plugins.push(mdx.tablePlugin());\n  if (isEnabled(options.thematicBreak)) plugins.push(mdx.thematicBreakPlugin());\n  if (isEnabled(options.codeBlocks)) {\n    const codeBlocks = optionObject(options.codeBlocks);\n    const codeBlockPluginOptions: Parameters<MdxEditorModule[\"codeBlockPlugin\"]>[0] = {\n      defaultCodeBlockLanguage: codeBlocks?.defaultLanguage ?? \"txt\",\n    };\n    const descriptors = codeBlockEditorDescriptors(\n      mdx,\n      codeBlocks?.editorDescriptors,\n    );\n    if (descriptors) {\n      codeBlockPluginOptions.codeBlockEditorDescriptors = descriptors;\n    }\n    plugins.push(mdx.codeBlockPlugin(codeBlockPluginOptions));\n    if (isEnabled(options.codeMirror)) {\n      const codeMirror = optionObject(options.codeMirror);\n      plugins.push(\n        mdx.codeMirrorPlugin({\n          codeBlockLanguages: codeMirror?.languages ?? DEFAULT_CODE_BLOCK_LANGUAGES,\n          ...(codeMirror?.autoLoadLanguageSupport !== undefined\n            ? { autoLoadLanguageSupport: codeMirror.autoLoadLanguageSupport }\n            : {}),\n        }),\n      );\n    }\n  }\n  if (isEnabled(options.frontmatter)) plugins.push(mdx.frontmatterPlugin());\n  if (isEnabled(options.admonitions)) {\n    const admonitions = optionObject(options.admonitions);\n    plugins.push(\n      mdx.directivesPlugin({\n        directiveDescriptors: [mdx.AdmonitionDirectiveDescriptor],\n        escapeUnknownTextDirectives: admonitions?.escapeUnknownTextDirectives ?? true,\n      }),\n    );\n  }\n  if (isEnabled(options.images)) {\n    const images = optionObject(options.images);\n    plugins.push(\n      mdx.imagePlugin({\n        ...(images?.imageUploadHandler ? { imageUploadHandler: images.imageUploadHandler } : {}),\n        ...(images?.imageAutocompleteSuggestions ? { imageAutocompleteSuggestions: images.imageAutocompleteSuggestions } : {}),\n        ...(images?.imagePreviewHandler ? { imagePreviewHandler: images.imagePreviewHandler } : {}),\n        ...(images?.disableImageResize !== undefined ? { disableImageResize: images.disableImageResize } : {}),\n        ...(images?.disableImageSettingsButton !== undefined\n          ? { disableImageSettingsButton: images.disableImageSettingsButton }\n          : {}),\n        ...(images?.allowSetImageDimensions !== undefined ? { allowSetImageDimensions: images.allowSetImageDimensions } : {}),\n      }),\n    );\n  }\n  if (options.diffMode) {\n    const diff = diffModeOptions(options.diffMode);\n    plugins.push(\n      mdx.diffSourcePlugin({\n        ...(diff?.viewMode ? { viewMode: diff.viewMode } : {}),\n        ...(diff?.diffMarkdown !== undefined ? { diffMarkdown: diff.diffMarkdown } : {}),\n        ...(diff?.readOnlyDiff !== undefined ? { readOnlyDiff: diff.readOnlyDiff } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.markdownShortcuts)) plugins.push(mdx.markdownShortcutPlugin());\n  if (options.plugins?.length) plugins.push(...(options.plugins as RealmPlugin[]));\n  return plugins;\n}\n"],"names":[],"mappings":";;AAWA,MAAM,+BAAuD;AAAA,EAC3D,MAAM;AAAA,EACN,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,MAAM;AACR;AAEA,SAAS,UAA4B,OAAgC,eAAe,MAAe;AACjG,SAAO,UAAU,SAAY,eAAe,UAAU;AACxD;AAEA,SAAS,aAA+B,OAA+C;AACrF,SAAO,OAAO,UAAU,YAAY,UAAU,OAAO,QAAQ;AAC/D;AAEA,SAAS,gBAAgB,UAAoF;AAC3G,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,aAAa,KAAM,QAAO,CAAA;AAC9B,MAAI,OAAO,aAAa,SAAU,QAAO,EAAE,UAAU,SAAA;AACrD,SAAO;AACT;AAEA,SAAS,cAAc,KAAsB,SAAiC;AAC5E,SAAO,MAAM,cAAc,kBAAkB,EAAE,KAAK,SAAS;AAC/D;AAEA,SAAS,2BACP,KACA,aACA;AACA,MAAI,EAAC,2CAAa,QAAQ,QAAO;AAEjC,SAAO,YAAY,IAAI,CAAC,gBAAgB;AAAA,IACtC,UAAU,WAAW;AAAA,IACrB,OAAO,WAAW;AAAA,IAClB,QAAQ,CAAC,UAQH;AACJ,YAAM,UAAU,IAAI,0BAAA;AACpB,aAAO,cAAc,WAAW,QAAQ;AAAA,QACtC,GAAG;AAAA,QACH,SAAS;AAAA,UACP,SAAS,QAAQ;AAAA,UACjB,aAAa,QAAQ;AAAA,UACrB,SAAS,QAAQ;AAAA,QAAA;AAAA,MACnB,CACD;AAAA,IACH;AAAA,EAAA,EACA;AACJ;AAEO,SAAS,uBACd,KACA,UAAkC,IACnB;;AACf,QAAM,UAAyB,CAAA;AAC/B,MAAI,UAAU,QAAQ,OAAO,GAAG;AAC9B,UAAM,UAAU,aAAa,QAAQ,OAAO;AAC5C,YAAQ;AAAA,MACN,IAAI,cAAc;AAAA,QAChB,iBAAiB,cAAc,KAAK,OAAO;AAAA,QAC3C,IAAI,mCAAS,aAAY,EAAE,kBAAkB,QAAQ,UAAA,IAAc,CAAA;AAAA,QACnE,IAAI,mCAAS,YAAW,EAAE,iBAAiB,QAAQ,SAAA,IAAa,CAAA;AAAA,MAAC,CAClE;AAAA,IAAA;AAAA,EAEL;AACA,MAAI,UAAU,QAAQ,QAAQ,GAAG;AAC/B,UAAM,WAAW,aAAa,QAAQ,QAAQ;AAC9C,YAAQ,KAAK,IAAI,eAAe,QAAQ,CAAC;AAAA,EAC3C;AACA,MAAI,UAAU,QAAQ,KAAK,WAAW,KAAK,IAAI,aAAa;AAC5D,MAAI,UAAU,QAAQ,KAAK,WAAW,KAAK,IAAI,aAAa;AAC5D,MAAI,UAAU,QAAQ,KAAK,GAAG;AAC5B,UAAM,QAAQ,aAAa,QAAQ,KAAK;AACxC,YAAQ;AAAA,MACN,IAAI,YAAW,+BAAO,qBAAoB,SAAY,EAAE,iBAAiB,MAAM,gBAAA,IAAoB,MAAS;AAAA,MAC5G,IAAI,iBAAiB;AAAA,QACnB,IAAI,+BAAO,+BAA8B,EAAE,6BAA6B,MAAM,4BAAA,IAAgC,CAAA;AAAA,QAC9G,IAAI,+BAAO,wBAAuB,SAAY,EAAE,oBAAoB,MAAM,uBAAuB,CAAA;AAAA,MAAC,CACnG;AAAA,IAAA;AAAA,EAEL;AACA,MAAI,UAAU,QAAQ,MAAM,WAAW,KAAK,IAAI,aAAa;AAC7D,MAAI,UAAU,QAAQ,aAAa,WAAW,KAAK,IAAI,qBAAqB;AAC5E,MAAI,UAAU,QAAQ,UAAU,GAAG;AACjC,UAAM,aAAa,aAAa,QAAQ,UAAU;AAClD,UAAM,yBAA4E;AAAA,MAChF,2BAA0B,yCAAY,oBAAmB;AAAA,IAAA;AAE3D,UAAM,cAAc;AAAA,MAClB;AAAA,MACA,yCAAY;AAAA,IAAA;AAEd,QAAI,aAAa;AACf,6BAAuB,6BAA6B;AAAA,IACtD;AACA,YAAQ,KAAK,IAAI,gBAAgB,sBAAsB,CAAC;AACxD,QAAI,UAAU,QAAQ,UAAU,GAAG;AACjC,YAAM,aAAa,aAAa,QAAQ,UAAU;AAClD,cAAQ;AAAA,QACN,IAAI,iBAAiB;AAAA,UACnB,qBAAoB,yCAAY,cAAa;AAAA,UAC7C,IAAI,yCAAY,6BAA4B,SACxC,EAAE,yBAAyB,WAAW,4BACtC,CAAA;AAAA,QAAC,CACN;AAAA,MAAA;AAAA,IAEL;AAAA,EACF;AACA,MAAI,UAAU,QAAQ,WAAW,WAAW,KAAK,IAAI,mBAAmB;AACxE,MAAI,UAAU,QAAQ,WAAW,GAAG;AAClC,UAAM,cAAc,aAAa,QAAQ,WAAW;AACpD,YAAQ;AAAA,MACN,IAAI,iBAAiB;AAAA,QACnB,sBAAsB,CAAC,IAAI,6BAA6B;AAAA,QACxD,8BAA6B,2CAAa,gCAA+B;AAAA,MAAA,CAC1E;AAAA,IAAA;AAAA,EAEL;AACA,MAAI,UAAU,QAAQ,MAAM,GAAG;AAC7B,UAAM,SAAS,aAAa,QAAQ,MAAM;AAC1C,YAAQ;AAAA,MACN,IAAI,YAAY;AAAA,QACd,IAAI,iCAAQ,sBAAqB,EAAE,oBAAoB,OAAO,mBAAA,IAAuB,CAAA;AAAA,QACrF,IAAI,iCAAQ,gCAA+B,EAAE,8BAA8B,OAAO,6BAAA,IAAiC,CAAA;AAAA,QACnH,IAAI,iCAAQ,uBAAsB,EAAE,qBAAqB,OAAO,oBAAA,IAAwB,CAAA;AAAA,QACxF,IAAI,iCAAQ,wBAAuB,SAAY,EAAE,oBAAoB,OAAO,mBAAA,IAAuB,CAAA;AAAA,QACnG,IAAI,iCAAQ,gCAA+B,SACvC,EAAE,4BAA4B,OAAO,2BAAA,IACrC,CAAA;AAAA,QACJ,IAAI,iCAAQ,6BAA4B,SAAY,EAAE,yBAAyB,OAAO,4BAA4B,CAAA;AAAA,MAAC,CACpH;AAAA,IAAA;AAAA,EAEL;AACA,MAAI,QAAQ,UAAU;AACpB,UAAM,OAAO,gBAAgB,QAAQ,QAAQ;AAC7C,YAAQ;AAAA,MACN,IAAI,iBAAiB;AAAA,QACnB,IAAI,6BAAM,YAAW,EAAE,UAAU,KAAK,SAAA,IAAa,CAAA;AAAA,QACnD,IAAI,6BAAM,kBAAiB,SAAY,EAAE,cAAc,KAAK,aAAA,IAAiB,CAAA;AAAA,QAC7E,IAAI,6BAAM,kBAAiB,SAAY,EAAE,cAAc,KAAK,iBAAiB,CAAA;AAAA,MAAC,CAC/E;AAAA,IAAA;AAAA,EAEL;AACA,MAAI,UAAU,QAAQ,iBAAiB,WAAW,KAAK,IAAI,wBAAwB;AACnF,OAAI,aAAQ,YAAR,mBAAiB,gBAAgB,KAAK,GAAI,QAAQ,OAAyB;AAC/E,SAAO;AACT;"}
+{"version":3,"file":"mdx-editor-field-plugins.js","sources":["../../src/components/mdx-editor-field-plugins.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport { calloutJsxDescriptor } from \"./mdx-editor-callout\";\nimport type {\n  MdxEditorCodeBlockEditorDescriptor,\n  MdxEditorDiffModeOptions,\n  MdxEditorJsxComponentDescriptor,\n  MdxEditorPluginOptions,\n} from \"./mdx-editor-options\";\nimport { MdxEditorToolbar } from \"./MdxEditorToolbar\";\n\ntype MdxEditorModule = typeof import(\"@mdxeditor/editor\");\ntype RealmPlugin = ReturnType<MdxEditorModule[\"headingsPlugin\"]>;\n\nconst DEFAULT_CODE_BLOCK_LANGUAGES: Record<string, string> = {\n  bash: \"Bash\",\n  css: \"CSS\",\n  go: \"Go\",\n  html: \"HTML\",\n  javascript: \"JavaScript\",\n  js: \"JavaScript\",\n  json: \"JSON\",\n  jsx: \"JSX\",\n  markdown: \"Markdown\",\n  python: \"Python\",\n  shell: \"Shell\",\n  sql: \"SQL\",\n  ts: \"TypeScript\",\n  tsx: \"TSX\",\n  typescript: \"TypeScript\",\n  yaml: \"YAML\",\n};\n\nfunction isEnabled<T extends object>(value: boolean | T | undefined, defaultValue = true): boolean {\n  return value === undefined ? defaultValue : value !== false;\n}\n\nfunction optionObject<T extends object>(value: boolean | T | undefined): T | undefined {\n  return typeof value === \"object\" && value !== null ? value : undefined;\n}\n\nfunction diffModeOptions(diffMode: MdxEditorPluginOptions[\"diffMode\"]): MdxEditorDiffModeOptions | undefined {\n  if (!diffMode) return undefined;\n  if (diffMode === true) return {};\n  if (typeof diffMode === \"string\") return { viewMode: diffMode };\n  return diffMode;\n}\n\nfunction createToolbar(mdx: MdxEditorModule, options: MdxEditorPluginOptions) {\n  return () => createElement(MdxEditorToolbar, { mdx, options });\n}\n\nfunction codeBlockEditorDescriptors(\n  mdx: MdxEditorModule,\n  descriptors: readonly MdxEditorCodeBlockEditorDescriptor[] | undefined,\n) {\n  if (!descriptors?.length) return undefined;\n\n  return descriptors.map((descriptor) => ({\n    priority: descriptor.priority,\n    match: descriptor.match,\n    Editor: (props: {\n      code: string;\n      language: string;\n      meta: string;\n      nodeKey: string;\n      focusEmitter: {\n        subscribe: (callback: () => void) => void;\n      };\n    }) => {\n      const context = mdx.useCodeBlockEditorContext();\n      return createElement(descriptor.Editor, {\n        ...props,\n        context: {\n          setCode: context.setCode,\n          setLanguage: context.setLanguage,\n          setMeta: context.setMeta,\n        },\n      });\n    },\n  }));\n}\n\n/**\n * The registered JSX blocks: the built-in callout when `callouts` is on, plus\n * whatever the consumer registers. They share one `jsxPlugin` because MDXEditor\n * keeps a single descriptor list — a second call would replace the first.\n */\nfunction jsxComponentDescriptors(mdx: MdxEditorModule, options: MdxEditorPluginOptions) {\n  const descriptors: MdxEditorJsxComponentDescriptor[] = [];\n  if (isEnabled(options.callouts, false)) {\n    descriptors.push(calloutJsxDescriptor(mdx, optionObject(options.callouts) ?? {}));\n  }\n  if (options.jsxComponents?.length) descriptors.push(...options.jsxComponents);\n  return descriptors;\n}\n\nexport function createMdxEditorPlugins(\n  mdx: MdxEditorModule,\n  options: MdxEditorPluginOptions = {},\n): RealmPlugin[] {\n  const plugins: RealmPlugin[] = [];\n  if (isEnabled(options.toolbar)) {\n    const toolbar = optionObject(options.toolbar);\n    plugins.push(\n      mdx.toolbarPlugin({\n        toolbarContents: createToolbar(mdx, options),\n        ...(toolbar?.className ? { toolbarClassName: toolbar.className } : {}),\n        ...(toolbar?.position ? { toolbarPosition: toolbar.position } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.headings)) {\n    const headings = optionObject(options.headings);\n    plugins.push(mdx.headingsPlugin(headings));\n  }\n  if (isEnabled(options.lists)) plugins.push(mdx.listsPlugin());\n  if (isEnabled(options.quote)) plugins.push(mdx.quotePlugin());\n  if (isEnabled(options.links)) {\n    const links = optionObject(options.links);\n    plugins.push(\n      mdx.linkPlugin(links?.disableAutoLink !== undefined ? { disableAutoLink: links.disableAutoLink } : undefined),\n      mdx.linkDialogPlugin({\n        ...(links?.linkAutocompleteSuggestions ? { linkAutocompleteSuggestions: links.linkAutocompleteSuggestions } : {}),\n        ...(links?.showLinkTitleField !== undefined ? { showLinkTitleField: links.showLinkTitleField } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.tables)) plugins.push(mdx.tablePlugin());\n  if (isEnabled(options.thematicBreak)) plugins.push(mdx.thematicBreakPlugin());\n  if (isEnabled(options.codeBlocks)) {\n    const codeBlocks = optionObject(options.codeBlocks);\n    const codeBlockPluginOptions: Parameters<MdxEditorModule[\"codeBlockPlugin\"]>[0] = {\n      defaultCodeBlockLanguage: codeBlocks?.defaultLanguage ?? \"txt\",\n    };\n    const descriptors = codeBlockEditorDescriptors(\n      mdx,\n      codeBlocks?.editorDescriptors,\n    );\n    if (descriptors) {\n      codeBlockPluginOptions.codeBlockEditorDescriptors = descriptors;\n    }\n    plugins.push(mdx.codeBlockPlugin(codeBlockPluginOptions));\n    if (isEnabled(options.codeMirror)) {\n      const codeMirror = optionObject(options.codeMirror);\n      plugins.push(\n        mdx.codeMirrorPlugin({\n          codeBlockLanguages: codeMirror?.languages ?? DEFAULT_CODE_BLOCK_LANGUAGES,\n          ...(codeMirror?.autoLoadLanguageSupport !== undefined\n            ? { autoLoadLanguageSupport: codeMirror.autoLoadLanguageSupport }\n            : {}),\n        }),\n      );\n    }\n  }\n  const jsxDescriptors = jsxComponentDescriptors(mdx, options);\n  if (jsxDescriptors.length) {\n    plugins.push(mdx.jsxPlugin({ jsxComponentDescriptors: jsxDescriptors as never }));\n  }\n  if (isEnabled(options.frontmatter)) plugins.push(mdx.frontmatterPlugin());\n  if (isEnabled(options.admonitions)) {\n    const admonitions = optionObject(options.admonitions);\n    plugins.push(\n      mdx.directivesPlugin({\n        directiveDescriptors: [mdx.AdmonitionDirectiveDescriptor],\n        escapeUnknownTextDirectives: admonitions?.escapeUnknownTextDirectives ?? true,\n      }),\n    );\n  }\n  if (isEnabled(options.images)) {\n    const images = optionObject(options.images);\n    plugins.push(\n      mdx.imagePlugin({\n        ...(images?.imageUploadHandler ? { imageUploadHandler: images.imageUploadHandler } : {}),\n        ...(images?.imageAutocompleteSuggestions ? { imageAutocompleteSuggestions: images.imageAutocompleteSuggestions } : {}),\n        ...(images?.imagePreviewHandler ? { imagePreviewHandler: images.imagePreviewHandler } : {}),\n        ...(images?.disableImageResize !== undefined ? { disableImageResize: images.disableImageResize } : {}),\n        ...(images?.disableImageSettingsButton !== undefined\n          ? { disableImageSettingsButton: images.disableImageSettingsButton }\n          : {}),\n        ...(images?.allowSetImageDimensions !== undefined ? { allowSetImageDimensions: images.allowSetImageDimensions } : {}),\n      }),\n    );\n  }\n  if (options.diffMode) {\n    const diff = diffModeOptions(options.diffMode);\n    plugins.push(\n      mdx.diffSourcePlugin({\n        ...(diff?.viewMode ? { viewMode: diff.viewMode } : {}),\n        ...(diff?.diffMarkdown !== undefined ? { diffMarkdown: diff.diffMarkdown } : {}),\n        ...(diff?.readOnlyDiff !== undefined ? { readOnlyDiff: diff.readOnlyDiff } : {}),\n      }),\n    );\n  }\n  if (isEnabled(options.markdownShortcuts)) plugins.push(mdx.markdownShortcutPlugin());\n  if (options.plugins?.length) plugins.push(...(options.plugins as RealmPlugin[]));\n  return plugins;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/mdx-editor-jsx-attributes.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function readJsxAttributes(attributes, names) {
+  const read = {};
+  for (const attribute of attributes ?? []) {
+    if (attribute.type !== "mdxJsxAttribute") continue;
+    const name = attribute.name;
+    if (!name || !names.includes(name)) continue;
+    if (typeof attribute.value === "string") read[name] = attribute.value;
+    else if (attribute.value === null || attribute.value === void 0) read[name] = "true";
+  }
+  return read;
+}
+function writeJsxAttribute(attributes, name, value) {
+  const others = (attributes ?? []).filter(
+    (attribute) => !(attribute.type === "mdxJsxAttribute" && attribute.name === name)
+  );
+  if (value === "") return others;
+  return [...others, { type: "mdxJsxAttribute", name, value }];
+}
+exports.readJsxAttributes = readJsxAttributes;
+exports.writeJsxAttribute = writeJsxAttribute;
+//# sourceMappingURL=mdx-editor-jsx-attributes.cjs.map

package/dist/components/mdx-editor-jsx-attributes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-editor-jsx-attributes.cjs","sources":["../../src/components/mdx-editor-jsx-attributes.ts"],"sourcesContent":["import type { MdxEditorJsxAttribute } from \"./mdx-editor-options\";\n\n/**\n * Reading and writing the string attributes of an authored JSX block.\n *\n * Every node editor needs the same two operations, and getting either subtly\n * wrong loses an attribute on save — which for a block whose attributes decide\n * what publishes is a silent, consequential defect. They live here so a\n * consuming application registering a block of its own reuses them rather than\n * writing a second copy.\n */\n\n/**\n * The string values of the named attributes.\n *\n * A bare attribute (`emphasis` with no `=`) parses with a null value and means\n * \"true\" in JSX. Expression attributes (`prop={expr}`) carry an object rather\n * than a string and are skipped — reading one as a value would hand the\n * renderer something it has to reject.\n */\nexport function readJsxAttributes<Name extends string>(\n  attributes: readonly MdxEditorJsxAttribute[] | undefined,\n  names: readonly Name[],\n): Partial<Record<Name, string>> {\n  const read: Partial<Record<Name, string>> = {};\n  for (const attribute of attributes ?? []) {\n    if (attribute.type !== \"mdxJsxAttribute\") continue;\n    const name = attribute.name;\n    if (!name || !(names as readonly string[]).includes(name)) continue;\n    if (typeof attribute.value === \"string\") read[name as Name] = attribute.value;\n    else if (attribute.value === null || attribute.value === undefined) read[name as Name] = \"true\";\n  }\n  return read;\n}\n\n/**\n * The attribute list with one value replaced.\n *\n * An empty value removes the attribute rather than writing `name=\"\"` — an empty\n * string is not a valid value for any of the enumerations these blocks carry,\n * and leaving one behind would make the renderer throw on a block the author\n * had merely cleared.\n */\nexport function writeJsxAttribute(\n  attributes: readonly MdxEditorJsxAttribute[] | undefined,\n  name: string,\n  value: string,\n): MdxEditorJsxAttribute[] {\n  const others = (attributes ?? []).filter(\n    (attribute) => !(attribute.type === \"mdxJsxAttribute\" && attribute.name === name),\n  );\n  if (value === \"\") return others;\n  return [...others, { type: \"mdxJsxAttribute\", name, value }];\n}\n"],"names":[],"mappings":";;AAoBO,SAAS,kBACd,YACA,OAC+B;AAC/B,QAAM,OAAsC,CAAA;AAC5C,aAAW,aAAa,cAAc,IAAI;AACxC,QAAI,UAAU,SAAS,kBAAmB;AAC1C,UAAM,OAAO,UAAU;AACvB,QAAI,CAAC,QAAQ,CAAE,MAA4B,SAAS,IAAI,EAAG;AAC3D,QAAI,OAAO,UAAU,UAAU,SAAU,MAAK,IAAY,IAAI,UAAU;AAAA,aAC/D,UAAU,UAAU,QAAQ,UAAU,UAAU,OAAW,MAAK,IAAY,IAAI;AAAA,EAC3F;AACA,SAAO;AACT;AAUO,SAAS,kBACd,YACA,MACA,OACyB;AACzB,QAAM,UAAU,cAAc,CAAA,GAAI;AAAA,IAChC,CAAC,cAAc,EAAE,UAAU,SAAS,qBAAqB,UAAU,SAAS;AAAA,EAAA;AAE9E,MAAI,UAAU,GAAI,QAAO;AACzB,SAAO,CAAC,GAAG,QAAQ,EAAE,MAAM,mBAAmB,MAAM,OAAO;AAC7D;;;"}

package/dist/components/mdx-editor-jsx-attributes.d.ts

@@ -0,0 +1,29 @@
+import { MdxEditorJsxAttribute } from './mdx-editor-options';
+/**
+ * Reading and writing the string attributes of an authored JSX block.
+ *
+ * Every node editor needs the same two operations, and getting either subtly
+ * wrong loses an attribute on save — which for a block whose attributes decide
+ * what publishes is a silent, consequential defect. They live here so a
+ * consuming application registering a block of its own reuses them rather than
+ * writing a second copy.
+ */
+/**
+ * The string values of the named attributes.
+ *
+ * A bare attribute (`emphasis` with no `=`) parses with a null value and means
+ * "true" in JSX. Expression attributes (`prop={expr}`) carry an object rather
+ * than a string and are skipped — reading one as a value would hand the
+ * renderer something it has to reject.
+ */
+export declare function readJsxAttributes<Name extends string>(attributes: readonly MdxEditorJsxAttribute[] | undefined, names: readonly Name[]): Partial<Record<Name, string>>;
+/**
+ * The attribute list with one value replaced.
+ *
+ * An empty value removes the attribute rather than writing `name=""` — an empty
+ * string is not a valid value for any of the enumerations these blocks carry,
+ * and leaving one behind would make the renderer throw on a block the author
+ * had merely cleared.
+ */
+export declare function writeJsxAttribute(attributes: readonly MdxEditorJsxAttribute[] | undefined, name: string, value: string): MdxEditorJsxAttribute[];
+//# sourceMappingURL=mdx-editor-jsx-attributes.d.ts.map

package/dist/components/mdx-editor-jsx-attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-editor-jsx-attributes.d.ts","sourceRoot":"","sources":["../../src/components/mdx-editor-jsx-attributes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE;;;;;;;;GAQG;AAEH;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,SAAS,MAAM,EACnD,UAAU,EAAE,SAAS,qBAAqB,EAAE,GAAG,SAAS,EACxD,KAAK,EAAE,SAAS,IAAI,EAAE,GACrB,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAU/B;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,SAAS,qBAAqB,EAAE,GAAG,SAAS,EACxD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ,qBAAqB,EAAE,CAMzB"}

package/dist/components/mdx-editor-jsx-attributes.js

@@ -0,0 +1,23 @@
+function readJsxAttributes(attributes, names) {
+  const read = {};
+  for (const attribute of attributes ?? []) {
+    if (attribute.type !== "mdxJsxAttribute") continue;
+    const name = attribute.name;
+    if (!name || !names.includes(name)) continue;
+    if (typeof attribute.value === "string") read[name] = attribute.value;
+    else if (attribute.value === null || attribute.value === void 0) read[name] = "true";
+  }
+  return read;
+}
+function writeJsxAttribute(attributes, name, value) {
+  const others = (attributes ?? []).filter(
+    (attribute) => !(attribute.type === "mdxJsxAttribute" && attribute.name === name)
+  );
+  if (value === "") return others;
+  return [...others, { type: "mdxJsxAttribute", name, value }];
+}
+export {
+  readJsxAttributes,
+  writeJsxAttribute
+};
+//# sourceMappingURL=mdx-editor-jsx-attributes.js.map

package/dist/components/mdx-editor-jsx-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-editor-jsx-attributes.js","sources":["../../src/components/mdx-editor-jsx-attributes.ts"],"sourcesContent":["import type { MdxEditorJsxAttribute } from \"./mdx-editor-options\";\n\n/**\n * Reading and writing the string attributes of an authored JSX block.\n *\n * Every node editor needs the same two operations, and getting either subtly\n * wrong loses an attribute on save — which for a block whose attributes decide\n * what publishes is a silent, consequential defect. They live here so a\n * consuming application registering a block of its own reuses them rather than\n * writing a second copy.\n */\n\n/**\n * The string values of the named attributes.\n *\n * A bare attribute (`emphasis` with no `=`) parses with a null value and means\n * \"true\" in JSX. Expression attributes (`prop={expr}`) carry an object rather\n * than a string and are skipped — reading one as a value would hand the\n * renderer something it has to reject.\n */\nexport function readJsxAttributes<Name extends string>(\n  attributes: readonly MdxEditorJsxAttribute[] | undefined,\n  names: readonly Name[],\n): Partial<Record<Name, string>> {\n  const read: Partial<Record<Name, string>> = {};\n  for (const attribute of attributes ?? []) {\n    if (attribute.type !== \"mdxJsxAttribute\") continue;\n    const name = attribute.name;\n    if (!name || !(names as readonly string[]).includes(name)) continue;\n    if (typeof attribute.value === \"string\") read[name as Name] = attribute.value;\n    else if (attribute.value === null || attribute.value === undefined) read[name as Name] = \"true\";\n  }\n  return read;\n}\n\n/**\n * The attribute list with one value replaced.\n *\n * An empty value removes the attribute rather than writing `name=\"\"` — an empty\n * string is not a valid value for any of the enumerations these blocks carry,\n * and leaving one behind would make the renderer throw on a block the author\n * had merely cleared.\n */\nexport function writeJsxAttribute(\n  attributes: readonly MdxEditorJsxAttribute[] | undefined,\n  name: string,\n  value: string,\n): MdxEditorJsxAttribute[] {\n  const others = (attributes ?? []).filter(\n    (attribute) => !(attribute.type === \"mdxJsxAttribute\" && attribute.name === name),\n  );\n  if (value === \"\") return others;\n  return [...others, { type: \"mdxJsxAttribute\", name, value }];\n}\n"],"names":[],"mappings":"AAoBO,SAAS,kBACd,YACA,OAC+B;AAC/B,QAAM,OAAsC,CAAA;AAC5C,aAAW,aAAa,cAAc,IAAI;AACxC,QAAI,UAAU,SAAS,kBAAmB;AAC1C,UAAM,OAAO,UAAU;AACvB,QAAI,CAAC,QAAQ,CAAE,MAA4B,SAAS,IAAI,EAAG;AAC3D,QAAI,OAAO,UAAU,UAAU,SAAU,MAAK,IAAY,IAAI,UAAU;AAAA,aAC/D,UAAU,UAAU,QAAQ,UAAU,UAAU,OAAW,MAAK,IAAY,IAAI;AAAA,EAC3F;AACA,SAAO;AACT;AAUO,SAAS,kBACd,YACA,MACA,OACyB;AACzB,QAAM,UAAU,cAAc,CAAA,GAAI;AAAA,IAChC,CAAC,cAAc,EAAE,UAAU,SAAS,qBAAqB,UAAU,SAAS;AAAA,EAAA;AAE9E,MAAI,UAAU,GAAI,QAAO;AACzB,SAAO,CAAC,GAAG,QAAQ,EAAE,MAAM,mBAAmB,MAAM,OAAO;AAC7D;"}