roamjs-components 0.79.8 → 0.79.10

package/components/FormDialog.js

@@ -134,48 +134,47 @@ const FormDialog = ({ title, content, isOpen, onClose, onSubmit = () => Promise.
                 if (meta.conditional && !data[meta.conditional]) {
                     return react_1.default.createElement("div", { key: name });
                 }
+                const setValue = (value) => setData((d) => (Object.assign(Object.assign({}, d), { [name]: value })));
                 if (meta.type === "text") {
                     return (react_1.default.createElement(core_1.Label, { key: name, className: `roamjs-field-${name}` },
                         meta.label,
-                        react_1.default.createElement(core_1.InputGroup, { value: data[name], onChange: (e) => setData(Object.assign(Object.assign({}, data), { [name]: e.target.value })), autoFocus: index === 0 })));
+                        react_1.default.createElement(core_1.InputGroup, { value: data[name], onChange: (e) => setValue(e.target.value), autoFocus: index === 0 })));
                 }
                 else if (meta.type === "number") {
                     return (react_1.default.createElement(core_1.Label, { key: name, className: `roamjs-field-${name}` },
                         meta.label,
-                        react_1.default.createElement(core_1.NumericInput, { value: data[name], onChange: (e) => setData(Object.assign(Object.assign({}, data), { [name]: e.target.value })), autoFocus: index === 0 })));
+                        react_1.default.createElement(core_1.NumericInput, { value: data[name], onChange: (e) => setValue(e.target.value), autoFocus: index === 0 })));
                 }
                 else if (meta.type === "flag") {
-                    return (react_1.default.createElement(core_1.Checkbox, { label: meta.label, value: data[name], onChange: (e) => setData(Object.assign(Object.assign({}, data), { [name]: e.target.checked })), key: name, autoFocus: index === 0, className: `roamjs-field-${name}` }));
+                    return (react_1.default.createElement(core_1.Checkbox, { label: meta.label, value: data[name], onChange: (e) => setValue(e.target.checked), key: name, autoFocus: index === 0, className: `roamjs-field-${name}` }));
                 }
                 else if (meta.type === "select") {
                     return (react_1.default.createElement(core_1.Label, { key: name, className: `roamjs-field-${name}` },
                         meta.label,
-                        react_1.default.createElement(MenuItemSelect_1.default, { activeItem: data[name], onItemSelect: (e) => setData(Object.assign(Object.assign({}, data), { [name]: e })), items: meta.options || [], ButtonProps: {
+                        react_1.default.createElement(MenuItemSelect_1.default, { activeItem: data[name], onItemSelect: setValue, items: meta.options || [], ButtonProps: {
                                 autoFocus: index === 0,
                             } })));
                 }
                 else if (meta.type === "page") {
                     return (react_1.default.createElement(core_1.Label, { key: name, className: `roamjs-field-${name}` },
                         meta.label,
-                        react_1.default.createElement(PageInput_1.default, { key: name, value: data[name], setValue: (e) => setData(Object.assign(Object.assign({}, data), { [name]: e })), autoFocus: index === 0 })));
+                        react_1.default.createElement(PageInput_1.default, { key: name, value: data[name], setValue: setValue, autoFocus: index === 0 })));
                 }
                 else if (meta.type === "block") {
                     return (react_1.default.createElement(core_1.Label, { key: name, className: `roamjs-field-${name}` },
                         meta.label,
                         react_1.default.createElement(BlockInput_1.default, { value: (0, getTextByBlockUid_1.default)(data[name]) ||
-                                data[name], setValue: (text, uid) => setData(Object.assign(Object.assign({}, data), { [name]: window.roamAlphaAPI.pull("[:db/id]", [
-                                    ":block/uid",
-                                    uid || "",
-                                ])
-                                    ? uid
-                                    : text })), autoFocus: index === 0 })));
+                                data[name], setValue: (text, uid) => setValue(window.roamAlphaAPI.pull("[:db/id]", [
+                                ":block/uid",
+                                uid || "",
+                            ])
+                                ? uid
+                                : text), autoFocus: index === 0 })));
                 }
                 else if (meta.type === "embed") {
                     return (react_1.default.createElement(core_1.Label, { key: name, className: `roamjs-field-${name}` },
                         meta.label,
-                        react_1.default.createElement(EmbedInput, { defaultValue: meta.defaultValue, onChange: (value) => {
-                                setData(Object.assign(Object.assign({}, data), { [name]: value }));
-                            }, autoFocus: index === 0 })));
+                        react_1.default.createElement(EmbedInput, { defaultValue: meta.defaultValue, onChange: setValue, autoFocus: index === 0 })));
                 }
                 else {
                     return react_1.default.createElement("div", { key: name });

package/components/FormDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../src/components/FormDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  Checkbox,\n  Classes,\n  Dialog,\n  InputGroup,\n  Intent,\n  Label,\n  NumericInput,\n  Spinner,\n  SpinnerSize,\n} from \"@blueprintjs/core\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport getTextByBlockUid from \"../queries/getTextByBlockUid\";\nimport createOverlayRender from \"../util/createOverlayRender\";\nimport type { RoamOverlayProps } from \"../util/renderOverlay\";\nimport BlockInput from \"./BlockInput\";\nimport MenuItemSelect from \"./MenuItemSelect\";\nimport PageInput from \"./PageInput\";\nimport nanoid from \"nanoid\";\nimport { getUids } from \"../dom\";\nimport { InputTextNode, PullBlock } from \"../types\";\nimport getFullTreeByParentUid from \"../queries/getFullTreeByParentUid\";\nimport createPage from \"../writes/createPage\";\nimport { createBlock } from \"../writes\";\n\ntype Props<T> = {\n  title?: React.ReactNode;\n  content?: React.ReactNode;\n  onSubmit?: (data: T) => Promise<unknown> | unknown;\n  submitButtonText?: string;\n  cancelButtonText?: string;\n  enforceFocus?: boolean;\n  fields?: Record<\n    string,\n    (\n      | {\n          defaultValue?: string;\n          type: \"text\";\n        }\n      | {\n          defaultValue?: number;\n          type: \"number\";\n        }\n      | {\n          defaultValue?: string;\n          type: \"select\";\n          options?: string[];\n        }\n      | {\n          defaultValue?: string;\n          type: \"page\";\n        }\n      | {\n          defaultValue?: string;\n          type: \"block\";\n        }\n      | {\n          defaultValue?: boolean;\n          type: \"flag\";\n        }\n      | {\n          defaultValue?: InputTextNode[];\n          type: \"embed\";\n        }\n    ) & { label?: string; conditional?: string }\n  >;\n};\n\nconst EmbedInput = ({\n  defaultValue,\n  onChange,\n  autoFocus,\n}: {\n  defaultValue?: InputTextNode[];\n  onChange: (s: () => InputTextNode[]) => void;\n  autoFocus: boolean;\n}) => {\n  const defaultEmbed = useMemo(() => defaultValue || [], [defaultValue]);\n  const elRef = useRef<HTMLDivElement>(null);\n  const parentUid = useMemo(window.roamAlphaAPI.util.generateUID, []);\n  const realFocus = useCallback(() => {\n    if (!elRef.current) return;\n    if (\n      elRef.current.contains(document.activeElement) &&\n      elRef.current !== document.activeElement\n    )\n      return;\n    const block = elRef.current.querySelector<\n      HTMLDivElement | HTMLTextAreaElement\n    >(`div[id*=\"block-input\"],textarea[id*=\"block-input\"]`);\n    if (block?.id === \"block-input-ghost\")\n      createBlock({ parentUid, node: { text: \"\" } }).then(() =>\n        setTimeout(realFocus, 500)\n      );\n    const { windowId, blockUid } = getUids(block);\n    if (blockUid)\n      window.roamAlphaAPI.ui.setBlockFocusAndSelection({\n        location: {\n          \"block-uid\": blockUid,\n          \"window-id\": windowId,\n        },\n      });\n  }, [elRef]);\n  useEffect(() => {\n    const el = elRef.current;\n    if (el) {\n      createPage({\n        uid: parentUid,\n        title: nanoid(),\n        tree: defaultEmbed,\n      }).then(() => {\n        window.roamAlphaAPI.ui.components.renderPage({\n          uid: parentUid,\n          el,\n          hideMentions: true,\n        });\n        if (autoFocus) realFocus();\n      });\n      // In the future, we can return the whole tree of data from `parentUid`\n      onChange(() => getFullTreeByParentUid(parentUid).children);\n      return () => {\n        window.roamAlphaAPI.deletePage({ page: { uid: parentUid } });\n      };\n    }\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {};\n  }, [\n    elRef,\n    defaultEmbed,\n    autoFocus,\n    realFocus,\n    parentUid,\n    // Triggering infinite rerender\n    // onChange\n  ]);\n  return (\n    <>\n      <style>{`div.rm-autocomplete__results {\n  z-index: 1000;\n}\n.roamjs-form-embed div div:has(> h1.rm-title-display),\n.roamjs-form-embed .rm-api-render--page > div:has(.rm-reference-main) {\n  display: none;\n}`}</style>\n      <div\n        ref={elRef}\n        className=\"rounded-md bg-white font-normal mt-1 bp3-input h-32 overflow-scroll roamjs-form-embed py-2 px-4\"\n        tabIndex={0}\n        onFocus={realFocus}\n        onKeyDown={(e) => {\n          if (e.key !== \"Tab\") return;\n          const { blockUid } = getUids(e.target as HTMLTextAreaElement);\n          if (!blockUid) return;\n          const { [\":block/order\"]: order, [\":block/parents\"]: parents } =\n            window.roamAlphaAPI.pull(\n              \"[:block/order {:block/parents [:block/uid]}]\",\n              [\":block/uid\", blockUid]\n            ) as PullBlock;\n          if (\n            !(\n              order === 0 &&\n              parents?.length === 1 &&\n              parents[0][\":block/uid\"] === parentUid\n            )\n          )\n            return;\n          e.stopPropagation();\n          e.preventDefault();\n          const label = elRef.current?.parentElement;\n          if (!label) return;\n          const nextElToFocus = e.shiftKey\n            ? label.previousElementSibling ||\n              label\n                .closest(\".bp3-dialog\")\n                ?.querySelector(\".bp3-dialog-footer .bp3-button.roamjs-cancel\")\n            : label.nextElementSibling ||\n              label\n                .closest(\".bp3-dialog\")\n                ?.querySelector(\n                  \".bp3-dialog-footer .bp3-button.bp3-intent-primary\"\n                );\n          if (!nextElToFocus) return;\n          const focusQuery = \"input,button,div.roamjs-form-embed\";\n          if (nextElToFocus.matches(focusQuery))\n            (nextElToFocus as HTMLElement).focus();\n          else nextElToFocus.querySelector<HTMLElement>(focusQuery)?.focus();\n        }}\n      />\n    </>\n  );\n};\n\nconst FormDialog = <T extends Record<string, unknown>>({\n  title,\n  content,\n  isOpen,\n  onClose,\n  onSubmit = () => Promise.resolve(),\n  fields = {},\n  submitButtonText = \"Submit\",\n  cancelButtonText = \"Cancel\",\n  enforceFocus,\n}: RoamOverlayProps<Props<T>>) => {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n  const [data, setData] = useState<T>(\n    () =>\n      Object.fromEntries(\n        Object.entries(fields)\n          .filter(([, meta]) => typeof meta.defaultValue !== \"undefined\")\n          .map(([key, meta]) => [key, meta.defaultValue])\n      ) as T\n  );\n  const onClick = useCallback(\n    () =>\n      Promise.resolve(\n        onSubmit(\n          Object.fromEntries(\n            Object.entries(data)\n              .filter(([key]) => {\n                const { conditional } = fields[key];\n                return !conditional || !!data[conditional];\n              })\n              .map(\n                ([key, value]) =>\n                  [key, typeof value === \"function\" ? value() : value] as const\n              )\n          ) as T\n        )\n      )\n        .then(onClose)\n        .catch((e) => {\n          setError(e.message);\n          setLoading(false);\n        }),\n    [data, onClose, setError, setLoading]\n  );\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      enforceFocus={!title || enforceFocus}\n      autoFocus={!title}\n    >\n      <div className={Classes.DIALOG_BODY}>\n        {content}\n        {Object.entries(fields).map(([name, meta], index) => {\n          if (meta.conditional && !data[meta.conditional]) {\n            return <div key={name} />;\n          }\n          if (meta.type === \"text\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <InputGroup\n                  value={data[name] as string}\n                  onChange={(e) =>\n                    setData({\n                      ...data,\n                      [name]: e.target.value,\n                    })\n                  }\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"number\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <NumericInput\n                  value={data[name] as string}\n                  onChange={(e) =>\n                    setData({\n                      ...data,\n                      [name]: e.target.value,\n                    })\n                  }\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"flag\") {\n            return (\n              <Checkbox\n                label={meta.label}\n                value={data[name] as string}\n                onChange={(e) =>\n                  setData({\n                    ...data,\n                    [name]: (e.target as HTMLInputElement).checked,\n                  })\n                }\n                key={name}\n                autoFocus={index === 0}\n                className={`roamjs-field-${name}`}\n              />\n            );\n          } else if (meta.type === \"select\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <MenuItemSelect\n                  activeItem={data[name] as string}\n                  onItemSelect={(e) =>\n                    setData({\n                      ...data,\n                      [name]: e,\n                    })\n                  }\n                  items={meta.options || []}\n                  ButtonProps={{\n                    autoFocus: index === 0,\n                  }}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"page\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <PageInput\n                  key={name}\n                  value={data[name] as string}\n                  setValue={(e) =>\n                    setData({\n                      ...data,\n                      [name]: e,\n                    })\n                  }\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"block\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <BlockInput\n                  value={\n                    getTextByBlockUid(data[name] as string) ||\n                    (data[name] as string)\n                  }\n                  setValue={(text, uid) =>\n                    setData({\n                      ...data,\n                      [name]: window.roamAlphaAPI.pull(\"[:db/id]\", [\n                        \":block/uid\",\n                        uid || \"\",\n                      ])\n                        ? uid\n                        : text,\n                    })\n                  }\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"embed\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <EmbedInput\n                  defaultValue={meta.defaultValue}\n                  onChange={(value) => {\n                    setData({\n                      ...data,\n                      [name]: value,\n                    });\n                  }}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else {\n            return <div key={name} />;\n          }\n        })}\n      </div>\n      <div className={Classes.DIALOG_FOOTER}>\n        <div\n          className={`${Classes.DIALOG_FOOTER_ACTIONS} items-center flex-row-reverse`}\n        >\n          <Button\n            text={submitButtonText}\n            intent={Intent.PRIMARY}\n            onClick={onClick}\n            disabled={loading}\n            className=\"flex-shrink-0\"\n          />\n          <Button\n            text={cancelButtonText}\n            onClick={onClose}\n            disabled={loading}\n            className=\"flex-shrink-0 roamjs-cancel\"\n          />\n          <span className=\"text-red-700 flex-grow\">{error}</span>\n          {loading && <Spinner size={SpinnerSize.SMALL} />}\n        </div>\n      </div>\n    </Dialog>\n  );\n};\n\nexport const render = createOverlayRender<Props<Record<string, unknown>>>(\n  \"form-dialog\",\n  FormDialog\n);\n\nexport const prompt = ({\n  defaultAnswer,\n  question,\n  title,\n}: {\n  title: string;\n  question: string;\n  defaultAnswer: string;\n}) =>\n  new Promise<string>((resolve) =>\n    render({\n      onSubmit: (data) => resolve(data.value as string),\n      fields: { value: { type: \"text\", defaultValue: defaultAnswer } },\n      title,\n      content: (\n        <div className=\"whitespace-pre-wrap font-semibold text-lg mb-4\">\n          {question}\n        </div>\n      ),\n    })\n  );\n\nexport default FormDialog;\n"]}
+{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../src/components/FormDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  Checkbox,\n  Classes,\n  Dialog,\n  InputGroup,\n  Intent,\n  Label,\n  NumericInput,\n  Spinner,\n  SpinnerSize,\n} from \"@blueprintjs/core\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport getTextByBlockUid from \"../queries/getTextByBlockUid\";\nimport createOverlayRender from \"../util/createOverlayRender\";\nimport type { RoamOverlayProps } from \"../util/renderOverlay\";\nimport BlockInput from \"./BlockInput\";\nimport MenuItemSelect from \"./MenuItemSelect\";\nimport PageInput from \"./PageInput\";\nimport nanoid from \"nanoid\";\nimport { getUids } from \"../dom\";\nimport { InputTextNode, PullBlock } from \"../types\";\nimport getFullTreeByParentUid from \"../queries/getFullTreeByParentUid\";\nimport createPage from \"../writes/createPage\";\nimport { createBlock } from \"../writes\";\n\ntype Props<T> = {\n  title?: React.ReactNode;\n  content?: React.ReactNode;\n  onSubmit?: (data: T) => Promise<unknown> | unknown;\n  submitButtonText?: string;\n  cancelButtonText?: string;\n  enforceFocus?: boolean;\n  fields?: Record<\n    string,\n    (\n      | {\n          defaultValue?: string;\n          type: \"text\";\n        }\n      | {\n          defaultValue?: number;\n          type: \"number\";\n        }\n      | {\n          defaultValue?: string;\n          type: \"select\";\n          options?: string[];\n        }\n      | {\n          defaultValue?: string;\n          type: \"page\";\n        }\n      | {\n          defaultValue?: string;\n          type: \"block\";\n        }\n      | {\n          defaultValue?: boolean;\n          type: \"flag\";\n        }\n      | {\n          defaultValue?: InputTextNode[];\n          type: \"embed\";\n        }\n    ) & { label?: string; conditional?: string }\n  >;\n};\n\nconst EmbedInput = ({\n  defaultValue,\n  onChange,\n  autoFocus,\n}: {\n  defaultValue?: InputTextNode[];\n  onChange: (s: () => InputTextNode[]) => void;\n  autoFocus: boolean;\n}) => {\n  const defaultEmbed = useMemo(() => defaultValue || [], [defaultValue]);\n  const elRef = useRef<HTMLDivElement>(null);\n  const parentUid = useMemo(window.roamAlphaAPI.util.generateUID, []);\n  const realFocus = useCallback(() => {\n    if (!elRef.current) return;\n    if (\n      elRef.current.contains(document.activeElement) &&\n      elRef.current !== document.activeElement\n    )\n      return;\n    const block = elRef.current.querySelector<\n      HTMLDivElement | HTMLTextAreaElement\n    >(`div[id*=\"block-input\"],textarea[id*=\"block-input\"]`);\n    if (block?.id === \"block-input-ghost\")\n      createBlock({ parentUid, node: { text: \"\" } }).then(() =>\n        setTimeout(realFocus, 500)\n      );\n    const { windowId, blockUid } = getUids(block);\n    if (blockUid)\n      window.roamAlphaAPI.ui.setBlockFocusAndSelection({\n        location: {\n          \"block-uid\": blockUid,\n          \"window-id\": windowId,\n        },\n      });\n  }, [elRef]);\n  useEffect(() => {\n    const el = elRef.current;\n    if (el) {\n      createPage({\n        uid: parentUid,\n        title: nanoid(),\n        tree: defaultEmbed,\n      }).then(() => {\n        window.roamAlphaAPI.ui.components.renderPage({\n          uid: parentUid,\n          el,\n          hideMentions: true,\n        });\n        if (autoFocus) realFocus();\n      });\n      // In the future, we can return the whole tree of data from `parentUid`\n      onChange(() => getFullTreeByParentUid(parentUid).children);\n      return () => {\n        window.roamAlphaAPI.deletePage({ page: { uid: parentUid } });\n      };\n    }\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {};\n  }, [\n    elRef,\n    defaultEmbed,\n    autoFocus,\n    realFocus,\n    parentUid,\n    // Triggering infinite rerender\n    // onChange\n  ]);\n  return (\n    <>\n      <style>{`div.rm-autocomplete__results {\n  z-index: 1000;\n}\n.roamjs-form-embed div div:has(> h1.rm-title-display),\n.roamjs-form-embed .rm-api-render--page > div:has(.rm-reference-main) {\n  display: none;\n}`}</style>\n      <div\n        ref={elRef}\n        className=\"rounded-md bg-white font-normal mt-1 bp3-input h-32 overflow-scroll roamjs-form-embed py-2 px-4\"\n        tabIndex={0}\n        onFocus={realFocus}\n        onKeyDown={(e) => {\n          if (e.key !== \"Tab\") return;\n          const { blockUid } = getUids(e.target as HTMLTextAreaElement);\n          if (!blockUid) return;\n          const { [\":block/order\"]: order, [\":block/parents\"]: parents } =\n            window.roamAlphaAPI.pull(\n              \"[:block/order {:block/parents [:block/uid]}]\",\n              [\":block/uid\", blockUid]\n            ) as PullBlock;\n          if (\n            !(\n              order === 0 &&\n              parents?.length === 1 &&\n              parents[0][\":block/uid\"] === parentUid\n            )\n          )\n            return;\n          e.stopPropagation();\n          e.preventDefault();\n          const label = elRef.current?.parentElement;\n          if (!label) return;\n          const nextElToFocus = e.shiftKey\n            ? label.previousElementSibling ||\n              label\n                .closest(\".bp3-dialog\")\n                ?.querySelector(\".bp3-dialog-footer .bp3-button.roamjs-cancel\")\n            : label.nextElementSibling ||\n              label\n                .closest(\".bp3-dialog\")\n                ?.querySelector(\n                  \".bp3-dialog-footer .bp3-button.bp3-intent-primary\"\n                );\n          if (!nextElToFocus) return;\n          const focusQuery = \"input,button,div.roamjs-form-embed\";\n          if (nextElToFocus.matches(focusQuery))\n            (nextElToFocus as HTMLElement).focus();\n          else nextElToFocus.querySelector<HTMLElement>(focusQuery)?.focus();\n        }}\n      />\n    </>\n  );\n};\n\nconst FormDialog = <T extends Record<string, unknown>>({\n  title,\n  content,\n  isOpen,\n  onClose,\n  onSubmit = () => Promise.resolve(),\n  fields = {},\n  submitButtonText = \"Submit\",\n  cancelButtonText = \"Cancel\",\n  enforceFocus,\n}: RoamOverlayProps<Props<T>>) => {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n  const [data, setData] = useState<T>(\n    () =>\n      Object.fromEntries(\n        Object.entries(fields)\n          .filter(([, meta]) => typeof meta.defaultValue !== \"undefined\")\n          .map(([key, meta]) => [key, meta.defaultValue])\n      ) as T\n  );\n  const onClick = useCallback(\n    () =>\n      Promise.resolve(\n        onSubmit(\n          Object.fromEntries(\n            Object.entries(data)\n              .filter(([key]) => {\n                const { conditional } = fields[key];\n                return !conditional || !!data[conditional];\n              })\n              .map(\n                ([key, value]) =>\n                  [key, typeof value === \"function\" ? value() : value] as const\n              )\n          ) as T\n        )\n      )\n        .then(onClose)\n        .catch((e) => {\n          setError(e.message);\n          setLoading(false);\n        }),\n    [data, onClose, setError, setLoading]\n  );\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      enforceFocus={!title || enforceFocus}\n      autoFocus={!title}\n    >\n      <div className={Classes.DIALOG_BODY}>\n        {content}\n        {Object.entries(fields).map(([name, meta], index) => {\n          if (meta.conditional && !data[meta.conditional]) {\n            return <div key={name} />;\n          }\n          const setValue = (value: unknown) =>\n            setData((d) => ({ ...d, [name]: value }));\n          if (meta.type === \"text\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <InputGroup\n                  value={data[name] as string}\n                  onChange={(e) => setValue(e.target.value)}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"number\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <NumericInput\n                  value={data[name] as string}\n                  onChange={(e) => setValue(e.target.value)}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"flag\") {\n            return (\n              <Checkbox\n                label={meta.label}\n                value={data[name] as string}\n                onChange={(e) =>\n                  setValue((e.target as HTMLInputElement).checked)\n                }\n                key={name}\n                autoFocus={index === 0}\n                className={`roamjs-field-${name}`}\n              />\n            );\n          } else if (meta.type === \"select\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <MenuItemSelect\n                  activeItem={data[name] as string}\n                  onItemSelect={setValue}\n                  items={meta.options || []}\n                  ButtonProps={{\n                    autoFocus: index === 0,\n                  }}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"page\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <PageInput\n                  key={name}\n                  value={data[name] as string}\n                  setValue={setValue}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"block\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <BlockInput\n                  value={\n                    getTextByBlockUid(data[name] as string) ||\n                    (data[name] as string)\n                  }\n                  setValue={(text, uid) =>\n                    setValue(\n                      window.roamAlphaAPI.pull(\"[:db/id]\", [\n                        \":block/uid\",\n                        uid || \"\",\n                      ])\n                        ? uid\n                        : text\n                    )\n                  }\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else if (meta.type === \"embed\") {\n            return (\n              <Label key={name} className={`roamjs-field-${name}`}>\n                {meta.label}\n                <EmbedInput\n                  defaultValue={meta.defaultValue}\n                  onChange={setValue}\n                  autoFocus={index === 0}\n                />\n              </Label>\n            );\n          } else {\n            return <div key={name} />;\n          }\n        })}\n      </div>\n      <div className={Classes.DIALOG_FOOTER}>\n        <div\n          className={`${Classes.DIALOG_FOOTER_ACTIONS} items-center flex-row-reverse`}\n        >\n          <Button\n            text={submitButtonText}\n            intent={Intent.PRIMARY}\n            onClick={onClick}\n            disabled={loading}\n            className=\"flex-shrink-0\"\n          />\n          <Button\n            text={cancelButtonText}\n            onClick={onClose}\n            disabled={loading}\n            className=\"flex-shrink-0 roamjs-cancel\"\n          />\n          <span className=\"text-red-700 flex-grow\">{error}</span>\n          {loading && <Spinner size={SpinnerSize.SMALL} />}\n        </div>\n      </div>\n    </Dialog>\n  );\n};\n\nexport const render = createOverlayRender<Props<Record<string, unknown>>>(\n  \"form-dialog\",\n  FormDialog\n);\n\nexport const prompt = ({\n  defaultAnswer,\n  question,\n  title,\n}: {\n  title: string;\n  question: string;\n  defaultAnswer: string;\n}) =>\n  new Promise<string>((resolve) =>\n    render({\n      onSubmit: (data) => resolve(data.value as string),\n      fields: { value: { type: \"text\", defaultValue: defaultAnswer } },\n      title,\n      content: (\n        <div className=\"whitespace-pre-wrap font-semibold text-lg mb-4\">\n          {question}\n        </div>\n      ),\n    })\n  );\n\nexport default FormDialog;\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "roamjs-components",
   "description": "Expansive toolset, utilities, & components for developing RoamJS extensions.",
