@dxos/plugin-sheet 0.6.14-main.8b352a0 → 0.6.14-staging.3e2eaca

package/dist/lib/node/SheetContainer-MPFKXY26.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/SheetContainer/SheetContainer.tsx", "../../../src/components/FunctionEditor/FunctionEditor.tsx", "../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/SheetContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Space } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { type SheetType } from '../../types';\nimport { useComputeGraph } from '../ComputeGraph';\nimport { FunctionEditor } from '../FunctionEditor';\nimport { GridSheet } from '../GridSheet';\nimport { SheetProvider } from '../SheetContext';\nimport { Toolbar } from '../Toolbar';\n\nexport const SheetContainer = ({ space, sheet, role }: { space: Space; sheet: SheetType; role?: string }) => {\n  const graph = useComputeGraph(space);\n\n  return graph ? (\n    <SheetProvider sheet={sheet} graph={graph}>\n      <StackItem.Content toolbar statusbar classNames='border-bs border-separator'>\n        <Toolbar.Root role={role}>\n          <Toolbar.Styles />\n          <Toolbar.Alignment />\n          <Toolbar.Separator />\n          <Toolbar.Actions />\n        </Toolbar.Root>\n        <GridSheet />\n        <FunctionEditor />\n      </StackItem.Content>\n    </SheetProvider>\n  ) : null;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { addressToA1Notation, isFormula, rangeToA1Notation } from '../../defs';\nimport { useSheetContext } from '../SheetContext';\n\nexport const FunctionEditor = () => {\n  const { model, cursor, range } = useSheetContext();\n\n  let value;\n  let formula = false;\n  if (cursor) {\n    value = model.getCellValue(cursor);\n    if (isFormula(value)) {\n      value = model.graph.mapFunctionBindingFromId(model.mapFormulaIndicesToRefs(value));\n      formula = true;\n    } else if (value != null) {\n      value = String(value);\n    }\n  }\n\n  return (\n    <div className={mx('flex shrink-0 justify-between items-center px-4 py-1 text-sm attention-surface')}>\n      <div className='flex gap-4 items-center'>\n        <div className='flex w-16 items-center font-mono'>\n          {(range && rangeToA1Notation(range)) || (cursor && addressToA1Notation(cursor))}\n        </div>\n        <div className='flex gap-2 items-center'>\n          <Icon icon='ph--function--regular' classNames={['text-greenText', formula ? 'visible' : 'invisible']} />\n          <span className='font-mono'>{value}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport {\n  Icon,\n  type ThemedClassName,\n  Toolbar as NaturalToolbar,\n  type ToolbarButtonProps as NaturalToolbarButtonProps,\n  type ToolbarToggleGroupItemProps as NaturalToolbarToggleGroupItemProps,\n  type ToolbarToggleProps as NaturalToolbarToggleProps,\n  Tooltip,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { nonNullable } from '@dxos/util';\n\nimport {\n  alignKey,\n  type AlignKey,\n  type AlignValue,\n  type CommentKey,\n  type CommentValue,\n  inRange,\n  rangeFromIndex,\n  rangeToIndex,\n  styleKey,\n  type StyleKey,\n  type StyleValue,\n} from '../../defs';\nimport { completeCellRangeToThreadCursor } from '../../integrations';\nimport { SHEET_PLUGIN } from '../../meta';\nimport { type SheetType } from '../../types';\nimport { useSheetContext } from '../SheetContext';\n\n//\n// Buttons\n//\n\nconst buttonStyles = 'min-bs-0 p-2';\nconst tooltipProps = { side: 'bottom' as const, classNames: 'z-10' };\n\nconst ToolbarSeparator = () => <div role='separator' className='grow' />;\n\n//\n// ToolbarItem\n//\n\ntype ToolbarItemProps =\n  | (NaturalToolbarButtonProps & { itemType: 'button'; icon: string })\n  | (NaturalToolbarToggleGroupItemProps & { itemType: 'toggleGroupItem'; icon: string })\n  | (NaturalToolbarToggleProps & { itemType: 'toggle'; icon: string });\n\nexport const ToolbarItem = ({ itemType, icon, children, ...props }: ToolbarItemProps) => {\n  const Invoker =\n    itemType === 'toggleGroupItem'\n      ? NaturalToolbar.ToggleGroupItem\n      : itemType === 'toggle'\n        ? NaturalToolbar.Toggle\n        : NaturalToolbar.Button;\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        {/* TODO(thure): type the props spread better. */}\n        <Invoker variant='ghost' {...(props as any)} classNames={buttonStyles}>\n          <Icon icon={icon} size={5} />\n          <span className='sr-only'>{children}</span>\n        </Invoker>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content {...tooltipProps}>\n          {children}\n          <Tooltip.Arrow />\n        </Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\n//\n// Root\n//\n\ntype AlignAction = { key: AlignKey; value: AlignValue };\ntype CommentAction = { key: CommentKey; value: CommentValue; cellContent?: string };\ntype StyleAction = { key: StyleKey; value: StyleValue };\n\nexport type ToolbarAction = StyleAction | AlignAction | CommentAction;\nexport type ToolbarActionAnnotated = ToolbarAction & { unset?: boolean };\n\nexport type ToolbarActionType = ToolbarAction['key'];\n\nexport type ToolbarActionHandler = (action: ToolbarActionAnnotated) => void;\n\nexport type ToolbarProps = ThemedClassName<\n  PropsWithChildren<{\n    role?: string;\n  }>\n>;\n\nconst [ToolbarContextProvider, useToolbarContext] = createContext<{\n  onAction: (action: ToolbarActionAnnotated) => void;\n}>('Toolbar');\n\ntype Range = SheetType['ranges'][number];\n\nconst ToolbarRoot = ({ children, role, classNames }: ToolbarProps) => {\n  const { id, model, cursorFallbackRange, cursor } = useSheetContext();\n  const { hasAttention } = useAttention(id);\n  const dispatch = useIntentDispatcher();\n\n  // TODO(Zan): Externalize the toolbar action handler. E.g., Toolbar/keys should both fire events.\n  const handleAction = useCallback(\n    (action: ToolbarActionAnnotated) => {\n      switch (action.key) {\n        case 'alignment':\n          if (cursorFallbackRange) {\n            const index =\n              model.sheet.ranges?.findIndex(\n                (range) =>\n                  range.key === action.key &&\n                  inRange(rangeFromIndex(model.sheet, range.range), cursorFallbackRange.from),\n              ) ?? -1;\n            const nextRangeEntity = {\n              range: rangeToIndex(model.sheet, cursorFallbackRange),\n              key: action.key,\n              value: action.value,\n            };\n            if (index < 0) {\n              model.sheet.ranges?.push(nextRangeEntity);\n            } else if (model.sheet.ranges![index].value === action.value) {\n              model.sheet.ranges?.splice(index, 1);\n            } else {\n              model.sheet.ranges?.splice(index, 1, nextRangeEntity);\n            }\n          }\n          break;\n        case 'style':\n          if (action.unset) {\n            const index = model.sheet.ranges?.findIndex(\n              (range) =>\n                range.key === action.key &&\n                cursorFallbackRange &&\n                inRange(rangeFromIndex(model.sheet, range.range), cursorFallbackRange.from),\n            );\n            if (index >= 0) {\n              model.sheet.ranges?.splice(index, 1);\n            }\n          } else if (cursorFallbackRange) {\n            model.sheet.ranges?.push({\n              range: rangeToIndex(model.sheet, cursorFallbackRange),\n              key: action.key,\n              value: action.value,\n            });\n          }\n          break;\n        case 'comment': {\n          // TODO(Zan): We shouldn't hardcode the action ID.\n          if (cursorFallbackRange) {\n            void dispatch({\n              action: 'dxos.org/plugin/thread/action/create',\n              data: {\n                cursor: completeCellRangeToThreadCursor(cursorFallbackRange),\n                name: action.cellContent,\n                subject: model.sheet,\n              },\n            });\n          }\n        }\n      }\n    },\n    [model.sheet, cursorFallbackRange, cursor, dispatch],\n  );\n\n  return (\n    <ToolbarContextProvider onAction={handleAction}>\n      <NaturalToolbar.Root classNames={['pli-0.5', !hasAttention && 'opacity-20', classNames]}>\n        {children}\n      </NaturalToolbar.Root>\n    </ToolbarContextProvider>\n  );\n};\n\n// TODO(burdon): Generalize.\n// TODO(burdon): Detect and display current state.\ntype ButtonProps<T> = {\n  value: T;\n  icon: string;\n  disabled?: (state: Range) => boolean;\n};\n\n//\n// Alignment\n//\n\nconst alignmentOptions: ButtonProps<AlignValue>[] = [\n  { value: 'start', icon: 'ph--text-align-left--regular' },\n  { value: 'center', icon: 'ph--text-align-center--regular' },\n  { value: 'end', icon: 'ph--text-align-right--regular' },\n];\n\nconst Alignment = () => {\n  const { cursor, model } = useSheetContext();\n  const { onAction } = useToolbarContext('Alignment');\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  // TODO(thure): Can this O(n) call be memoized?\n  const value = cursor\n    ? model.sheet.ranges?.findLast(\n        ({ range, key }) => key === alignKey && inRange(rangeFromIndex(model.sheet, range), cursor),\n      )?.value\n    : undefined;\n\n  return (\n    <NaturalToolbar.ToggleGroup\n      type='single'\n      value={\n        // TODO(thure): providing `undefined` leaves the last item active which was active rather than showing none.\n        value ?? 'never'\n      }\n      onValueChange={(value: AlignValue) => onAction?.({ key: alignKey, value })}\n    >\n      {alignmentOptions.map(({ value, icon }) => (\n        <ToolbarItem itemType='toggleGroupItem' key={value} value={value} icon={icon}>\n          {t('toolbar action label', {\n            key: t(`range key ${alignKey} label`),\n            value: t(`range value ${value} label`),\n          })}\n        </ToolbarItem>\n      ))}\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nconst styleOptions: ButtonProps<StyleValue>[] = [\n  { value: 'highlight', icon: 'ph--highlighter--regular' },\n  { value: 'softwrap', icon: 'ph--paragraph--regular' },\n];\n\nconst Styles = () => {\n  const { cursorFallbackRange, model } = useSheetContext();\n  const { onAction } = useToolbarContext('Styles');\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  // TODO(thure): Can this O(n) call be memoized?\n  const activeValues = cursorFallbackRange\n    ? model.sheet.ranges\n        ?.filter(\n          ({ range, key }) => key === 'style' && inRange(rangeFromIndex(model.sheet, range), cursorFallbackRange.from),\n        )\n        .reduce((acc, { value }) => {\n          acc.add(value);\n          return acc;\n        }, new Set())\n    : undefined;\n\n  return (\n    <>\n      {styleOptions.map(({ value, icon }) => (\n        <ToolbarItem\n          itemType='toggle'\n          key={value}\n          pressed={activeValues?.has(value)}\n          onPressedChange={(nextPressed: boolean) => {\n            onAction?.({ key: 'style', value, unset: !nextPressed });\n          }}\n          icon={icon}\n        >\n          {t('toolbar action label', {\n            key: t(`range key ${styleKey} label`),\n            value: t(`range value ${value} label`),\n          })}\n        </ToolbarItem>\n      ))}\n    </>\n  );\n};\n\n//\n// Actions\n//\n\nconst Actions = () => {\n  const { onAction } = useToolbarContext('Actions');\n  const { cursorFallbackRange, cursor, model } = useSheetContext();\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  // TODO(thure): Can this O(n) call be memoized?\n  const overlapsCommentAnchor = (model.sheet.threads ?? [])\n    .filter(nonNullable)\n    .filter((thread) => thread.status !== 'resolved')\n    .some((thread) => {\n      if (!cursorFallbackRange) {\n        return false;\n      }\n      return rangeToIndex(model.sheet, cursorFallbackRange) === thread.anchor;\n    });\n\n  const tooltipLabelKey = !cursor\n    ? 'no cursor label'\n    : overlapsCommentAnchor\n      ? 'selection overlaps existing comment label'\n      : 'comment label';\n\n  return (\n    <ToolbarItem\n      itemType='button'\n      value='comment'\n      icon='ph--chat-text--regular'\n      data-testid='editor.toolbar.comment'\n      onClick={() => {\n        if (!cursorFallbackRange) {\n          return;\n        }\n        return onAction?.({\n          key: 'comment',\n          value: rangeToIndex(model.sheet, cursorFallbackRange),\n          cellContent: model.getCellText(cursorFallbackRange.from),\n        });\n      }}\n      disabled={!cursorFallbackRange || overlapsCommentAnchor}\n    >\n      {t(tooltipLabelKey)}\n    </ToolbarItem>\n  );\n};\n\nexport const Toolbar = {\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  Alignment,\n  Styles,\n  Actions,\n};\n\nexport { useToolbarContext };\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { SheetContainer } from './SheetContainer';\n\nexport default SheetContainer;\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_react_ui", "FunctionEditor", "model", "cursor", "range", "useSheetContext", "value", "formula", "getCellValue", "isFormula", "graph", "mapFunctionBindingFromId", "mapFormulaIndicesToRefs", "String", "React", "div", "className", "mx", "rangeToA1Notation", "addressToA1Notation", "Icon", "icon", "classNames", "span", "buttonStyles", "tooltipProps", "side", "ToolbarSeparator", "role", "ToolbarItem", "itemType", "children", "props", "Invoker", "NaturalToolbar", "ToggleGroupItem", "Toggle", "Button", "Tooltip", "Root", "Trigger", "asChild", "variant", "size", "Portal", "Content", "Arrow", "ToolbarContextProvider", "useToolbarContext", "createContext", "ToolbarRoot", "id", "cursorFallbackRange", "hasAttention", "useAttention", "dispatch", "useIntentDispatcher", "handleAction", "useCallback", "action", "key", "index", "sheet", "ranges", "findIndex", "inRange", "rangeFromIndex", "from", "nextRangeEntity", "rangeToIndex", "push", "splice", "unset", "data", "completeCellRangeToThreadCursor", "name", "cellContent", "subject", "onAction", "alignmentOptions", "Alignment", "t", "useTranslation", "SHEET_PLUGIN", "findLast", "alignKey", "undefined", "ToggleGroup", "type", "onValueChange", "map", "styleOptions", "Styles", "activeValues", "filter", "reduce", "acc", "add", "Set", "pressed", "has", "onPressedChange", "nextPressed", "styleKey", "Actions", "overlapsCommentAnchor", "threads", "nonNullable", "thread", "status", "some", "anchor", "tooltipLabelKey", "data-testid", "onClick", "getCellText", "disabled", "Toolbar", "Separator", "SheetContainer", "space", "useComputeGraph", "SheetProvider", "StackItem", "toolbar", "statusbar", "GridSheet"]
+}

package/dist/lib/node/{chunk-QIFIGEKV.cjs → chunk-2ZVZI2KJ.cjs}

@@ -16,22 +16,23 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_QIFIGEKV_exports = {};
-__export(chunk_QIFIGEKV_exports, {
+var chunk_2ZVZI2KJ_exports = {};
+__export(chunk_2ZVZI2KJ_exports, {
   SHEET_PLUGIN: () => SHEET_PLUGIN,
   meta_default: () => meta_default
 });
-module.exports = __toCommonJS(chunk_QIFIGEKV_exports);
+module.exports = __toCommonJS(chunk_2ZVZI2KJ_exports);
 var SHEET_PLUGIN = "dxos.org/plugin/sheet";
 var meta_default = {
   id: SHEET_PLUGIN,
   name: "Sheet",
   description: "A simple spreadsheet plugin.",
-  icon: "ph--grid-nine--regular"
+  icon: "ph--grid-nine--regular",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-sheet"
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SHEET_PLUGIN,
   meta_default
 });
-//# sourceMappingURL=chunk-QIFIGEKV.cjs.map
+//# sourceMappingURL=chunk-2ZVZI2KJ.cjs.map

package/dist/lib/node/{chunk-QIFIGEKV.cjs.map → chunk-2ZVZI2KJ.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const SHEET_PLUGIN = 'dxos.org/plugin/sheet';\n\nexport default {\n  id: SHEET_PLUGIN,\n  name: 'Sheet',\n  description: 'A simple spreadsheet plugin.',\n  icon: 'ph--grid-nine--regular',\n} satisfies PluginMeta;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,eAAe;AAE5B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;AACR;",
-  "names": ["SHEET_PLUGIN", "id", "name", "description", "icon"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const SHEET_PLUGIN = 'dxos.org/plugin/sheet';\n\nexport default {\n  id: SHEET_PLUGIN,\n  name: 'Sheet',\n  description: 'A simple spreadsheet plugin.',\n  icon: 'ph--grid-nine--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-sheet',\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,eAAe;AAE5B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;AACV;",
+  "names": ["SHEET_PLUGIN", "id", "name", "description", "icon", "source"]
 }

package/dist/lib/node/{chunk-2XJ5I4UF.cjs → chunk-AWKOWDMI.cjs}

@@ -16,22 +16,24 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_2XJ5I4UF_exports = {};
-__export(chunk_2XJ5I4UF_exports, {
+var chunk_AWKOWDMI_exports = {};
+__export(chunk_AWKOWDMI_exports, {
   CellValue: () => CellValue,
   Range: () => Range,
   RowColumnMeta: () => RowColumnMeta,
   SheetAction: () => SheetAction,
   SheetType: () => SheetType
 });
-module.exports = __toCommonJS(chunk_2XJ5I4UF_exports);
-var import_chunk_QIFIGEKV = require("./chunk-QIFIGEKV.cjs");
+module.exports = __toCommonJS(chunk_AWKOWDMI_exports);
+var import_chunk_2ZVZI2KJ = require("./chunk-2ZVZI2KJ.cjs");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_types = require("@dxos/plugin-space/types");
-var SHEET_ACTION = `${import_chunk_QIFIGEKV.SHEET_PLUGIN}/action`;
+var SHEET_ACTION = `${import_chunk_2ZVZI2KJ.SHEET_PLUGIN}/action`;
 var SheetAction;
 (function(SheetAction2) {
   SheetAction2[SheetAction2["CREATE"] = `${SHEET_ACTION}/create`] = "CREATE";
+  SheetAction2[SheetAction2["INSERT_AXIS"] = `${SHEET_ACTION}/axis-insert`] = "INSERT_AXIS";
+  SheetAction2[SheetAction2["DROP_AXIS"] = `${SHEET_ACTION}/axis-drop`] = "DROP_AXIS";
 })(SheetAction || (SheetAction = {}));
 var CellValue = import_echo_schema.S.Struct({
   // TODO(burdon): How to store dates (datetime, date, time), percentages, etc.
@@ -85,4 +87,4 @@ var SheetType = class extends (0, import_echo_schema.TypedObject)({
   SheetAction,
   SheetType
 });
-//# sourceMappingURL=chunk-2XJ5I4UF.cjs.map
+//# sourceMappingURL=chunk-AWKOWDMI.cjs.map

package/dist/lib/node/chunk-AWKOWDMI.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  GraphBuilderProvides,\n  IntentResolverProvides,\n  MetadataRecordsProvides,\n  SurfaceProvides,\n  TranslationsProvides,\n  IntentData,\n} from '@dxos/app-framework';\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { type SchemaProvides } from '@dxos/plugin-client';\nimport { type MarkdownExtensionProvides } from '@dxos/plugin-markdown';\nimport { type SpaceInitProvides } from '@dxos/plugin-space';\nimport { ThreadType } from '@dxos/plugin-space/types';\nimport { type StackProvides } from '@dxos/plugin-stack';\nimport { type DxGridAxis } from '@dxos/react-ui-grid';\n\nimport { SHEET_PLUGIN } from './meta';\nimport { type SheetModel } from './model';\n\nconst SHEET_ACTION = `${SHEET_PLUGIN}/action`;\n\nexport enum SheetAction {\n  CREATE = `${SHEET_ACTION}/create`,\n  INSERT_AXIS = `${SHEET_ACTION}/axis-insert`,\n  DROP_AXIS = `${SHEET_ACTION}/axis-drop`,\n}\n\nexport type RestoreAxis = {\n  axis: DxGridAxis;\n  axisIndex: string;\n  index: number;\n  axisMeta?: S.Schema.Type<typeof RowColumnMeta>;\n  values: CellScalarValue[];\n};\n\nexport namespace SheetAction {\n  export type Create = IntentData<{ sheet: SheetType }>;\n  export type InsertAxis = IntentData<{ model: SheetModel; axis: DxGridAxis; index: number; count?: number }>;\n  export type DropAxis = IntentData<{ model: SheetModel; axis: DxGridAxis; axisIndex: string }>;\n  export type DropAxisRestore = IntentData<RestoreAxis & { model: SheetModel }>;\n}\n\n// TODO(Zan): Move this to the plugin-space plugin or another common location\n// when we implement comments in sheets.\n// This is currently duplicated in a few places.\ntype ThreadProvides<T> = {\n  thread: {\n    predicate: (obj: any) => obj is T;\n    createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;\n  };\n};\n\nexport type SheetPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  MarkdownExtensionProvides &\n  MetadataRecordsProvides &\n  TranslationsProvides &\n  SchemaProvides &\n  SpaceInitProvides &\n  StackProvides &\n  ThreadProvides<SheetType>;\n\nexport type CellScalarValue = number | string | boolean | null;\n\nexport const CellValue = S.Struct({\n  // TODO(burdon): How to store dates (datetime, date, time), percentages, etc.\n  //  Consider import/export; natural access for other plugins. Special handling for currency (precision).\n  // TODO(burdon): Automerge (long string) or short string or number.\n  value: S.Any,\n});\n\nexport type CellValue = S.Schema.Type<typeof CellValue>;\n\n// TODO(burdon): IMPORTANT: Reconcile with Field definition.\nexport const Range = S.Struct({\n  range: S.String,\n  key: S.String,\n  value: S.String,\n});\n\nexport type Range = S.Schema.Type<typeof Range>;\n\n// TODO(burdon): Visibility, locked, frozen, etc.\nexport const RowColumnMeta = S.Struct({\n  size: S.optional(S.Number),\n});\n\n// TODO(burdon): Index to all updates when rows/columns are inserted/deleted.\nexport class SheetType extends TypedObject({ typename: 'dxos.org/type/Sheet', version: '0.1.0' })({\n  name: S.optional(S.String),\n\n  // Sparse map of cells referenced by index.\n  cells: S.mutable(S.Record({ key: S.String, value: S.mutable(CellValue) })),\n\n  // Ordered row indices.\n  rows: S.mutable(S.Array(S.String)),\n\n  // Ordered column indices.\n  columns: S.mutable(S.Array(S.String)),\n\n  // Row metadata referenced by index.\n  rowMeta: S.mutable(S.Record({ key: S.String, value: S.mutable(RowColumnMeta) })),\n\n  // Column metadata referenced by index.\n  columnMeta: S.mutable(S.Record({ key: S.String, value: S.mutable(RowColumnMeta) })),\n\n  // Cell formatting referenced by indexed range.\n  ranges: S.mutable(S.Array(Range)),\n\n  // Threads associated with the sheet\n  threads: S.optional(S.mutable(S.Array(ref(ThreadType)))),\n}) {}\n\nexport type SheetSize = {\n  rows: number;\n  columns: number;\n};\n\nexport type CreateSheetOptions = {\n  name?: string;\n  cells?: Record<string, CellValue>;\n} & Partial<SheetSize>;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,yBAAoC;AAIpC,mBAA2B;AAO3B,IAAMA,eAAe,GAAGC,kCAAAA;;UAEZC,cAAAA;wCACD,GAAGF,YAAAA,SAAqB,IAAA;6CACnB,GAAGA,YAAAA,cAA0B,IAAA;2CAC/B,GAAGA,YAAAA,YAAwB,IAAA;GAH7BE,gBAAAA,cAAAA,CAAAA,EAAAA;AA4CL,IAAMC,YAAYC,qBAAEC,OAAO;;;;EAIhCC,OAAOF,qBAAEG;AACX,CAAA;AAKO,IAAMC,QAAQJ,qBAAEC,OAAO;EAC5BI,OAAOL,qBAAEM;EACTC,KAAKP,qBAAEM;EACPJ,OAAOF,qBAAEM;AACX,CAAA;AAKO,IAAME,gBAAgBR,qBAAEC,OAAO;EACpCQ,MAAMT,qBAAEU,SAASV,qBAAEW,MAAM;AAC3B,CAAA;AAGO,IAAMC,YAAN,kBAAwBC,gCAAY;EAAEC,UAAU;EAAuBC,SAAS;AAAQ,CAAA,EAAG;EAChGC,MAAMhB,qBAAEU,SAASV,qBAAEM,MAAM;;EAGzBW,OAAOjB,qBAAEkB,QAAQlB,qBAAEmB,OAAO;IAAEZ,KAAKP,qBAAEM;IAAQJ,OAAOF,qBAAEkB,QAAQnB,SAAAA;EAAW,CAAA,CAAA;;EAGvEqB,MAAMpB,qBAAEkB,QAAQlB,qBAAEqB,MAAMrB,qBAAEM,MAAM,CAAA;;EAGhCgB,SAAStB,qBAAEkB,QAAQlB,qBAAEqB,MAAMrB,qBAAEM,MAAM,CAAA;;EAGnCiB,SAASvB,qBAAEkB,QAAQlB,qBAAEmB,OAAO;IAAEZ,KAAKP,qBAAEM;IAAQJ,OAAOF,qBAAEkB,QAAQV,aAAAA;EAAe,CAAA,CAAA;;EAG7EgB,YAAYxB,qBAAEkB,QAAQlB,qBAAEmB,OAAO;IAAEZ,KAAKP,qBAAEM;IAAQJ,OAAOF,qBAAEkB,QAAQV,aAAAA;EAAe,CAAA,CAAA;;EAGhFiB,QAAQzB,qBAAEkB,QAAQlB,qBAAEqB,MAAMjB,KAAAA,CAAAA;;EAG1BsB,SAAS1B,qBAAEU,SAASV,qBAAEkB,QAAQlB,qBAAEqB,UAAMM,wBAAIC,uBAAAA,CAAAA,CAAAA,CAAAA;AAC5C,CAAA,EAAA;AAAI;",
+  "names": ["SHEET_ACTION", "SHEET_PLUGIN", "SheetAction", "CellValue", "S", "Struct", "value", "Any", "Range", "range", "String", "key", "RowColumnMeta", "size", "optional", "Number", "SheetType", "TypedObject", "typename", "version", "name", "cells", "mutable", "Record", "rows", "Array", "columns", "rowMeta", "columnMeta", "ranges", "threads", "ref", "ThreadType"]
+}

package/dist/lib/node/{chunk-JF5XNTF3.cjs → chunk-O7XR4R7Y.cjs}

@@ -26,8 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_JF5XNTF3_exports = {};
-__export(chunk_JF5XNTF3_exports, {
+var chunk_O7XR4R7Y_exports = {};
+__export(chunk_O7XR4R7Y_exports, {
   AsyncFunctionPlugin: () => AsyncFunctionPlugin,
   ComputeGraph: () => ComputeGraph,
   ComputeGraphRegistry: () => ComputeGraphRegistry,
@@ -62,12 +62,14 @@ __export(chunk_JF5XNTF3_exports, {
   parseSheetName: () => parseSheetName,
   rangeFromIndex: () => rangeFromIndex,
   rangeToA1Notation: () => rangeToA1Notation,
-  rangeToIndex: () => rangeToIndex
+  rangeToIndex: () => rangeToIndex,
+  styleKey: () => styleKey
 });
-module.exports = __toCommonJS(chunk_JF5XNTF3_exports);
-var import_chunk_2XJ5I4UF = require("./chunk-2XJ5I4UF.cjs");
+module.exports = __toCommonJS(chunk_O7XR4R7Y_exports);
+var import_chunk_AWKOWDMI = require("./chunk-AWKOWDMI.cjs");
 var import_async = require("@dxos/async");
 var import_echo = require("@dxos/client/echo");
+var import_echo2 = require("@dxos/client/echo");
 var import_context = require("@dxos/context");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_invariant = require("@dxos/invariant");
@@ -87,7 +89,7 @@ var import_async3 = require("@dxos/async");
 var import_log2 = require("@dxos/log");
 var import_hyperformula3 = require("#hyperformula");
 var import_signals_core = require("@preact/signals-core");
-var import_echo2 = require("@dxos/client/echo");
+var import_echo3 = require("@dxos/client/echo");
 var import_log3 = require("@dxos/log");
 var import_edge = require("@dxos/plugin-script/edge");
 var import_types2 = require("@dxos/plugin-script/types");
@@ -119,7 +121,9 @@ var cellClassNameForRange = ({ key, value }) => {
     case styleKey:
       switch (value) {
         case "highlight":
-          return "bg-gridHighlight";
+          return "!bg-gridHighlight";
+        case "softwrap":
+          return "!whitespace-normal";
         default:
           return void 0;
       }
@@ -218,6 +222,7 @@ var insertIndices = (indices, i, n, max) => {
   }
   const idx = createIndices(n);
   indices.splice(i, 0, ...idx);
+  return idx;
 };
 var initialize = (sheet, { rows = DEFAULT_ROWS, columns = DEFAULT_COLUMNS } = {}) => {
   if (!sheet.rows.length) {
@@ -228,7 +233,7 @@ var initialize = (sheet, { rows = DEFAULT_ROWS, columns = DEFAULT_COLUMNS } = {}
   }
 };
 var createSheet = ({ name, cells, ...size } = {}) => {
-  const sheet = (0, import_echo_schema2.create)(import_chunk_2XJ5I4UF.SheetType, {
+  const sheet = (0, import_echo_schema2.create)(import_chunk_AWKOWDMI.SheetType, {
     name,
     cells: {},
     rows: [],
@@ -344,6 +349,12 @@ var FunctionContext = class _FunctionContext {
     this._invocations = {};
     this._options = (0, import_lodash.default)(_options ?? {}, defaultFunctionContextOptions);
     this._onUpdate = (0, import_async3.debounce)((update) => {
+      (0, import_log2.log)("update", update, {
+        F: __dxlog_file2,
+        L: 86,
+        S: this,
+        C: (f, a) => f(...a)
+      });
       this._hf.resumeEvaluation();
       this._options.onUpdate?.(update);
     }, this._options.debounceDelay);
@@ -396,7 +407,7 @@ var FunctionContext = class _FunctionContext {
             value: value2
           }, {
             F: __dxlog_file2,
-            L: 143,
+            L: 144,
             S: this,
             C: (f, a) => f(...a)
           });
@@ -410,7 +421,7 @@ var FunctionContext = class _FunctionContext {
             err
           }, {
             F: __dxlog_file2,
-            L: 147,
+            L: 148,
             S: this,
             C: (f, a) => f(...a)
           });
@@ -430,7 +441,7 @@ var FunctionContext = class _FunctionContext {
       cache: value
     }, {
       F: __dxlog_file2,
-      L: 155,
+      L: 156,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -462,7 +473,7 @@ var EdgeFunctionPlugin = class extends AsyncFunctionPlugin {
       if (!space) {
         return new import_hyperformula4.CellError(import_hyperformula4.ErrorType.REF, "Missing space");
       }
-      const { objects: [fn] } = await space.db.query(import_echo2.Filter.schema(import_types2.FunctionType, {
+      const { objects: [fn] } = await space.db.query(import_echo3.Filter.schema(import_types2.FunctionType, {
         binding
       })).run();
       if (!fn) {
@@ -478,7 +489,7 @@ var EdgeFunctionPlugin = class extends AsyncFunctionPlugin {
       }
       if (subscribe) {
         const unsubscribe = (0, import_signals_core.effect)(() => {
-          import_log3.log.info("function changed", {
+          (0, import_log3.log)("function changed", {
             fn
           }, {
             F: __dxlog_file3,
@@ -493,8 +504,8 @@ var EdgeFunctionPlugin = class extends AsyncFunctionPlugin {
         });
         this.context.createSubscription(ast.procedureName, unsubscribe);
       }
-      const path = (0, import_edge.getUserFunctionUrlInMetadata)((0, import_echo2.getMeta)(fn));
-      const result = await fetch(`${this.context.remoteFunctionUrl}${path}`, {
+      const path = (0, import_edge.getUserFunctionUrlInMetadata)((0, import_echo3.getMeta)(fn));
+      const response = await fetch(`${this.context.remoteFunctionUrl}${path}`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -503,7 +514,16 @@ var EdgeFunctionPlugin = class extends AsyncFunctionPlugin {
           args: args.filter(import_util2.nonNullable)
         })
       });
-      return await result.text();
+      const result = await response.text();
+      (0, import_log3.log)("function executed", {
+        result
+      }, {
+        F: __dxlog_file3,
+        L: 65,
+        S: this,
+        C: (f, a) => f(...a)
+      });
+      return result;
     };
     return this.runAsyncFunction(ast, state, handler(true), {
       ttl: FUNCTION_TTL
@@ -2936,7 +2956,7 @@ var defaultFunctions = [
   }
 ];
 var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/compute-graph/compute-graph.ts";
-var OBJECT_ID_LENGTH = 60;
+var UNKNOWN_BINDING = "__UNKNOWN__";
 var createSheetName = ({ type, id }) => `${type}@${id}`;
 var parseSheetName = (name) => {
   const [type, id] = name.split("@");
@@ -2957,7 +2977,16 @@ var ComputeGraph = class extends import_context.Resource {
     this._nodes = /* @__PURE__ */ new Map();
     this._remoteFunctions = [];
     this.update = new import_async.Event();
-    this.context = new FunctionContext(this._hf, this._space, this._options);
+    const contextOptions = {
+      ...this._options,
+      onUpdate: (update) => {
+        this._options?.onUpdate?.(update);
+        this.update.emit({
+          type: "valuesUpdated"
+        });
+      }
+    };
+    this.context = new FunctionContext(this._hf, this._space, contextOptions);
     this._hf.updateConfig({
       context: this.context
     });
@@ -3005,7 +3034,7 @@ var ComputeGraph = class extends import_context.Resource {
   getOrCreateNode(name) {
     (0, import_invariant.invariant)(name.length, void 0, {
       F: __dxlog_file4,
-      L: 120,
+      L: 129,
       S: this,
       A: [
         "name.length",
@@ -3018,7 +3047,7 @@ var ComputeGraph = class extends import_context.Resource {
         sheet: name
       }, {
         F: __dxlog_file4,
-        L: 122,
+        L: 131,
         S: this,
         C: (f, a) => f(...a)
       });
@@ -3027,7 +3056,7 @@ var ComputeGraph = class extends import_context.Resource {
     const sheetId = this._hf.getSheetId(name);
     (0, import_invariant.invariant)(sheetId !== void 0, void 0, {
       F: __dxlog_file4,
-      L: 127,
+      L: 136,
       S: this,
       A: [
         "sheetId !== undefined",
@@ -3095,18 +3124,23 @@ var ComputeGraph = class extends import_context.Resource {
   * E.g., spaceId:objectId() => HELLO()
   */
   mapFunctionBindingFromId(formula) {
-    return formula.replace(/(\w+):([a-zA-Z0-9]+)\((.*)\)/g, (match, spaceId, objectId, args) => {
+    const binding = formula.replace(/(\w+):([a-zA-Z0-9]+)\((.*)\)/g, (match, spaceId, objectId, args) => {
       const id = `${spaceId}:${objectId}`;
-      if (id.length !== OBJECT_ID_LENGTH) {
+      if (id.length !== import_echo2.FQ_ID_LENGTH) {
         return match;
       }
       const fn = this._remoteFunctions.find((fn2) => (0, import_echo.fullyQualifiedId)(fn2) === id);
       if (fn?.binding) {
         return `${fn.binding}(${args})`;
       } else {
-        return match;
+        return UNKNOWN_BINDING;
       }
     });
+    if (binding.startsWith(`=${UNKNOWN_BINDING}`)) {
+      return void 0;
+    } else {
+      return binding;
+    }
   }
   async _open() {
     if (this._space) {
@@ -3223,6 +3257,7 @@ var ComputeGraphRegistry = class extends import_context3.Resource {
   parseSheetName,
   rangeFromIndex,
   rangeToA1Notation,
-  rangeToIndex
+  rangeToIndex,
+  styleKey
 });
-//# sourceMappingURL=chunk-JF5XNTF3.cjs.map
+//# sourceMappingURL=chunk-O7XR4R7Y.cjs.map