@riboseinc/paneron-registry-kit 2.2.58 → 2.2.60

package/compiled/views/detail/RegisterItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterItem/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useState, useMemo, useRef, useLayoutEffect, memo, useCallback } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button, type ButtonProps,\n  Card,\n  Classes,\n  NonIdealState,\n  UL,\n  Colors,\n} from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { normalizeObject } from '@riboseinc/paneron-extension-kit/util';\nimport type { HelpTooltipProps } from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\nimport useSingleRegisterItemData from '../../hooks/useSingleRegisterItemData';\nimport useItemClassConfig from '../../hooks/useItemClassConfig';\nimport { Protocols } from '../../protocolRegistry';\nimport {\n  type ChangeProposal,\n  type Supersession,\n} from '../../../proposals/types';\nimport {\n  type InternalItemReference,\n  type ItemClassConfiguration,\n  type RegisterItem,\n  isRegisterItem,\n  DUMMY_REF,\n} from '../../../types';\nimport { InlineDiffGeneric } from '../../diffing/InlineDiff';\nimport type { Drafted } from '../../../proposals/types';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport {\n  RegisterHelmet as Helmet,\n  maybeEllipsizeString,\n  TabContentsWithHeader,\n  type TabContentsWithHeaderProps,\n  type ActionProps,\n} from '../../util';\nimport { proposalToTagProps } from '../../../proposals/ProposalType';\nimport ProposalHistoryDrawer from '../../../proposals/HistoryDrawer';\nimport { useItemRef, itemRefToItemPath, crIDToCRPath, getCRIDFromProposedItemPath } from '../../itemPathUtils';\nimport { updateCRObjectChangeset, } from '../../../proposals/objectChangeset';\nimport { ChangeRequestContext } from '../../../proposals/ChangeRequestContext';\nimport { RelatedItems } from './RelatedItems';\n\n\n/**\n * Main register item view.\n *\n * NOTE: while generally intended as tab content handler,\n * is also reused within change request view.\n */\nconst MaybeItemDetail: React.VoidFunctionComponent<{ uri: string }> =\nmemo(function ({ uri }) {\n  //const { value: itemData } = useSingleRegisterItemData(ref);\n  const { jumpTo, subregisters, useRegisterItemData } = useContext(BrowserCtx);\n  const { changeRequest: activeCR } = useContext(ChangeRequestContext);\n  const ref = useItemRef(subregisters !== undefined, uri);\n  const itemClass = useItemClassConfig(ref?.classID ?? 'NONEXISTENT_CLASS_ID');\n\n  const itemClassID = itemClass?.meta?.id;\n  const itemRef = ref ?? DUMMY_REF;\n  const { itemID, subregisterID } = itemRef;\n\n  const _itemPath = `${itemClassID ?? 'NONEXISTENT_CLASS'}/${itemID}.yaml`;\n  const itemPath = subregisterID\n    ? `/subregisters/${subregisterID}/${_itemPath}`\n    : `/${_itemPath}`;\n  const itemRequest = useMemo(() => ({\n    itemPaths: [itemPath],\n  }), [itemPath]);\n  const itemResponse = useRegisterItemData(itemRequest);\n  const itemData = itemResponse.value[itemPath];\n  const previousItemResponse = useRegisterItemData({\n    itemPaths: [itemPath],\n    ignoreActiveCR: true,\n  });\n  const itemDataBefore = previousItemResponse.value[itemPath] ?? undefined;\n\n  if (!itemClass) {\n    return <NonIdealState\n      icon=\"heart-broken\"\n      title=\"Unable to show item\"\n      description={`View for ${ref?.itemID ?? uri} cannot be retrieved from item class configuration`}\n    />;\n\n  } else if (isRegisterItem(itemData)) {\n    return <ItemDetail\n      item={itemData}\n      itemBefore={itemDataBefore}\n      itemRef={itemRef}\n      itemClass={itemClass}\n    />;\n\n  } else if (itemResponse.isUpdating) {\n    return <div className={Classes.SKELETON}>\n      Loading\n    </div>;\n\n  } else {\n    // Opened using URI that points within a proposal.\n    // The item may or may not have been accepted.\n    const inCRWithID = getCRIDFromProposedItemPath(uri);\n    if (inCRWithID !== null && activeCR?.id !== inCRWithID) {\n      return <NonIdealState\n        icon=\"help\"\n        title=\"This item does not exist…\"\n        description={\n          <>\n            …but it might be proposed.\n            <br />\n            {jumpTo\n              ? <Button\n                    css={css`margin: 10px;`}\n                    intent=\"primary\"\n                    onClick={() => jumpTo?.(`${Protocols.CHANGE_REQUEST}:${crIDToCRPath(inCRWithID)}`)}>\n                  Go to proposal\n                </Button>\n              : null}\n          </>\n        }\n      />;\n    } else {\n      const desc = itemData === null || itemData === undefined\n        ? \"does not exist or could not be deserialized\"\n        : \"may use unexpected data format\";\n      return <NonIdealState\n        icon=\"heart-broken\"\n        title=\"Unable to show item\"\n        description={`Item at ${itemPath} ${desc}`}\n      />;\n    }\n  }\n});\n\nconst EMPTY_OBJECT = {} as const;\n\n\nexport const ItemDetail: React.VoidFunctionComponent<{\n  item: RegisterItem\n  itemBefore?: RegisterItem\n  itemRef: InternalItemReference\n  itemClass: ItemClassConfiguration<any>\n  className?: string\n  compactHeader?: boolean\n}> = memo(function ({ item, itemBefore, itemRef, itemClass, className, compactHeader }) {\n  const { subregisters, useRegisterItemData, activeChangeRequestID: globallyActiveCRID } = useContext(BrowserCtx);\n\n  const { changeRequest: activeCR, canEdit: activeCRIsEditable } = useContext(ChangeRequestContext);\n  const { updateObjects, makeRandomID, performOperation, isBusy } = useContext(DatasetContext);\n\n  const [ editedItemData, setEditedItemData ] = useState<RegisterItem[\"data\"] | null>(null);\n  const itemDataHasChanges = JSON.stringify(editedItemData) !== JSON.stringify(item.data);\n\n  const [ isEditingProposal, setIsEditingProposal ] = useState(false);\n\n  //const [ diffMode, setDiffMode ] = useState<boolean>(false);\n  // TODO: Implement diff mode\n  const diffMode = false;\n\n  const itemPath = itemRefToItemPath(itemRef);\n\n  /** Proposal for the current item. */\n  const proposal = ((activeCR && activeCR.items[itemPath])\n    ? activeCR.items[itemPath]\n    : null) ?? null;\n\n  const [ preferredComparison, setPreferredComparison ] =\n    useState<'prior' | 'diff' | null>(null);\n  const canCompare = proposal?.type === 'clarification' && itemBefore;\n  const showDiff = preferredComparison === 'diff' && canCompare;\n  const showBefore = preferredComparison === 'prior' && canCompare;\n\n  // Gather views\n  const ListItemView = itemClass.views.listItemView;\n  let details: JSX.Element;\n  if (editedItemData !== null && activeCRIsEditable) {\n    const EditView = itemClass.views.editView;\n    details = (\n      <EditView\n        itemData={editedItemData}\n        itemRef={itemRef}\n        onChange={!isBusy ? setEditedItemData : undefined}\n        // TODO: make importing context from registry-kit work in new-style extension\n        useRegisterItemData={useRegisterItemData}\n      />\n    );\n  } else if (showDiff) {\n    details = <InlineDiffGeneric\n      item1={itemBefore ?? EMPTY_OBJECT}\n      item2={item}\n      css={css`\n        position: absolute; inset: 0; padding: 10px; overflow: auto;\n        background-color: white;\n        .bp4-dark & {\n          background-color: ${Colors.DARK_GRAY2};\n        }\n      `}\n      className={`${Classes.ELEVATION_2} ${Classes.RUNNING_TEXT}`}\n    />\n  } else {\n    const DetailView = itemClass.views.detailView ?? itemClass.views.editView;\n    details = (\n      <DetailView\n        itemRef={itemRef}\n        itemData={showBefore ? itemBefore.data : item.data}\n        // TODO: make importing context from registry-kit work in new-style extension\n        useRegisterItemData={useRegisterItemData}\n      />\n    );\n  }\n\n  const proposedSupersedingItemRefs =\n    proposal?.type === 'amendment' && proposal.amendmentType === 'supersession'\n      ? proposal.supersedingItemIDs.\n        map(id => ({\n          itemID: id,\n          // Superseding items are always of the same class\n          classID: itemClass.meta.id,\n          // Superseding items are always in the same subregister\n          subregisterID: itemRef.subregisterID,\n        }))\n      : undefined;\n\n  const supersedingItemRefs = proposedSupersedingItemRefs ?? item.supersededBy ?? [];\n  const supersedingItemRefsCacheKey = supersedingItemRefs.map(i => JSON.stringify(i)).toString();\n\n  // It’s superseded (whether in current proposal or not)\n  const isSuperseded = /* item.status === 'superseded'; nuh-uh */ supersedingItemRefs.length > 0;\n  // Item is valid, proposal is editable, and no change to this item is proposed yet\n  const canBeSuperseded = (activeCRIsEditable && !proposal && !editedItemData && item.status === 'valid');\n  // This item is being superseded in active proposal\n  // XXX: May be redundant with `isSuperseded`?\n  const isBeingSuperseded = (proposal?.type === 'amendment' && proposal.amendmentType === 'supersession');\n\n  // Editing is possible for additions and clarifications.\n  //const itemDataCanBeEdited = activeCRIsEditable && proposal && proposal.type !== 'amendment';\n\n  const handleClearProposal = () => performProposalOperation('clearing draft proposal', null);\n  const handleRetire = () => performProposalOperation('proposing retirement of an item', {\n    type: 'amendment',\n    amendmentType: 'retirement',\n  });\n  const handleInvalidate = () => performProposalOperation('proposing invalidation', {\n    type: 'amendment',\n    amendmentType: 'invalidation',\n  });\n  const handleSupersedeWith = (items: string[]) => performProposalOperation('proposing supersession', {\n    type: 'amendment',\n    amendmentType: 'supersession',\n    supersedingItemIDs: items,\n  });\n  const handleClarify = async () => {\n    await performProposalOperation('proposing clarification', {\n      type: 'clarification',\n    });\n    setEditedItemData(null); // XXX: Redundant?\n  };\n  const handleEditAddition = async () => {\n    await performProposalOperation('editing proposed addition', {\n      type: 'addition',\n    });\n    setEditedItemData(null); // XXX: Redundant?\n  };\n\n  async function performProposalOperation(summary: string, proposal: ChangeProposal | null) {\n    return await performOperation(summary, handleSetProposal)(summary, proposal);\n  }\n\n  const handleSetProposal = useCallback(async function _handleSetProposal(\n    summary: string,\n    proposal: ChangeProposal | null,\n  ): Promise<void> {\n    if (!activeCRIsEditable || !updateObjects || !isRegisterItem(item)) {\n      throw new Error(\"Proposal isn’t editable\")\n    }\n    if (proposal && proposal?.type !== 'amendment' && !editedItemData) {\n      throw new Error(\"Missing item data\");\n    }\n    await updateObjects({\n      commitMessage: `${summary} for ${itemPath}`,\n      objectChangeset: updateCRObjectChangeset(\n        // TODO: We are sure it’s editable already, but casting should be avoided\n        activeCR as any,\n        { [itemPath]: proposal },\n        ((proposal && proposal?.type !== 'amendment') && editedItemData)\n          ? { [itemPath]: { ...item, data: editedItemData } }\n          : {},\n      ),\n      // We need this because updateCRObjectChangeset\n      // omits oldValue for item data payloads.\n      _dangerouslySkipValidation: true,\n    });\n    setEditedItemData(null);\n    setIsEditingProposal(false);\n  }, [\n    editedItemData,\n    activeCRIsEditable,\n    itemPath,\n    item,\n    activeCR,\n    updateObjects,\n  ]);\n\n  // TODO: Very similar to `handleAdd()` in Browse sidebar menu; refactor?\n  const handleProposeLikeThis = useCallback(async function _handleProposeLikeThis(): Promise<void> {\n    if (!updateObjects || !makeRandomID || !activeCRIsEditable || !activeCR) {\n      throw new Error(\"Unable to create item: likely current proposal is not editable or dataset is read-only\");\n    }\n    const { classID, subregisterID } = itemRef;\n    const itemID = await makeRandomID();\n    const newRef = { classID, subregisterID, itemID };\n    const newItem: RegisterItem<any> = {\n      id: itemID,\n      dateAccepted: new Date(),\n      status: 'valid',\n      data: { ...item.data },\n    };\n    if (isRegisterItem(newItem)) {\n      const newPath = itemRefToItemPath(newRef);\n      await updateObjects({\n        commitMessage: `clone ${itemRef.itemID} to propose a new item`,\n        objectChangeset: updateCRObjectChangeset(\n          activeCR as Drafted,\n          { [newPath]: { type: 'addition' } },\n          { [newPath]: newItem },\n        ),\n        _dangerouslySkipValidation: true,\n      });\n    } else {\n      throw new Error(\"Newly created item did not pass validation (this is likely a bug in RegistryKit)\");\n    }\n  }, [\n    updateObjects,\n    activeCRIsEditable,\n    itemPath,\n    activeCR?.id,\n    activeCR?.state,\n    Object.entries(activeCR?.items ?? {}).flat().map(i => JSON.stringify(i)).toString(),\n    item ? JSON.stringify(normalizeObject(item)) : item,\n  ]);\n\n  const supersedingItemsTooltip: HelpTooltipProps = useMemo(() => ({\n    icon: 'info-sign',\n    content:\n      <RelatedItems\n        css={css`background-color: ${Colors.LIGHT_GRAY3}; padding: 5px;`}\n        availableClassIDs={[itemClass.meta.id]}\n        itemRefs={supersedingItemRefs}\n      />,\n  }), [supersedingItemRefsCacheKey, itemClass.meta.id]);\n\n  const classification: TabContentsWithHeaderProps['classification'] = useMemo(() => {\n    const classification: TabContentsWithHeaderProps['classification'] = [{\n      icon: 'document',\n      children: <>\n        Register item\n        {itemRef.subregisterID\n          ? <span title=\"Subregister\"> in {subregisters?.[itemRef.subregisterID]?.title ?? itemRef.subregisterID}</span>\n          : null}\n      </>,\n      tooltip: {\n        icon: 'info-sign',\n        content: <>\n          <UL css={css`margin: 0;`}>\n            <li>Class ID: {itemClass.meta.id}</li>\n            <li>Subregister ID: {itemRef.subregisterID ?? 'N/A'}</li>\n            <li>UUID: {itemRef.itemID}</li>\n          </UL>\n        </>,\n      },\n    }, {\n      children: itemClass.meta.title,\n      tooltip: {\n        icon: 'info-sign',\n        content: <>\n          {itemClass.meta.description ?? \"No description is provided for this register item class.\"}\n        </>,\n      },\n    }];\n\n    classification.push({\n      children: item.status,\n      intent: item.status === 'valid'\n        ? 'success'\n        : undefined,\n      icon: item.status === 'invalid'\n        ? 'ban-circle'\n        : item.status === 'retired'\n          ? 'warning-sign'\n          : 'tick',\n      tooltip: undefined,\n    });\n\n    if (proposal) {\n      const tagProps = proposalToTagProps(proposal);\n      classification.push({\n        ...tagProps,\n        children: <>{tagProps.children} proposed</>,\n        icon: 'lightbulb',\n        minimal: false,\n        tooltip: canBeSuperseded || isBeingSuperseded\n          ? supersedingItemsTooltip\n          : undefined,\n      });\n    }\n\n    return classification;\n  }, [\n    proposal?.type,\n    itemClass.meta.id,\n    item.status,\n    isSuperseded, canBeSuperseded, isBeingSuperseded,\n    supersedingItemsTooltip,\n  ]);\n\n  const [ historyDrawerOpenState, setHistoryDrawerOpenState ] = useState(false);\n\n  const actions = useMemo(() => {\n    const actions: TabContentsWithHeaderProps['actions'] = [{\n      children: \"View history\",\n      active: historyDrawerOpenState,\n      icon: 'history',\n      disabled: isBusy,\n      onClick: () => setHistoryDrawerOpenState(true),\n    }];\n\n    const isEditingItemData = editedItemData !== null;\n    const itemHasProposal = proposal !== null;\n    //const canPropose = activeCRIsEditable && item.status === 'valid' && !isBusy;\n    const itemIsProposable = item.status === 'valid';\n\n    if (activeCRIsEditable) {\n      actions.push({\n        children: \"Propose another item like this\",\n        icon: 'duplicate',\n        disabled: isBusy,\n        onClick: performOperation(\n          'adding duplicate item to current propposal',\n          handleProposeLikeThis),\n        //title=\"Propose a new item in current proposal, using this item as template.\"\n      });\n\n      const saveEditedItemDataButton: ButtonProps = {\n        intent: 'primary',\n        disabled: isBusy || !itemDataHasChanges,\n        onClick: (!proposal || proposal.type === 'clarification')\n          ? handleClarify\n          : handleEditAddition,\n        children: \"Save changes\",\n      };\n\n      const supersedingItemRefs =\n        proposal?.type === 'amendment' && proposal.amendmentType === 'supersession'\n          ? proposal.supersedingItemIDs.\n            map(id => ({\n              itemID: id,\n              // Superseding items are always of the same class\n              classID: itemClass.meta.id,\n              // Superseding items are always in the same subregister\n              subregisterID: itemRef.subregisterID,\n            }))\n          : [];\n      const supersedingItems = (\n        <RelatedItems\n          availableClassIDs={[itemClass.meta.id]}\n          itemRefs={supersedingItemRefs}\n          onChange={!isBusy\n            ? (items) => items.length > 0\n                ? handleSupersedeWith(items.map(ref => ref.itemID))\n                : handleClearProposal()\n            : undefined}\n        />\n      );\n\n      if (itemIsProposable) {\n        if (itemHasProposal) {\n          const proposeBtn: ButtonProps = {\n            children: `Edit ${proposal.type === 'amendment' ? proposal.amendmentType : proposal.type} proposal for this item`,\n            icon: 'edit',\n            active: isEditingProposal,\n            disabled: isBusy,\n            onClick: () => {\n              if (isEditingProposal) {\n                setIsEditingProposal(false);\n                setEditedItemData(null);\n                if (proposal && proposal.type !== 'amendment') {\n                }\n              } else {\n                setIsEditingProposal(true);\n                if (proposal && proposal.type !== 'amendment') {\n                  setEditedItemData(item.data);\n                }\n              }\n            },\n          };\n          if (isEditingProposal) {\n            const editActions: ActionProps[] = [{\n              disabled: isBusy || (itemDataHasChanges && proposal.type !== 'amendment'),\n              onClick: handleClearProposal,\n              icon: 'trash',\n              children: \"Remove\",\n              tooltip: [\n                `NOTE: Discarding this proposal `,\n                `will discard ${proposal.type === 'addition' ? \"new\" : \"changes to\"} item’s data `,\n                'you provided as part of the proposal.',\n              ].join(''),\n              intent: proposal.type !== 'amendment' ? 'danger' : 'warning',\n            }];\n            if (isEditingItemData) {\n              editActions.push(saveEditedItemDataButton);\n            } else if (proposal.type === 'amendment' && proposal.amendmentType === 'supersession') {\n              editActions.push({\n                disabled: isBusy,\n                children: \"Specify superseding items\",\n                popup: <div css={css`padding: 10px;`}>{supersedingItems}</div>,\n              });\n            }\n            actions.push([proposeBtn, ...editActions]);\n          } else {\n            actions.push(proposeBtn);\n            if (canCompare) {\n              actions.push([{\n                disabled: isBusy,\n                children: \"Prior version\",\n                active: preferredComparison === 'prior',\n                onClick: preferredComparison === 'prior'\n                  ? () => setPreferredComparison(null)\n                  : () => setPreferredComparison('prior'),\n              }, {\n                disabled: isBusy,\n                children: \"Diff\",\n                active: preferredComparison === 'diff',\n                onClick: preferredComparison === 'diff'\n                  ? () => setPreferredComparison(null)\n                  : () => setPreferredComparison('diff'),\n              }]);\n            }\n          }\n        } else {\n          const proposeBtn: ButtonProps = {\n            children: \"Propose to change this item\",\n            icon: 'lightbulb',\n            active: isEditingProposal,\n            disabled: isBusy,\n            onClick: () => setIsEditingProposal(v => !v),\n          };\n          if (isEditingProposal) {\n            const proposalGroup = [proposeBtn, {\n              disabled: isBusy || itemHasProposal,\n              onClick: handleRetire,\n              children: \"Retire\",\n            }, {\n              disabled: isBusy || itemHasProposal,\n              onClick: handleInvalidate,\n              children: \"Invalidate\",\n            }, {\n              disabled: isBusy || itemHasProposal || isEditingItemData,\n              popup: supersedingItems,\n              children: \"Supersede\",\n            }, {\n              disabled: isBusy || diffMode,\n              active: isEditingItemData,\n              onClick: () => setEditedItemData(d => d === null ? item.data : null),\n              children: \"Clarify\",\n            }];\n            if (isEditingItemData && itemDataHasChanges) {\n              proposalGroup.push(saveEditedItemDataButton);\n            }\n            actions.push(proposalGroup);\n          } else {\n            actions.push(proposeBtn);\n          }\n        }\n      }\n    }\n    // TODO: diff view\n\n    return actions;\n  }, [\n    isBusy,\n    itemClass.meta.id,\n\n    proposal === null,\n    proposal?.type,\n    (proposal as Supersession)?.supersedingItemIDs?.toString(),\n\n    activeCRIsEditable,\n\n    editedItemData === null,\n    itemDataHasChanges,\n\n    isEditingProposal,\n    performOperation, handleSetProposal,\n    historyDrawerOpenState,\n\n    canCompare, preferredComparison, setPreferredComparison,\n  ]);\n\n  // If there’s a CR context without active CR,\n  // or active CR isn’t the same as the one in CR context,\n  // then we can assume that the item is shown in proposal window\n  // and we’d set window title to proposal’s title rather than item’s.\n  // If there’s a CR context and active CR and they’re the same\n  // then it *could* be that the item is shown in its own tab;\n  // we will render proposal’s title if the item appears in the change request\n  // (makes sense because the user *is* technically viewing a proposal then).\n  const windowTitle: string = (\n    activeCR && (\n      !globallyActiveCRID\n      || activeCR.id !== globallyActiveCRID\n      || activeCR.items[itemPath]\n    )\n  ) ? `Proposal ${maybeEllipsizeString(activeCR.justification, 20)}…`\n    : `${itemClass.meta.title ?? 'register item'} #${item.id}`;\n\n  const detailsDivRef = useRef<HTMLDivElement | null>(null);\n\n  useLayoutEffect(() => {\n    if (itemBefore?.data && detailsDivRef.current && proposal !== null) {\n      //console.debug(\"observing\", detailsDivRef.current, observer, itemBefore.data);\n      OBSERVER.observe(detailsDivRef.current, {\n        attributeFilter: ['value'],\n        attributes: true,\n        subtree: true,\n        childList: true,\n      });\n    }\n    return function cleanUp() {\n      //console.debug(\"disconnecting observer\");\n      OBSERVER.disconnect();\n    };\n  }, [detailsDivRef.current, itemBefore?.data, proposal === null]);\n\n  return (\n    <TabContentsWithHeader\n        smallTitle={compactHeader}\n        title={<ListItemView itemRef={itemRef} itemData={item.data} />}\n        classification={classification}\n        actions={actions}>\n      <Card css={css`position: absolute; border-radius: 0; inset: ${compactHeader ? '0' : '10px'}; overflow-y: auto;`}>\n        <Helmet><title>{windowTitle}</title></Helmet>\n        <ProposalHistoryDrawer\n          isOpen={historyDrawerOpenState}\n          onClose={() => setHistoryDrawerOpenState(false)}\n          itemPath={itemPath}\n        />\n        <div id=\"detailsDiv\" ref={detailsDivRef} data-observer-root=\"true\">\n          {details}\n        </div>\n      </Card>\n    </TabContentsWithHeader>\n  );\n});\n\n\nconst ItemTitle: React.FC<{ uri: string }> = function ({ uri }) {\n  const { subregisters } = useContext(BrowserCtx);\n  const ref = useItemRef(subregisters !== undefined, uri);\n  const clsConfig = useItemClassConfig(ref?.classID ?? 'NONEXISTENT_CLASS_ID');\n  const { value: itemData } = useSingleRegisterItemData(ref);\n  const fallbackView = useCallback((() => <>{ref?.itemID ?? uri}</>), [uri]);\n  const View = itemData\n    ? (clsConfig?.views.listItemView ?? fallbackView)\n    : fallbackView;\n  return <View\n    itemRef={ref ?? DUMMY_REF}\n    itemData={itemData}\n  />;\n};\n\n\nexport default {\n  main: MaybeItemDetail,\n  title: ItemTitle,\n} as const;\n\n\nconst CHANGED_ITEM_HIGHLIGHT_MS = 1000;\nconst OBSERVER = new MutationObserver((mutationList: MutationRecord[]) => {\n  const changed: [HTMLElement, 'added' | 'removed' | 'changed'][] = [];\n\n  function maybeAddChanged(el: HTMLElement, changeType: 'added' | 'changed') {\n    if (!el.parentElement?.getAttribute('data-observer-root')) {\n      changed.push([el, changeType]);\n    }\n  }\n\n  mutationList.forEach((mutation) => {\n    switch (mutation.type) {\n      case 'childList':\n        mutation.addedNodes.forEach((node) => {\n          maybeAddChanged(node as HTMLElement, 'added')\n        });\n        //mutation.removedNodes.forEach((node) => {\n        //  //changedNodes.push([node as HTMLElement, 'removed']);\n        //  console.log('node removed', node);\n        //});\n        break;\n      case 'attributes':\n        maybeAddChanged(mutation.target as HTMLElement, 'changed')\n        break;\n    }\n  });\n  const nodesWithBackground: [HTMLElement, string, string, string][] = [];\n  for (const [_el, change] of changed) {\n    // FIXME: Walk parent elements until one that actually exists?\n    const el = change === 'removed' ? _el.parentElement! : _el;\n    nodesWithBackground.push([el, el.style.transition, el.style.backgroundColor, el.style.color]);\n    el.style.transition = 'none';\n    el.style.color = 'white';\n    if (change === 'removed') {\n      el.style.backgroundColor = Colors.RED2;\n    } else {\n      el.style.backgroundColor = change === 'added'\n        ? Colors.GREEN2\n        : Colors.INDIGO2;\n    }\n  }\n  setTimeout(() => {\n    for (const [el, , bgc, tc] of nodesWithBackground) {\n      el.style.transition = 'background-color linear 1s, color linear 1s';\n      el.style.backgroundColor = bgc;\n      el.style.color = tc;\n    }\n    setTimeout(() => {\n      for (const [el, tr] of nodesWithBackground) {\n        el.style.transition = tr;\n      }\n    }, CHANGED_ITEM_HIGHLIGHT_MS);\n  }, 1);\n});\n"]}

package/compiled/views/detail/RegisterItemClass.js

@@ -0,0 +1,59 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React, { useMemo, memo } from 'react';
+import { jsx, css } from '@emotion/react';
+import { Card, NonIdealState, UL, } from '@blueprintjs/core';
+import useItemClassConfig from '../hooks/useItemClassConfig';
+import Search from '../sidebar/Search';
+import { RegisterHelmet as Helmet } from '../util';
+import { TabContentsWithHeader } from '../util';
+const MaybeItemClass = memo(function ({ uri }) {
+    const itemClass = useItemClassConfig(uri);
+    if (!itemClass) {
+        return jsx(NonIdealState, { icon: "heart-broken", title: "Unable to show item class", description: `Item class ${uri} cannot be found in item class configuration for this register` });
+    }
+    return jsx(ItemClass, { itemClass: itemClass });
+});
+const ItemClassTitle = function ({ uri }) {
+    var _a;
+    const itemClass = useItemClassConfig(uri);
+    return jsx(React.Fragment, null, (_a = itemClass === null || itemClass === void 0 ? void 0 : itemClass.meta.title) !== null && _a !== void 0 ? _a : uri);
+};
+export default {
+    main: MaybeItemClass,
+    title: ItemClassTitle,
+};
+const ItemClass = function ({ itemClass }) {
+    var _a, _b;
+    const availableClassIDs = [itemClass.meta.id];
+    const classCriteria = useMemo(() => (availableClassIDs.map(clsID => ({
+        key: 'item-class',
+        query: `objPath.indexOf(\"/${clsID}/\") >= 0`,
+    }))), [availableClassIDs.toString()]);
+    const implicitCriteria = useMemo(() => (classCriteria.length > 0
+        ? {
+            require: 'any',
+            criteria: classCriteria,
+        }
+        : undefined), [classCriteria]);
+    const classification = useMemo(() => [{
+            icon: 'folder-close',
+            children: jsx(React.Fragment, null, "Register item class"),
+            tooltip: {
+                icon: 'info-sign',
+                content: jsx(UL, { css: css `margin: 0;` },
+                    jsx("li", null,
+                        "Class ID: ",
+                        itemClass.meta.id)),
+            },
+        }], [itemClass.meta.id]);
+    return (jsx(TabContentsWithHeader, { title: jsx(React.Fragment, null, itemClass.meta.title), classification: classification },
+        jsx(Card, { css: css `flex: 1; box-shadow: none !important; position: absolute; border-radius: 0; display: flex; flex-flow: column nowrap; padding: 10px;` },
+            jsx("p", null, (_a = itemClass.meta.description) !== null && _a !== void 0 ? _a : '(no class description available)'),
+            jsx(Helmet, null,
+                jsx("title", null, itemClass.meta.title)),
+            jsx(Search, { css: css `flex: 1;`, scope: (_b = itemClass.meta.title) !== null && _b !== void 0 ? _b : "this register item class", 
+                //style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}
+                availableClassIDs: availableClassIDs, implicitCriteria: implicitCriteria, stateName: `item-class-${itemClass.meta.id}-search` }))));
+};
+//# sourceMappingURL=RegisterItemClass.js.map

package/compiled/views/detail/RegisterMeta/RegisterMetaForm.js

@@ -0,0 +1,176 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import update from 'immutability-helper';
+import React from 'react';
+import { jsx, css } from '@emotion/react';
+import { ControlGroup, InputGroup, FormGroup, TextArea, HTMLTable, HTMLSelect, Button, ButtonGroup, MenuItem, } from '@blueprintjs/core';
+import { MultiSelect2 as Select } from '@blueprintjs/select';
+import { FormGroupAsCardInGrid } from '../../../views/util';
+import { STAKEHOLDER_ROLES, StakeholderRole, StakeholderRoleLabels, } from '../../../types/stakeholder';
+const DUMMY_CONTACT = {
+    label: 'email',
+    value: 'example@example.com',
+};
+const DUMMY_ORG = {
+    name: 'New organization',
+    logoURL: '',
+};
+// const DUMMY_PARTY: Register["stakeholders"][number]["parties"][number] = {
+//   name: '',
+//   contacts: [DUMMY_CONTACT],
+// };
+const DUMMY_STAKEHOLDER = {
+    roles: [StakeholderRole.Submitter],
+    name: 'New stakeholder',
+    gitServerUsername: undefined,
+    affiliations: {},
+    contacts: [DUMMY_CONTACT],
+    //parties: [DUMMY_PARTY],
+};
+const RegisterMetaForm = function ({ value, onChange, className }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    function handleOperatingLanguageChange(fieldName) {
+        return (evt) => {
+            const newValue = update(value, { operatingLanguage: op => update(op !== null && op !== void 0 ? op : {}, { [fieldName]: { $set: evt.currentTarget.value } }) });
+            onChange(newValue);
+        };
+    }
+    function makeFormEventHandler(func) {
+        return (evt) => {
+            const spec = func(evt.currentTarget.value);
+            if (spec) {
+                onChange(update(value, spec));
+            }
+        };
+    }
+    const stakeholders = (_a = value.stakeholders) !== null && _a !== void 0 ? _a : [];
+    const orgs = (_b = value.organizations) !== null && _b !== void 0 ? _b : {};
+    const organizationIDs = Object.keys(orgs);
+    function makeStakeholderChangeHandler(idx, func) {
+        return makeFormEventHandler(val => ({ stakeholders: { [idx]: func(val) } }));
+    }
+    function handleStakeholderAdd() {
+        onChange({ ...value, stakeholders: [...stakeholders, DUMMY_STAKEHOLDER] });
+    }
+    function handleStakeholderDelete(idx) {
+        onChange(update(value, { stakeholders: { $splice: [[idx, 1]] } }));
+    }
+    function makeOrgChangeHandler(orgID, func) {
+        return makeFormEventHandler(val => ({ organizations: { [orgID]: func(val) } }));
+    }
+    function handleOrgAdd() {
+        const newID = crypto.randomUUID();
+        onChange({ ...value, organizations: { ...orgs, [newID]: DUMMY_ORG } });
+    }
+    function handleOrgDelete(orgID) {
+        onChange(update(value, { organizations: { $unset: [orgID] } }));
+    }
+    function findAffiliations(orgID) {
+        return stakeholders.
+            filter(s => { var _a; return ((_a = s.affiliations) === null || _a === void 0 ? void 0 : _a[orgID]) !== undefined; }).
+            flatMap(s => { var _a; return Object.values((_a = s.affiliations) !== null && _a !== void 0 ? _a : {}); });
+    }
+    function findAffiliationOptions(s) {
+        return Object.entries(orgs).
+            filter(([orgID]) => { var _a; return ((_a = s.affiliations) === null || _a === void 0 ? void 0 : _a[orgID]) === undefined; }).
+            map(([orgID, org]) => ({
+            value: orgID,
+            label: org.name,
+        }));
+    }
+    return (jsx(React.Fragment, null,
+        jsx(FormGroupAsCardInGrid, { label: "Basics:", paddingPx: PADDING_PX, css: css `
+            min-width: 100%;
+            > .bp4-form-content {
+              flex-flow: row wrap;
+              justify-content: stretch;
+              align-items: stretch;
+            }
+          ` },
+            jsx(FormGroup, { label: "Name:", css: css `flex-grow: 1;` },
+                jsx(InputGroup, { fill: true, value: value.name || '', readOnly: !onChange, onChange: makeFormEventHandler(val => ({ name: { $set: val } })) })),
+            jsx(FormGroup, { label: "Uniform resource identifier:", css: css `flex-grow: 1;` },
+                jsx(InputGroup, { fill: true, type: "url", value: value.uniformResourceIdentifier || '', readOnly: !onChange, onChange: makeFormEventHandler(val => ({ uniformResourceIdentifier: { $set: val } })) })),
+            jsx(FormGroup, { label: "Operating language (locale):", helperText: "Name, country and ISO 639-2 language code." },
+                jsx(ControlGroup, null,
+                    jsx(InputGroup, { readOnly: !onChange, placeholder: "E.g., Welsh", value: (_d = (_c = value.operatingLanguage) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '', onChange: handleOperatingLanguageChange('name') }),
+                    jsx(InputGroup, { readOnly: !onChange, placeholder: "3-character numerical country code from ISO 3166-1", value: (_f = (_e = value.operatingLanguage) === null || _e === void 0 ? void 0 : _e.country) !== null && _f !== void 0 ? _f : '', onChange: handleOperatingLanguageChange('country') }),
+                    jsx(InputGroup, { css: css `width: 4em;`, readOnly: !onChange, placeholder: "3-character language code from ISO 639-2", value: (_h = (_g = value.operatingLanguage) === null || _g === void 0 ? void 0 : _g.languageCode) !== null && _h !== void 0 ? _h : '', onChange: handleOperatingLanguageChange('languageCode') })))),
+        jsx(FormGroupAsCardInGrid, { label: "Content summary:", paddingPx: PADDING_PX, css: css `min-width: 100%;` },
+            jsx(FormGroup, { helperText: "HTML is allowed." },
+                jsx(TextArea, { fill: true, css: css `height: 8em !important;`, value: value.contentSummary || '', readOnly: !onChange, onChange: makeFormEventHandler(val => ({ contentSummary: { $set: val } })) }))),
+        jsx(FormGroupAsCardInGrid, { paddingPx: PADDING_PX, label: "Organizations:", css: css `min-width: 100%`, helperText: onChange
+                ? jsx(Button, { onClick: handleOrgAdd, icon: "add" }, "Add")
+                : null }, organizationIDs.length > 0
+            ? jsx(HTMLTable, { css: css `margin: 0 -${PADDING_PX}px;` },
+                jsx("thead", null,
+                    jsx("tr", { css: css `& > * { white-space: nowrap }` },
+                        jsx("th", null, "Name"),
+                        jsx("th", null, "Logo URL"))),
+                jsx("tbody", null, [...Object.entries(value.organizations)].map(([orgID, s]) => jsx("tr", { key: orgID },
+                    jsx("td", null,
+                        jsx(InputGroup, { readOnly: !onChange, rightElement: jsx(Button, { key: "delete", outlined: true, disabled: !onChange || findAffiliations(orgID).length > 0, title: "Delete this organization", onClick: () => handleOrgDelete(orgID), icon: "cross", intent: "warning" }), onChange: makeOrgChangeHandler(orgID, (val) => ({ name: { $set: val } })), value: s.name })),
+                    jsx("td", null,
+                        jsx(InputGroup, { readOnly: !onChange, onChange: makeOrgChangeHandler(orgID, (val) => ({ logoURL: { $set: val } })), value: s.logoURL }))))))
+            : null),
+        jsx(FormGroupAsCardInGrid, { paddingPx: PADDING_PX, label: "Users:", css: css `min-width: 100%`, helperText: onChange
+                ? jsx(Button, { onClick: handleStakeholderAdd, icon: "add" }, "Add")
+                : null }, stakeholders.length > 0
+            ? jsx(HTMLTable, { css: css `margin: 0 -${PADDING_PX}px;` },
+                jsx("thead", null,
+                    jsx("tr", { css: css `& > * { white-space: nowrap }` },
+                        jsx("th", null, "Name"),
+                        jsx("th", null, "Git server username"),
+                        jsx("th", null, "Role"),
+                        jsx("th", null, "Affiliations"),
+                        jsx("th", null, "Contact email"))),
+                jsx("tbody", null, [...stakeholders.entries()].map(([idx, s]) => {
+                    var _a, _b, _c, _d;
+                    return jsx("tr", { key: idx },
+                        jsx("td", null,
+                            jsx(InputGroup, { readOnly: !onChange, onChange: makeStakeholderChangeHandler(idx, (val) => ({ name: { $set: val } })), rightElement: jsx(Button, { key: "delete", outlined: true, disabled: !onChange, title: "Delete this stakeholder", onClick: () => handleStakeholderDelete(idx), icon: "cross", intent: "warning" }), value: s.name })),
+                        jsx("td", null,
+                            jsx(InputGroup, { readOnly: !onChange, onChange: makeStakeholderChangeHandler(idx, (val) => ({ gitServerUsername: { $set: val || undefined } })), value: s.gitServerUsername || '' })),
+                        jsx("td", null,
+                            jsx(Select, { items: STAKEHOLDER_ROLES, popoverProps: {
+                                    minimal: true,
+                                    matchTargetWidth: true,
+                                }, itemPredicate: (query, roleID) => 
+                                // Match can be in both role ID and role label
+                                `${roleID} ${StakeholderRoleLabels[roleID]}`.
+                                    toLowerCase().
+                                    indexOf(query.toLowerCase()) >= 0, resetOnSelect: true, css: css `max-width: 300px;`, selectedItems: [...((_a = s.roles) !== null && _a !== void 0 ? _a : [s.role])], disabled: !onChange || !s.roles, itemDisabled: roleID => { var _a; return (_a = s.roles) === null || _a === void 0 ? void 0 : _a.includes(roleID); }, tagRenderer: roleID => StakeholderRoleLabels[roleID], 
+                                // Make each role take full width & so stak them vertically
+                                tagInputProps: { tagProps: { className: 'bp4-fill' } }, onRemove: roleID => onChange(update(value, { stakeholders: { [idx]: { roles: { $splice: [[s.roles.indexOf(roleID), 1]] } } } })), itemRenderer: (roleID, { handleClick, modifiers: { active, disabled } }) => jsx(MenuItem, { text: StakeholderRoleLabels[roleID], active: active, disabled: disabled, onClick: handleClick }), onItemSelect: roleID => onChange(update(value, { stakeholders: { [idx]: { roles: { $push: [roleID] } } } })) })),
+                        jsx("td", null,
+                            jsx(ControlGroup, { vertical: true },
+                                Object.entries((_b = s.affiliations) !== null && _b !== void 0 ? _b : {}).
+                                    sort(([, aff], [, aff2]) => aff2.role.localeCompare(aff.role)).
+                                    map(([orgID, affiliation], _affiliationIdx) => {
+                                    var _a, _b;
+                                    return jsx(ButtonGroup, { key: orgID },
+                                        jsx(InputGroup, { key: "org", readOnly: true, value: (_b = (_a = orgs[orgID]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : orgID, rightElement: jsx(Button, { key: "delete", outlined: true, disabled: !onChange, title: "Delete this affiliation", onClick: () => onChange(update(value, { stakeholders: { [idx]: { affiliations: { $unset: [orgID] } } } })), icon: "cross" }) }),
+                                        jsx(HTMLSelect, { key: "set-role", disabled: !onChange, value: affiliation.role, options: [
+                                                { value: 'pointOfContact', label: 'point of contact' },
+                                                { value: 'member', label: 'member' },
+                                            ], onChange: (evt) => onChange(update(value, { stakeholders: { [idx]: { affiliations: { [orgID]: { role: { $set: evt.currentTarget.value } } } } } })), title: "Specify role in organization" }));
+                                }),
+                                findAffiliationOptions(s).length > 0 && onChange
+                                    ? jsx(HTMLSelect, { key: "add", options: [
+                                            { label: "Append affiliation…", value: '' },
+                                            ...findAffiliationOptions(s),
+                                        ], value: "", onChange: (evt) => {
+                                            var _a;
+                                            return ((_a = evt.currentTarget.value) === null || _a === void 0 ? void 0 : _a.trim()) !== ''
+                                                ? onChange(update(value, { stakeholders: { [idx]: { affiliations: { [evt.currentTarget.value]: { $set: { role: 'member' } } } } } }))
+                                                : void 0;
+                                        }, title: "Append affiliation\u2026" })
+                                    : null)),
+                        jsx("td", null,
+                            jsx(InputGroup, { readOnly: !onChange, type: "email", onChange: makeStakeholderChangeHandler(idx, (val) => ({ contacts: { $set: [{ label: 'email', value: val }] } })), value: ((_d = (_c = s.contacts) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.value) || '' })));
+                })))
+            : null)));
+};
+const PADDING_PX = 11;
+export default RegisterMetaForm;
+//# sourceMappingURL=RegisterMetaForm.js.map

package/compiled/views/detail/RegisterMeta/index.js

@@ -0,0 +1,73 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React, { useState, useContext } from 'react';
+import { jsx } from '@emotion/react';
+import { NonIdealState, Spinner } from '@blueprintjs/core';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+import { BrowserCtx } from '../../BrowserCtx';
+import { isRegisterMetadata } from '../../../types';
+import { isOwner } from '../../../types/stakeholder';
+import { REGISTER_METADATA_FILENAME } from '../../../common';
+import { TabContentsWithHeader } from '../../util';
+import RegisterMetaForm from './RegisterMetaForm';
+const RegisterMeta = function () {
+    var _a;
+    const { updateObjects, performOperation } = useContext(DatasetContext);
+    const { registerMetadata, stakeholder } = useContext(BrowserCtx);
+    const [editedMetadata, setEditedMetadata] = useState(null);
+    const canChange = updateObjects ? true : false;
+    const didChange = registerMetadata && editedMetadata && JSON.stringify(editedMetadata) !== JSON.stringify(registerMetadata);
+    const owner = ((_a = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.stakeholders) !== null && _a !== void 0 ? _a : []).find(isOwner);
+    const stakeholderCanEdit = !owner || (stakeholder && isOwner(stakeholder));
+    function handleClear() {
+        setEditedMetadata(null);
+    }
+    async function handleSave() {
+        if (!updateObjects) {
+            throw new Error("Dataset is read-only");
+        }
+        if (!stakeholder || !isOwner(stakeholder)) {
+            throw new Error("Register meta is only meant to be edited by owner");
+        }
+        if (!isRegisterMetadata(editedMetadata)) {
+            throw new Error("Invalid register metadata");
+        }
+        await performOperation('saving register meta', updateObjects)({
+            commitMessage: "edited register metadata",
+            objectChangeset: {
+                [REGISTER_METADATA_FILENAME]: {
+                    oldValue: registerMetadata,
+                    newValue: editedMetadata,
+                },
+            },
+        });
+        setEditedMetadata(null);
+    }
+    if (registerMetadata) {
+        return (jsx(TabContentsWithHeader, { title: "Register metadata", layout: "card-grid", actions: [[{
+                        onClick: handleSave,
+                        disabled: !didChange || !canChange,
+                        intent: didChange && canChange ? "primary" : undefined,
+                        children: "Save",
+                    }, {
+                        onClick: handleClear,
+                        disabled: !didChange || !canChange,
+                        children: "Clear changes",
+                    }]] },
+            jsx(RegisterMetaForm, { value: editedMetadata !== null && editedMetadata !== void 0 ? editedMetadata : registerMetadata, onChange: (updateObjects && stakeholderCanEdit)
+                    ? setEditedMetadata
+                    : undefined })));
+    }
+    else if (registerMetadata === undefined) {
+        return jsx(NonIdealState, { icon: jsx(Spinner, null) });
+    }
+    else {
+        return jsx(NonIdealState, { icon: "heart-broken", description: "Failed to read registry metadata." });
+    }
+};
+export default {
+    main: RegisterMeta,
+    title: () => jsx(React.Fragment, null, "Register Metadata"),
+    plainTitle: async () => "register metadata",
+};
+//# sourceMappingURL=index.js.map

package/compiled/views/detail/index.js

@@ -0,0 +1,12 @@
+import protocolRegistry, { isValidProtocol } from '../protocolRegistry';
+export async function getPlainTitle(uri) {
+    var _a, _b, _c;
+    const [proto, _path] = uri.split(':');
+    if (isValidProtocol(proto)) {
+        return (_c = await ((_b = (_a = protocolRegistry[proto]).plainTitle) === null || _b === void 0 ? void 0 : _b.call(_a, _path))) !== null && _c !== void 0 ? _c : 'N/A';
+    }
+    else {
+        throw new Error("Invalid protocol");
+    }
+}
+//# sourceMappingURL=index.js.map

package/compiled/views/diffing/InlineDiff.js

@@ -0,0 +1,117 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx } from '@emotion/react';
+import styled from '@emotion/styled';
+import React from 'react';
+import ReactDOM from 'react-dom/server';
+import VisualDiff from 'react-visual-diff';
+import { OL } from '@blueprintjs/core';
+import DL from '@riboseinc/paneron-extension-kit/widgets/DL';
+import { objectsHaveSameShape, normalizeObjectRecursively, isObject } from '@riboseinc/paneron-extension-kit/util';
+import AnnotatedChange from '../AnnotatedChange';
+const UnstyledOL = styled(OL) `
+  margin: 0 !important;
+  > li {
+    margin: 0 !important;
+  }
+  ::marker {
+    font-weight: bold;
+  }
+`;
+const ComplexDL = styled(DL) `
+  /* Within Blueprint’s running text container, we can get away with zero vertical padding. */
+  padding: 0 4px;
+  border: 1px solid rgba(125, 125, 125, 0.5);
+  border-radius: 0 0 15px 0;
+  margin: -1px -5px;
+`;
+const InlineDiff = React.memo(({ DetailView, sharedRefComponents, item1, item2 }) => {
+    // TODO: Make VisualDiff work. Currently, it doesn’t apparently when item detail views use hooks.
+    // Which is often. Either make item views hook-free
+    // (which means primarily eliminating useRegisterItemData() by inferring and pre-fetching
+    // related item data), or work out another way to diff two React elements.
+    console.debug(item1.description, item2.description);
+    const left = jsx("div", { dangerouslySetInnerHTML: { __html: ReactDOM.renderToString(jsx(DetailView, { itemRef: sharedRefComponents, itemData: item1 })) } });
+    const right = jsx("div", { dangerouslySetInnerHTML: { __html: ReactDOM.renderToString(jsx(DetailView, { itemRef: sharedRefComponents, itemData: item2 })) } });
+    return jsx(VisualDiff, { left: left, right: right, renderChange: AnnotatedChange });
+}, (prevProps, nextProps) => JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) &&
+    JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1));
+// /** Returns true if a value or any nested value within, recursively, is considered “not empty”. */
+// function isNonEmptyRecursive(val: any): boolean {
+//   if (Array.isArray(val)) {
+//     // TODO: Should really do this on arrays?
+//     return val.find(item => isNonEmptyRecursive(item)) !== undefined;
+//   } else if (isObject(val)) {
+//     return Object.values(val).find(item => isNonEmptyRecursive(item)) !== undefined;
+//   } else {
+//     return isNonEmpty(val);
+//   }
+// }
+/** Returns true if a value is considered “not empty”. */
+function isNonEmpty(val) {
+    var _a, _b;
+    return val && (typeof val === 'string'
+        ? val.trim() !== ''
+        : ((_b = (_a = val === null || val === void 0 ? void 0 : val.toString()) === null || _a === void 0 ? void 0 : _a.trim) === null || _b === void 0 ? void 0 : _b.call(_a)) || `${val}`);
+}
+/** Renders given value in a recursive way. */
+export const Val = function ({ val, hideEmpty }) {
+    var _a;
+    if (Array.isArray(val)) {
+        return (jsx(UnstyledOL, null, val.map((v, idx) => jsx("li", { key: idx },
+            isObject(val) ? jsx(React.Fragment, null, "\u2192") : null,
+            jsx(Val, { val: v, hideEmpty: hideEmpty })))));
+    }
+    else if (isObject(val)) {
+        const allEntries = Object.entries(val);
+        const entries = hideEmpty
+            ? allEntries.filter(([, v]) => isNonEmpty(v))
+            : allEntries;
+        const omittedCount = hideEmpty
+            ? allEntries.length - entries.length
+            : 0;
+        const Comp = entries.length > 1
+            ? ComplexDL
+            : DL;
+        return (jsx(Comp, null,
+            (omittedCount > 1 ? entries : allEntries).sort().map(([key, val]) => jsx("div", { key: key },
+                jsx("dt", null,
+                    key,
+                    isObject(val) ? jsx(React.Fragment, null, " \u2192") : ': '),
+                jsx("dd", null,
+                    jsx(Val, { val: val, hideEmpty: hideEmpty })))),
+            omittedCount > 1
+                ? jsx(MetaDLRow, null,
+                    jsx("dt", null, "empty properties omitted:"),
+                    jsx("dd", null,
+                        jsx("code", null, omittedCount)))
+                : null));
+    }
+    else {
+        const valString = typeof val === 'string'
+            ? val
+            : (_a = val === null || val === void 0 ? void 0 : val.toString()) !== null && _a !== void 0 ? _a : '';
+        return typeof val === 'string'
+            ? jsx(React.Fragment, null, valString)
+            : jsx("code", null, valString.trim() || `${val}`);
+    }
+};
+const MetaDLRow = styled.div `
+  opacity: 0.7;
+  > dt {
+    font-weight: normal;
+    font-style: italic;
+  }
+`;
+export const InlineDiffGeneric = React.memo(function ({ item1, item2, omitEmpty, className }) {
+    const left = jsx(Val, { val: normalizeObjectRecursively(item1), hideEmpty: omitEmpty });
+    const right = jsx(Val, { val: normalizeObjectRecursively(item2), hideEmpty: omitEmpty });
+    return (jsx("div", { className: className },
+        jsx(VisualDiff, { left: left, right: right, 
+            //left={<Val val={normalizeObjectRecursively(item1)} />}
+            //right={<Val val={normalizeObjectRecursively(item2)} />}
+            renderChange: AnnotatedChange })));
+}, (prevProps, nextProps) => objectsHaveSameShape(prevProps.item2, nextProps.item2) &&
+    objectsHaveSameShape(prevProps.item1, nextProps.item1));
+export default InlineDiff;
+//# sourceMappingURL=InlineDiff.js.map

package/compiled/views/diffing/StructuredDiff.js

@@ -0,0 +1,38 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { diff, formatters } from 'jsondiffpatch';
+import { jsx, css } from '@emotion/react';
+import React, { useEffect, useRef, useState } from 'react';
+import { Switch } from '@blueprintjs/core';
+const StructuredDiff = React.memo(({ item1, item2, showUnchanged, className }) => {
+    const diffContainerRef = useRef(null);
+    // Is ignored if managed via prop.
+    const [_showUnchanged, setShowUnchanged] = useState(false);
+    const item1json = JSON.stringify(item1);
+    const item2json = JSON.stringify(item2);
+    useEffect(() => {
+        if (diffContainerRef.current) {
+            const delta = diff(item1, item2);
+            formatters.html.showUnchanged(showUnchanged !== null && showUnchanged !== void 0 ? showUnchanged : _showUnchanged);
+            if (delta) {
+                diffContainerRef.current.innerHTML = formatters.html.format(delta, item1);
+            }
+            else {
+                diffContainerRef.current.innerHTML = formatters.html.format({}, item1);
+            }
+        }
+    }, [item1json, item2json, diffContainerRef.current, showUnchanged, _showUnchanged]);
+    // TODO: Make VisualDiff work. Currently, it doesn’t apparently when item detail views use hooks.
+    // Which is often. Either make item views hook-free
+    // (which means primarily eliminating useRegisterItemData() by inferring and pre-fetching
+    // related item data), or work out another way to diff two React elements.
+    return jsx("div", { css: css `display: flex; flex-flow: column nowrap;`, className: className },
+        showUnchanged === undefined
+            ? jsx(Switch, { checked: _showUnchanged, onChange: evt => setShowUnchanged(evt.currentTarget.checked), label: "Show unchanged properties" })
+            : null,
+        jsx("div", { ref: diffContainerRef, css: css `flex: 1; overflow: auto;` }));
+}, (prevProps, nextProps) => JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) &&
+    JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1) &&
+    prevProps.showUnchanged === nextProps.showUnchanged);
+export default StructuredDiff;
+//# sourceMappingURL=StructuredDiff.js.map

package/compiled/views/hooks/useCustomView.js

@@ -0,0 +1,14 @@
+import { useContext } from 'react';
+import { BrowserCtx } from '../BrowserCtx';
+export default function useCustomView(viewID) {
+    const { customViews } = useContext(BrowserCtx);
+    const view = (customViews !== null && customViews !== void 0 ? customViews : []).find(v => v.id === viewID);
+    return {
+        value: view,
+        errors: [],
+        refresh: () => void 0,
+        isUpdating: false,
+        _reqCounter: 0,
+    };
+}
+//# sourceMappingURL=useCustomView.js.map

package/compiled/views/hooks/useItemClassConfig.js

@@ -0,0 +1,8 @@
+import { useContext, useMemo } from 'react';
+import { BrowserCtx } from '../BrowserCtx';
+export default function useItemClassConfig(clsID) {
+    const { itemClasses } = useContext(BrowserCtx);
+    const clsConfig = itemClasses[clsID];
+    return useMemo((() => clsConfig), [clsID, itemClasses]);
+}
+//# sourceMappingURL=useItemClassConfig.js.map