-  "version": "0.79.8",
+  "version": "0.79.10",
   "main": "index.js",
   "types": "index.d.ts",
   "scripts": {

package/queries/getFullTreeByParentUid.js

@@ -1,7 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const formatRoamNode = (n, v) => {
-    const viewType = (typeof n[":children/view-type"] === "string" ? n[":children/view-type"] : v).replace(/^:/, "");
+const formatRoamNode = (n) => {
+    var _a, _b, _c;
+    if (!n)
+        return {
+            text: "",
+            open: true,
+            order: 0,
+            uid: "",
+            children: [],
+            parents: [],
+            heading: 0,
+            viewType: "bullet",
+            editTime: new Date(0),
+            props: { imageResize: {}, iframe: {} },
+            textAlign: "left",
+        };
+    const viewType = ((_c = (_b = (_a = (n[":block/parents"] || [])
+        .find((a) => typeof a[":children/view-type"] === "string")) === null || _a === void 0 ? void 0 : _a[":children/view-type"]) === null || _b === void 0 ? void 0 : _b.replace) === null || _c === void 0 ? void 0 : _c.call(_b, /^:/, "")) || "bullet";
     return {
         text: n[":block/string"] || n[":node/title"] || "",
         open: typeof n[":block/open"] === "undefined" ? true : n[":block/open"],
@@ -14,13 +30,11 @@ const formatRoamNode = (n, v) => {
         textAlign: n[":block/text-align"] || "left",
         children: (n[":block/children"] || [])
             .sort((a, b) => (a[":block/order"] || 0) - (b[":block/order"] || 0))
-            .map((r) => formatRoamNode(r, viewType)),
+            .map(formatRoamNode),
         parents: (n[":block/parents"] || []).map((n) => (n === null || n === void 0 ? void 0 : n[":db/id"]) || 0),
     };
 };
-const getFullTreeByParentUid = (uid) => {
-    var _a, _b, _c, _d;
-    return formatRoamNode((((_b = (_a = window.roamAlphaAPI.data.fast.q(`[:find (pull ?b [
+const getFullTreeByParentUid = (uid) => formatRoamNode(window.roamAlphaAPI.pull(`[
       :block/string 
       :node/title 
       :block/uid 
@@ -31,15 +45,8 @@ const getFullTreeByParentUid = (uid) => {
       :block/text-align
       :edit/time 
       :block/props
-      :block/parents
+      {:block/parents [:children/view-type]}
       {:block/children ...}
-    ]) :where [?b :block/uid "${uid}"]]`)) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0]) || {}), ((_d = (_c = window.roamAlphaAPI.data.fast.q(`[:find
-      (pull ?p [:children/view-type]) :where
-      [?c :block/uid "${uid}"] [?c :block/parents ?p]]`)
-        .reverse()
-        .map((a) => a[0])
-        .map((a) => a && a[":children/view-type"])
-        .find((a) => !!a)) === null || _c === void 0 ? void 0 : _c.replace) === null || _d === void 0 ? void 0 : _d.call(_c, /^:/, "")) || "bullet");
-};
+    ]`, [`:block/uid`, uid]));
 exports.default = getFullTreeByParentUid;
 //# sourceMappingURL=getFullTreeByParentUid.js.map

package/queries/getFullTreeByParentUid.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFullTreeByParentUid.js","sourceRoot":"","sources":["../../src/queries/getFullTreeByParentUid.ts"],"names":[],"mappings":";;AAEA,MAAM,cAAc,GAAG,CAAC,CAAY,EAAE,CAAW,EAAY,EAAE;IAC7D,MAAM,QAAQ,GAAG,CACf,OAAO,CAAC,CAAC,qBAAqB,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAC5E,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAa,CAAC;IAChC,OAAO;QACL,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE;QAClD,IAAI,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QACvE,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC;QAC7B,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;QACjC,QAAQ;QACR,QAAQ,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACxC,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACtC,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAAI,MAAM;QAC3C,QAAQ,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;aACnC,IAAI,CACH,CAAC,CAAY,EAAE,CAAY,EAAE,EAAE,CAC7B,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CACtD;aACA,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;QAC1C,OAAO,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAG,QAAQ,CAAC,KAAI,CAAC,CAAC;KACpE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,GAAW,EAAY,EAAE;;IACvD,OAAA,cAAc,CACZ,CAAC,CAAA,MAAA,MAAA,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAC9B;;;;;;;;;;;;;gCAa0B,GAAG,KAAK,CACnC,0CAAG,CAAC,CAAC,0CAAG,CAAC,CAAC,KAAI,EAAE,CAAc,EAC/B,CAAC,MAAA,MACC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAC7B;;wBAEgB,GAAG,4BAA4B,CAElD;SACE,OAAO,EAAE;SACT,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAChB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;SACzC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,0CACf,OAAO,mDAAG,IAAI,EAAE,EAAE,CAAc,KAAI,QAAQ,CACjD,CAAA;CAAA,CAAC;AAEJ,kBAAe,sBAAsB,CAAC","sourcesContent":["import type { PullBlock, TreeNode, ViewType } from \"../types\";\n\nconst formatRoamNode = (n: PullBlock, v: ViewType): TreeNode => {\n  const viewType = (\n    typeof n[\":children/view-type\"] === \"string\" ? n[\":children/view-type\"] : v\n  ).replace(/^:/, \"\") as ViewType;\n  return {\n    text: n[\":block/string\"] || n[\":node/title\"] || \"\",\n    open: typeof n[\":block/open\"] === \"undefined\" ? true : n[\":block/open\"],\n    order: n[\":block/order\"] || 0,\n    uid: n[\":block/uid\"] || \"\",\n    heading: n[\":block/heading\"] || 0,\n    viewType,\n    editTime: new Date(n[\":edit/time\"] || 0),\n    props: { imageResize: {}, iframe: {} },\n    textAlign: n[\":block/text-align\"] || \"left\",\n    children: (n[\":block/children\"] || [])\n      .sort(\n        (a: PullBlock, b: PullBlock) =>\n          (a[\":block/order\"] || 0) - (b[\":block/order\"] || 0)\n      )\n      .map((r) => formatRoamNode(r, viewType)),\n    parents: (n[\":block/parents\"] || []).map((n) => n?.[\":db/id\"] || 0),\n  };\n};\n\nconst getFullTreeByParentUid = (uid: string): TreeNode =>\n  formatRoamNode(\n    (window.roamAlphaAPI.data.fast.q(\n      `[:find (pull ?b [\n      :block/string \n      :node/title \n      :block/uid \n      :block/order \n      :block/heading \n      :block/open \n      :children/view-type\n      :block/text-align\n      :edit/time \n      :block/props\n      :block/parents\n      {:block/children ...}\n    ]) :where [?b :block/uid \"${uid}\"]]`\n    )?.[0]?.[0] || {}) as PullBlock,\n    ((\n      window.roamAlphaAPI.data.fast.q(\n        `[:find\n      (pull ?p [:children/view-type]) :where\n      [?c :block/uid \"${uid}\"] [?c :block/parents ?p]]`\n      ) as [PullBlock][]\n    )\n      .reverse()\n      .map((a) => a[0])\n      .map((a) => a && a[\":children/view-type\"])\n      .find((a) => !!a)\n      ?.replace?.(/^:/, \"\") as ViewType) || \"bullet\"\n  );\n\nexport default getFullTreeByParentUid;\n"]}
+{"version":3,"file":"getFullTreeByParentUid.js","sourceRoot":"","sources":["../../src/queries/getFullTreeByParentUid.ts"],"names":[],"mappings":";;AAEA,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAY,EAAE;;IACvD,IAAI,CAAC,CAAC;QACJ,OAAO;YACL,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,EAAE;YACP,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC;YACrB,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YACtC,SAAS,EAAE,MAAM;SAClB,CAAC;IACJ,MAAM,QAAQ,GACZ,CAAC,MAAA,MAAA,MAAA,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;SACzB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,KAAK,QAAQ,CAAC,0CACvD,qBAAqB,CAAC,0CAAE,OAAO,mDAAG,IAAI,EAAE,EAAE,CAAc,KAAI,QAAQ,CAAC;IAC5E,OAAO;QACL,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE;QAClD,IAAI,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QACvE,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC;QAC7B,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;QACjC,QAAQ;QACR,QAAQ,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACxC,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACtC,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAAI,MAAM;QAC3C,QAAQ,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;aACnC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;aACnE,GAAG,CAAC,cAAc,CAAC;QACtB,OAAO,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAG,QAAQ,CAAC,KAAI,CAAC,CAAC;KACpE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,GAAW,EAAY,EAAE,CACvD,cAAc,CACZ,MAAM,CAAC,YAAY,CAAC,IAAI,CACtB;;;;;;;;;;;;;MAaA,EACA,CAAC,YAAY,EAAE,GAAG,CAAC,CACpB,CACF,CAAC;AAEJ,kBAAe,sBAAsB,CAAC","sourcesContent":["import type { PullBlock, TreeNode, ViewType } from \"../types\";\n\nconst formatRoamNode = (n: PullBlock | null): TreeNode => {\n  if (!n)\n    return {\n      text: \"\",\n      open: true,\n      order: 0,\n      uid: \"\",\n      children: [],\n      parents: [],\n      heading: 0,\n      viewType: \"bullet\",\n      editTime: new Date(0),\n      props: { imageResize: {}, iframe: {} },\n      textAlign: \"left\",\n    };\n  const viewType =\n    ((n[\":block/parents\"] || [])\n      .find((a) => typeof a[\":children/view-type\"] === \"string\")\n      ?.[\":children/view-type\"]?.replace?.(/^:/, \"\") as ViewType) || \"bullet\";\n  return {\n    text: n[\":block/string\"] || n[\":node/title\"] || \"\",\n    open: typeof n[\":block/open\"] === \"undefined\" ? true : n[\":block/open\"],\n    order: n[\":block/order\"] || 0,\n    uid: n[\":block/uid\"] || \"\",\n    heading: n[\":block/heading\"] || 0,\n    viewType,\n    editTime: new Date(n[\":edit/time\"] || 0),\n    props: { imageResize: {}, iframe: {} },\n    textAlign: n[\":block/text-align\"] || \"left\",\n    children: (n[\":block/children\"] || [])\n      .sort((a, b) => (a[\":block/order\"] || 0) - (b[\":block/order\"] || 0))\n      .map(formatRoamNode),\n    parents: (n[\":block/parents\"] || []).map((n) => n?.[\":db/id\"] || 0),\n  };\n};\n\nconst getFullTreeByParentUid = (uid: string): TreeNode =>\n  formatRoamNode(\n    window.roamAlphaAPI.pull(\n      `[\n      :block/string \n      :node/title \n      :block/uid \n      :block/order \n      :block/heading \n      :block/open \n      :children/view-type\n      :block/text-align\n      :edit/time \n      :block/props\n      {:block/parents [:children/view-type]}\n      {:block/children ...}\n    ]`,\n      [`:block/uid`, uid]\n    )\n  );\n\nexport default getFullTreeByParentUid;\n"]}

package/types/native.d.ts

@@ -119,9 +119,7 @@ export declare type RoamPull = {
     "node/title"?: string;
 } & RoamNode;
 export declare type PullBlock = {
-    ":attrs/lookup"?: ({
-        ":db/id": number;
-    } | PullBlock)[];
+    ":attrs/lookup"?: PullBlock[];
     ":entity/attrs"?: [
         {
             ":source": [":block/uid", string];

package/types/native.js.map

@@ -1 +1 @@
-{"version":3,"file":"native.js","sourceRoot":"","sources":["../../src/types/native.ts"],"names":[],"mappings":";AAAA,4BAA4B;AAC5B,4EAA4E","sourcesContent":["// emulating Datalog Grammar\n// https://docs.datomic.com/cloud/query/query-data-reference.html#or-clauses\n\nimport { ChangeEvent } from \"react\";\n\nexport type DatalogSrcVar = {\n  type: \"src-var\";\n  value: string;\n};\n\nexport type DatalogVariable = {\n  type: \"variable\";\n  value: string;\n};\n\nexport type DatalogAndClause = {\n  type: \"and-clause\";\n  clauses: DatalogClause[];\n};\n\nexport type DatalogExpressionClause =\n  | DatalogDataPattern\n  | DatalogPredExpr\n  | DatalogFnExpr\n  | DatalogRuleExpr;\n\nexport type DatalogRuleExpr = {\n  type: \"rule-expr\";\n  srcVar?: DatalogSrcVar;\n  ruleName: DatalogRuleName;\n  arguments: DatalogArgument[];\n};\n\nexport type DatalogNotClause = {\n  type: \"not-clause\";\n  srcVar?: DatalogSrcVar;\n  clauses: DatalogClause[];\n};\n\nexport type DatalogNotJoinClause = {\n  type: \"not-join-clause\";\n  srcVar?: DatalogSrcVar;\n  variables: DatalogVariable[];\n  clauses: DatalogClause[];\n};\n\nexport type DatalogOrClause = {\n  type: \"or-clause\";\n  srcVar?: DatalogSrcVar;\n  clauses: DatalogClause[];\n};\n\nexport type DatalogOrJoinClause = {\n  type: \"or-join-clause\";\n  srcVar?: DatalogSrcVar;\n  variables: DatalogVariable[];\n  clauses: DatalogClause[];\n};\n\nexport type DatalogClause =\n  | DatalogNotClause\n  | DatalogOrJoinClause\n  | DatalogExpressionClause\n  | DatalogOrClause\n  | DatalogNotJoinClause\n  | DatalogAndClause;\n\nexport type DatalogDataPattern = {\n  type: \"data-pattern\";\n  srcVar?: DatalogSrcVar;\n  arguments: DatalogArgument[];\n};\n\nexport type DatalogArgument =\n  | DatalogSrcVar\n  | DatalogVariable\n  | DatalogConstant\n  | DatalogUnderscore;\n\nexport type DatalogConstant = {\n  type: \"constant\";\n  value: string;\n};\n\nexport type DatalogPredExpr = {\n  type: \"pred-expr\";\n  pred:\n    | \"<\"\n    | \">\"\n    | \"re-matches\"\n    | \"re-find\"\n    | \"clojure.string/includes?\"\n    | \"clojure.string/ends-with?\"\n    | \"clojure.string/starts-with?\";\n  arguments: DatalogArgument[];\n};\n\nexport type DatalogFnExpr = {\n  type: \"fn-expr\";\n  fn: \"re-pattern\" | \"get\";\n  arguments: DatalogArgument[];\n  binding: DatalogBinding;\n};\n\nexport type DatalogBinding =\n  | DatalogBindScalar\n  | DatalogBindTuple\n  | DatalogBindColl\n  | DatalogBindRel;\n\nexport type DatalogBindScalar = {\n  type: \"bind-scalar\";\n  variable: DatalogVariable;\n};\nexport type DatalogBindTuple = {\n  type: \"bind-tuple\";\n  args: (DatalogVariable | DatalogUnderscore)[];\n};\nexport type DatalogBindColl = {\n  type: \"bind-col\";\n  variable: DatalogVariable;\n};\n\nexport type DatalogBindRel = {\n  type: \"bind-rel\";\n  args: (DatalogVariable | DatalogUnderscore)[];\n};\n\nexport type DatalogUnderscore = {\n  type: \"underscore\";\n  value: \"_\";\n};\n\nexport type DatalogRuleName = {\n  type: \"rulename\";\n  value: string;\n};\n\nexport type RoamBasicBlock = {\n  string: string;\n  uid: string;\n};\n\nexport type RoamBasicPage = { title: string; uid: string };\n\nexport type RoamBasicNode = {\n  text: string;\n  uid: string;\n  children: RoamBasicNode[];\n};\n\nexport type RoamPull = {\n  \"block/children\"?: RoamNode[];\n  \"block/heading\"?: number;\n  \"block/open\"?: boolean;\n  \"block/order\"?: number;\n  \"block/page\"?: RoamNode;\n  \"block/parents\"?: RoamNode[];\n  \"block/refs\"?: RoamNode[];\n  \"block/string\"?: string;\n  \"block/uid\"?: string;\n  \"children/view-type\"?: `:${ViewType}`;\n  \"create/time\"?: number;\n  \"create/user\"?: RoamNode;\n  \"edit/time\"?: number;\n  \"edit/user\"?: RoamNode;\n  \"log/id\"?: number;\n  \"node/title\"?: string;\n} & RoamNode;\n\nexport type PullBlock = {\n  \":attrs/lookup\"?: ({ \":db/id\": number } | PullBlock)[];\n  \":entity/attrs\"?: [\n    { \":source\": [\":block/uid\", string]; \":value\": [\":block/uid\", string] },\n    { \":source\": [\":block/uid\", string]; \":value\": [\":block/uid\", string] },\n    {\n      \":source\": [\":block/uid\", string];\n      \":value\": string | [\":block/uid\", string];\n    }\n  ][];\n  \":block/children\"?: PullBlock[];\n  \":block/heading\"?: number;\n  \":block/open\"?: boolean;\n  \":block/order\"?: number;\n  \":block/page\"?: { \":db/id\": number };\n  \":block/parents\"?: PullBlock[];\n  \":block/props\"?: {\n    \":image-size\"?: {\n      [p: string]: {\n        \":height\": number;\n        \":width\": number;\n      };\n    };\n    \":iframe\"?: {\n      [p: string]: {\n        \":size\": {\n          \":height\": number;\n          \":width\": number;\n        };\n      };\n    };\n    [k: `:roamjs-${string}`]: Record<string, unknown>;\n  };\n  \":block/refs\"?: { \":db/id\": number }[];\n  \":block/string\"?: string;\n  \":block/view-type\"?: `:${BlockViewType}`;\n  \":block/text-align\"?: TextAlignment;\n  \":block/uid\"?: string;\n  \":children/view-type\"?: `:${ViewType}`;\n  \":create/time\"?: number;\n  \":create/user\"?: { \":db/id\": number };\n  \":edit/time\"?: number;\n  \":edit/user\"?: { \":db/id\": number };\n  \":db/id\"?: number;\n  \":log/id\"?: number;\n  \":node/title\"?: string;\n  \":user/display-name\"?: string;\n  \":user/display-page\"?: { \":db/id\": number };\n  \":user/settings\"?: {\n    \":namespace-options\": [\":none\", \":partial\", \":full\"];\n    \":link-brackets?\": boolean;\n    \":showing-inline-references?\": boolean;\n    \":right-sidebar-pinned\": {\n      [uuid: string]: SidebarWindow;\n    };\n    \":showing-own-icons?\": boolean;\n    \":showing-user-icons?\": boolean;\n    \":first-day-of-week\"?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  };\n  \":user/uid\"?: string;\n  \":user/email\"?: string;\n};\n\nexport type RoamPullResult = RoamPull | null;\n\nexport type ViewType = \"document\" | \"bullet\" | \"numbered\";\n\nexport type BlockViewType =\n  | \"tabs\"\n  | \"outline\"\n  | \"horizontal\"\n  | \"popout\"\n  | \"comment\"\n  | \"side\"\n  | \"vertical\";\n\nexport type TextAlignment = \"left\" | \"center\" | \"right\" | \"justify\";\n\nexport type RoamBlock = {\n  attrs?: { source: string[] }[][];\n  children?: { id: number }[];\n  id?: number;\n  string?: string;\n  title?: string;\n  time?: number;\n  uid?: string;\n  order?: number;\n  \"view-type\"?: ViewType;\n};\n\nexport type RoamError = {\n  raw: string;\n  \"status-code\": number;\n};\n\nexport type TreeNode = {\n  text: string;\n  order: number;\n  children: TreeNode[];\n  parents: number[];\n  uid: string;\n  heading: number;\n  open: boolean;\n  viewType: ViewType;\n  editTime: Date;\n  textAlign: TextAlignment;\n  props: {\n    imageResize: {\n      [link: string]: {\n        height: number;\n        width: number;\n      };\n    };\n    iframe: {\n      [link: string]: {\n        height: number;\n        width: number;\n      };\n    };\n  };\n};\n\nexport type TextNode = {\n  text: string;\n  children: TextNode[];\n};\n\nexport type InputTextNode = {\n  text: string;\n  children?: InputTextNode[];\n  uid?: string;\n  heading?: number;\n  textAlign?: TextAlignment;\n  viewType?: ViewType;\n  open?: boolean;\n  props?: Record<string, unknown>;\n};\n\ntype PlusType = [number, string];\n\nexport type RoamNode = { \"db/id\": number };\n\nexport type RoamQuery = RoamPull & {\n  \"block/graph\"?: RoamNode;\n  \"node/graph+title\"?: PlusType;\n  \"block/graph+uid\"?: PlusType;\n  \"node/graph\"?: RoamNode;\n  \"edit/email\"?: string;\n  \"entity/graph\"?: RoamNode;\n};\n\nexport type RoamQueryResult = number & RoamQuery;\n\nexport type ClientParams = {\n  action:\n    | \"pull\"\n    | \"q\"\n    | \"create-block\"\n    | \"update-block\"\n    | \"create-page\"\n    | \"move-block\"\n    | \"delete-block\"\n    | \"delete-page\"\n    | \"update-page\";\n  selector?: string;\n  uid?: string;\n  query?: string;\n  inputs?: string[];\n} & ActionParams;\n\nexport type ActionParams = {\n  location?: {\n    \"parent-uid\": string;\n    order: number;\n  };\n  block?: {\n    string?: string;\n    uid?: string;\n    open?: boolean;\n    heading?: number;\n    \"text-align\"?: TextAlignment;\n    \"children-view-type\"?: ViewType;\n    props?: Record<string, unknown>;\n  };\n  page?: {\n    title?: string;\n    uid?: string;\n  };\n};\n\nexport type WriteAction = (a: ActionParams) => Promise<void>;\n\nexport type UserSettings = {\n  \"global-filters\": {\n    includes: string[];\n    removes: string[];\n  };\n};\n\ntype SidebarWindowType =\n  | SidebarBlockWindow\n  | SidebarMentionsWindow\n  | SidebarGraphWindow\n  | SidebarOutlineWindow;\n\nexport type SidebarWindowInput = {\n  \"block-uid\": string;\n  type: SidebarWindowType[\"type\"];\n};\n\ntype SidebarBlockWindow = {\n  type: \"block\";\n  \"block-uid\": string;\n};\n\ntype SidebarOutlineWindow = {\n  type: \"outline\";\n  \"page-uid\": string;\n};\n\ntype SidebarMentionsWindow = {\n  type: \"mentions\";\n  \"mentions-uid\": string;\n};\n\ntype SidebarGraphWindow = {\n  type: \"graph\";\n  // \"page-uid\": string; Currently not working despite documentation\n  \"block-uid\": string;\n};\n\nexport type SidebarAction = (action: {\n  window: SidebarWindowInput;\n}) => Promise<void>;\n\nexport type SidebarWindow = {\n  \"collapsed?\": boolean;\n  order: number;\n  \"pinned?\": boolean;\n  \"window-id\": string;\n} & SidebarWindowType;\n\nexport type AddPullWatch = (\n  pullPattern: string,\n  entityId: string,\n  callback: (before: PullBlock | null, after: PullBlock | null) => void\n) => boolean;\n\ntype ButtonAction = {\n  type: \"button\";\n  onClick?: (e: MouseEvent) => void;\n  content: string;\n};\n\ntype SwitchAction = {\n  type: \"switch\";\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype InputAction = {\n  type: \"input\";\n  placeholder: string;\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype SelectAction = {\n  type: \"select\";\n  items: string[];\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype CustomAction = {\n  type: \"reactComponent\";\n  component: React.FC;\n};\n\nexport type Action =\n  | ButtonAction\n  | SwitchAction\n  | InputAction\n  | SelectAction\n  | CustomAction;\n\ntype PanelConfig = {\n  tabTitle: string;\n  settings: {\n    id: string;\n    name: string;\n    description: string;\n    action: Action;\n  }[];\n};\n\nexport type AddCommandOptions = {\n  label: string;\n  callback: () => void;\n  disableHotkey?: boolean;\n  defaultHotkey?: string | string[];\n};\n\ntype RemoveCommandOptions = {\n  label: string;\n};\n\nexport type OnloadArgs = {\n  extensionAPI: {\n    settings: {\n      get: (k: string) => unknown;\n      getAll: () => Record<string, unknown>;\n      panel: {\n        create: (c: PanelConfig) => void;\n      };\n      set: (k: string, v: unknown) => Promise<void>;\n    };\n    ui: {\n      commandPalette: {\n        addCommand: (c: AddCommandOptions) => Promise<void>;\n        removeCommand: (c: RemoveCommandOptions) => Promise<void>;\n      };\n    };\n  };\n  extension: {\n    version: string;\n  };\n};\n"]}
+{"version":3,"file":"native.js","sourceRoot":"","sources":["../../src/types/native.ts"],"names":[],"mappings":";AAAA,4BAA4B;AAC5B,4EAA4E","sourcesContent":["// emulating Datalog Grammar\n// https://docs.datomic.com/cloud/query/query-data-reference.html#or-clauses\n\nimport { ChangeEvent } from \"react\";\n\nexport type DatalogSrcVar = {\n  type: \"src-var\";\n  value: string;\n};\n\nexport type DatalogVariable = {\n  type: \"variable\";\n  value: string;\n};\n\nexport type DatalogAndClause = {\n  type: \"and-clause\";\n  clauses: DatalogClause[];\n};\n\nexport type DatalogExpressionClause =\n  | DatalogDataPattern\n  | DatalogPredExpr\n  | DatalogFnExpr\n  | DatalogRuleExpr;\n\nexport type DatalogRuleExpr = {\n  type: \"rule-expr\";\n  srcVar?: DatalogSrcVar;\n  ruleName: DatalogRuleName;\n  arguments: DatalogArgument[];\n};\n\nexport type DatalogNotClause = {\n  type: \"not-clause\";\n  srcVar?: DatalogSrcVar;\n  clauses: DatalogClause[];\n};\n\nexport type DatalogNotJoinClause = {\n  type: \"not-join-clause\";\n  srcVar?: DatalogSrcVar;\n  variables: DatalogVariable[];\n  clauses: DatalogClause[];\n};\n\nexport type DatalogOrClause = {\n  type: \"or-clause\";\n  srcVar?: DatalogSrcVar;\n  clauses: DatalogClause[];\n};\n\nexport type DatalogOrJoinClause = {\n  type: \"or-join-clause\";\n  srcVar?: DatalogSrcVar;\n  variables: DatalogVariable[];\n  clauses: DatalogClause[];\n};\n\nexport type DatalogClause =\n  | DatalogNotClause\n  | DatalogOrJoinClause\n  | DatalogExpressionClause\n  | DatalogOrClause\n  | DatalogNotJoinClause\n  | DatalogAndClause;\n\nexport type DatalogDataPattern = {\n  type: \"data-pattern\";\n  srcVar?: DatalogSrcVar;\n  arguments: DatalogArgument[];\n};\n\nexport type DatalogArgument =\n  | DatalogSrcVar\n  | DatalogVariable\n  | DatalogConstant\n  | DatalogUnderscore;\n\nexport type DatalogConstant = {\n  type: \"constant\";\n  value: string;\n};\n\nexport type DatalogPredExpr = {\n  type: \"pred-expr\";\n  pred:\n    | \"<\"\n    | \">\"\n    | \"re-matches\"\n    | \"re-find\"\n    | \"clojure.string/includes?\"\n    | \"clojure.string/ends-with?\"\n    | \"clojure.string/starts-with?\";\n  arguments: DatalogArgument[];\n};\n\nexport type DatalogFnExpr = {\n  type: \"fn-expr\";\n  fn: \"re-pattern\" | \"get\";\n  arguments: DatalogArgument[];\n  binding: DatalogBinding;\n};\n\nexport type DatalogBinding =\n  | DatalogBindScalar\n  | DatalogBindTuple\n  | DatalogBindColl\n  | DatalogBindRel;\n\nexport type DatalogBindScalar = {\n  type: \"bind-scalar\";\n  variable: DatalogVariable;\n};\nexport type DatalogBindTuple = {\n  type: \"bind-tuple\";\n  args: (DatalogVariable | DatalogUnderscore)[];\n};\nexport type DatalogBindColl = {\n  type: \"bind-col\";\n  variable: DatalogVariable;\n};\n\nexport type DatalogBindRel = {\n  type: \"bind-rel\";\n  args: (DatalogVariable | DatalogUnderscore)[];\n};\n\nexport type DatalogUnderscore = {\n  type: \"underscore\";\n  value: \"_\";\n};\n\nexport type DatalogRuleName = {\n  type: \"rulename\";\n  value: string;\n};\n\nexport type RoamBasicBlock = {\n  string: string;\n  uid: string;\n};\n\nexport type RoamBasicPage = { title: string; uid: string };\n\nexport type RoamBasicNode = {\n  text: string;\n  uid: string;\n  children: RoamBasicNode[];\n};\n\nexport type RoamPull = {\n  \"block/children\"?: RoamNode[];\n  \"block/heading\"?: number;\n  \"block/open\"?: boolean;\n  \"block/order\"?: number;\n  \"block/page\"?: RoamNode;\n  \"block/parents\"?: RoamNode[];\n  \"block/refs\"?: RoamNode[];\n  \"block/string\"?: string;\n  \"block/uid\"?: string;\n  \"children/view-type\"?: `:${ViewType}`;\n  \"create/time\"?: number;\n  \"create/user\"?: RoamNode;\n  \"edit/time\"?: number;\n  \"edit/user\"?: RoamNode;\n  \"log/id\"?: number;\n  \"node/title\"?: string;\n} & RoamNode;\n\nexport type PullBlock = {\n  \":attrs/lookup\"?: PullBlock[];\n  \":entity/attrs\"?: [\n    { \":source\": [\":block/uid\", string]; \":value\": [\":block/uid\", string] },\n    { \":source\": [\":block/uid\", string]; \":value\": [\":block/uid\", string] },\n    {\n      \":source\": [\":block/uid\", string];\n      \":value\": string | [\":block/uid\", string];\n    }\n  ][];\n  \":block/children\"?: PullBlock[];\n  \":block/heading\"?: number;\n  \":block/open\"?: boolean;\n  \":block/order\"?: number;\n  \":block/page\"?: { \":db/id\": number };\n  \":block/parents\"?: PullBlock[];\n  \":block/props\"?: {\n    \":image-size\"?: {\n      [p: string]: {\n        \":height\": number;\n        \":width\": number;\n      };\n    };\n    \":iframe\"?: {\n      [p: string]: {\n        \":size\": {\n          \":height\": number;\n          \":width\": number;\n        };\n      };\n    };\n    [k: `:roamjs-${string}`]: Record<string, unknown>;\n  };\n  \":block/refs\"?: { \":db/id\": number }[];\n  \":block/string\"?: string;\n  \":block/view-type\"?: `:${BlockViewType}`;\n  \":block/text-align\"?: TextAlignment;\n  \":block/uid\"?: string;\n  \":children/view-type\"?: `:${ViewType}`;\n  \":create/time\"?: number;\n  \":create/user\"?: { \":db/id\": number };\n  \":edit/time\"?: number;\n  \":edit/user\"?: { \":db/id\": number };\n  \":db/id\"?: number;\n  \":log/id\"?: number;\n  \":node/title\"?: string;\n  \":user/display-name\"?: string;\n  \":user/display-page\"?: { \":db/id\": number };\n  \":user/settings\"?: {\n    \":namespace-options\": [\":none\", \":partial\", \":full\"];\n    \":link-brackets?\": boolean;\n    \":showing-inline-references?\": boolean;\n    \":right-sidebar-pinned\": {\n      [uuid: string]: SidebarWindow;\n    };\n    \":showing-own-icons?\": boolean;\n    \":showing-user-icons?\": boolean;\n    \":first-day-of-week\"?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  };\n  \":user/uid\"?: string;\n  \":user/email\"?: string;\n};\n\nexport type RoamPullResult = RoamPull | null;\n\nexport type ViewType = \"document\" | \"bullet\" | \"numbered\";\n\nexport type BlockViewType =\n  | \"tabs\"\n  | \"outline\"\n  | \"horizontal\"\n  | \"popout\"\n  | \"comment\"\n  | \"side\"\n  | \"vertical\";\n\nexport type TextAlignment = \"left\" | \"center\" | \"right\" | \"justify\";\n\nexport type RoamBlock = {\n  attrs?: { source: string[] }[][];\n  children?: { id: number }[];\n  id?: number;\n  string?: string;\n  title?: string;\n  time?: number;\n  uid?: string;\n  order?: number;\n  \"view-type\"?: ViewType;\n};\n\nexport type RoamError = {\n  raw: string;\n  \"status-code\": number;\n};\n\nexport type TreeNode = {\n  text: string;\n  order: number;\n  children: TreeNode[];\n  parents: number[];\n  uid: string;\n  heading: number;\n  open: boolean;\n  viewType: ViewType;\n  editTime: Date;\n  textAlign: TextAlignment;\n  props: {\n    imageResize: {\n      [link: string]: {\n        height: number;\n        width: number;\n      };\n    };\n    iframe: {\n      [link: string]: {\n        height: number;\n        width: number;\n      };\n    };\n  };\n};\n\nexport type TextNode = {\n  text: string;\n  children: TextNode[];\n};\n\nexport type InputTextNode = {\n  text: string;\n  children?: InputTextNode[];\n  uid?: string;\n  heading?: number;\n  textAlign?: TextAlignment;\n  viewType?: ViewType;\n  open?: boolean;\n  props?: Record<string, unknown>;\n};\n\ntype PlusType = [number, string];\n\nexport type RoamNode = { \"db/id\": number };\n\nexport type RoamQuery = RoamPull & {\n  \"block/graph\"?: RoamNode;\n  \"node/graph+title\"?: PlusType;\n  \"block/graph+uid\"?: PlusType;\n  \"node/graph\"?: RoamNode;\n  \"edit/email\"?: string;\n  \"entity/graph\"?: RoamNode;\n};\n\nexport type RoamQueryResult = number & RoamQuery;\n\nexport type ClientParams = {\n  action:\n    | \"pull\"\n    | \"q\"\n    | \"create-block\"\n    | \"update-block\"\n    | \"create-page\"\n    | \"move-block\"\n    | \"delete-block\"\n    | \"delete-page\"\n    | \"update-page\";\n  selector?: string;\n  uid?: string;\n  query?: string;\n  inputs?: string[];\n} & ActionParams;\n\nexport type ActionParams = {\n  location?: {\n    \"parent-uid\": string;\n    order: number;\n  };\n  block?: {\n    string?: string;\n    uid?: string;\n    open?: boolean;\n    heading?: number;\n    \"text-align\"?: TextAlignment;\n    \"children-view-type\"?: ViewType;\n    props?: Record<string, unknown>;\n  };\n  page?: {\n    title?: string;\n    uid?: string;\n  };\n};\n\nexport type WriteAction = (a: ActionParams) => Promise<void>;\n\nexport type UserSettings = {\n  \"global-filters\": {\n    includes: string[];\n    removes: string[];\n  };\n};\n\ntype SidebarWindowType =\n  | SidebarBlockWindow\n  | SidebarMentionsWindow\n  | SidebarGraphWindow\n  | SidebarOutlineWindow;\n\nexport type SidebarWindowInput = {\n  \"block-uid\": string;\n  type: SidebarWindowType[\"type\"];\n};\n\ntype SidebarBlockWindow = {\n  type: \"block\";\n  \"block-uid\": string;\n};\n\ntype SidebarOutlineWindow = {\n  type: \"outline\";\n  \"page-uid\": string;\n};\n\ntype SidebarMentionsWindow = {\n  type: \"mentions\";\n  \"mentions-uid\": string;\n};\n\ntype SidebarGraphWindow = {\n  type: \"graph\";\n  // \"page-uid\": string; Currently not working despite documentation\n  \"block-uid\": string;\n};\n\nexport type SidebarAction = (action: {\n  window: SidebarWindowInput;\n}) => Promise<void>;\n\nexport type SidebarWindow = {\n  \"collapsed?\": boolean;\n  order: number;\n  \"pinned?\": boolean;\n  \"window-id\": string;\n} & SidebarWindowType;\n\nexport type AddPullWatch = (\n  pullPattern: string,\n  entityId: string,\n  callback: (before: PullBlock | null, after: PullBlock | null) => void\n) => boolean;\n\ntype ButtonAction = {\n  type: \"button\";\n  onClick?: (e: MouseEvent) => void;\n  content: string;\n};\n\ntype SwitchAction = {\n  type: \"switch\";\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype InputAction = {\n  type: \"input\";\n  placeholder: string;\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype SelectAction = {\n  type: \"select\";\n  items: string[];\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n};\n\ntype CustomAction = {\n  type: \"reactComponent\";\n  component: React.FC;\n};\n\nexport type Action =\n  | ButtonAction\n  | SwitchAction\n  | InputAction\n  | SelectAction\n  | CustomAction;\n\ntype PanelConfig = {\n  tabTitle: string;\n  settings: {\n    id: string;\n    name: string;\n    description: string;\n    action: Action;\n  }[];\n};\n\nexport type AddCommandOptions = {\n  label: string;\n  callback: () => void;\n  disableHotkey?: boolean;\n  defaultHotkey?: string | string[];\n};\n\ntype RemoveCommandOptions = {\n  label: string;\n};\n\nexport type OnloadArgs = {\n  extensionAPI: {\n    settings: {\n      get: (k: string) => unknown;\n      getAll: () => Record<string, unknown>;\n      panel: {\n        create: (c: PanelConfig) => void;\n      };\n      set: (k: string, v: unknown) => Promise<void>;\n    };\n    ui: {\n      commandPalette: {\n        addCommand: (c: AddCommandOptions) => Promise<void>;\n        removeCommand: (c: RemoveCommandOptions) => Promise<void>;\n      };\n    };\n  };\n  extension: {\n    version: string;\n  };\n};\n"]}