@riboseinc/paneron-registry-kit 2.0.0-dev8 → 2.0.0

package/views/diffing/StructuredDiff.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _jsondiffpatch = require("jsondiffpatch");
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const StructuredDiff = _react2.default.memo(({
+  item1,
+  item2,
+  showUnchanged,
+  className
+}) => {
+  const diffContainerRef = (0, _react2.useRef)(null); // Is ignored if managed via prop.
+
+  const [_showUnchanged, setShowUnchanged] = (0, _react2.useState)(false);
+  const item1json = JSON.stringify(item1);
+  const item2json = JSON.stringify(item2);
+  (0, _react2.useEffect)(() => {
+    if (diffContainerRef.current) {
+      const delta = (0, _jsondiffpatch.diff)(item1, item2);
+
+      _jsondiffpatch.formatters.html.showUnchanged(showUnchanged ?? _showUnchanged);
+
+      if (delta) {
+        diffContainerRef.current.innerHTML = _jsondiffpatch.formatters.html.format(delta, item1);
+      } else {
+        diffContainerRef.current.innerHTML = _jsondiffpatch.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 (0, _react.jsx)("div", {
+    css: (0, _react.css)`display: flex; flex-flow: column nowrap;`,
+    className: className
+  }, showUnchanged === undefined ? (0, _react.jsx)(_core.Switch, {
+    checked: _showUnchanged,
+    onChange: evt => setShowUnchanged(evt.currentTarget.checked),
+    label: "Show unchanged properties"
+  }) : null, (0, _react.jsx)("div", {
+    ref: diffContainerRef,
+    css: (0, _react.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);
+
+var _default = StructuredDiff;
+exports.default = _default;

package/views/diffing/StructuredDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructuredDiff.js","sourceRoot":"","sources":["../../../src/views/diffing/StructuredDiff.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAI3C,MAAM,cAAc,GAKf,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7D,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEtD,kCAAkC;IAClC,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YACjC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC;YAC/D,IAAI,KAAK,EAAE;gBACT,gBAAgB,CAAC,OAAO,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aAC3E;iBAAM;gBACL,gBAAgB,CAAC,OAAO,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;aACxE;SACF;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEpF,iGAAiG;IACjG,mDAAmD;IACnD,yFAAyF;IACzF,0EAA0E;IAE1E,OAAO,aAAK,GAAG,EAAE,GAAG,CAAA,0CAA0C,EAAE,SAAS,EAAE,SAAS;QACjF,aAAa,KAAK,SAAS;YAC1B,CAAC,CAAC,IAAC,MAAM,IACL,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5D,KAAK,EAAC,2BAA2B,GACjC;YACJ,CAAC,CAAC,IAAI;QACR,aAAK,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,GAAG,CAAA,0BAA0B,GAAQ,CAClE,CAAA;AACR,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAC1B,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;IACnE,SAAS,CAAC,aAAa,KAAK,SAAS,CAAC,aAAa,CACpD,CAAC;AAGF,eAAe,cAAc,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { diff, formatters } from 'jsondiffpatch';\nimport { jsx, css } from '@emotion/react';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Switch } from '@blueprintjs/core';\nimport { RegisterItem } from '../../types/item';\n\n\nconst StructuredDiff: React.FC<{\n  item1: RegisterItem<any>[\"data\"]\n  item2: RegisterItem<any>[\"data\"]\n  showUnchanged?: boolean\n  className?: string\n}> = React.memo(({ item1, item2, showUnchanged, className }) => {\n  const diffContainerRef = useRef<HTMLDivElement>(null);\n\n  // Is ignored if managed via prop.\n  const [_showUnchanged, setShowUnchanged] = useState(false);\n\n  const item1json = JSON.stringify(item1);\n  const item2json = JSON.stringify(item2);\n\n  useEffect(() => {\n    if (diffContainerRef.current) {\n      const delta = diff(item1, item2);\n      formatters.html.showUnchanged(showUnchanged ?? _showUnchanged);\n      if (delta) {\n        diffContainerRef.current.innerHTML = formatters.html.format(delta, item1);\n      } else {\n        diffContainerRef.current.innerHTML = formatters.html.format({}, item1);\n      }\n    }\n  }, [item1json, item2json, diffContainerRef.current, showUnchanged, _showUnchanged]);\n\n  // TODO: Make VisualDiff work. Currently, it doesn’t apparently when item detail views use hooks.\n  // Which is often. Either make item views hook-free\n  // (which means primarily eliminating useRegisterItemData() by inferring and pre-fetching\n  // related item data), or work out another way to diff two React elements.\n\n  return <div css={css`display: flex; flex-flow: column nowrap;`} className={className}>\n    {showUnchanged === undefined\n      ? <Switch\n          checked={_showUnchanged}\n          onChange={evt => setShowUnchanged(evt.currentTarget.checked)}\n          label=\"Show unchanged properties\"\n        />\n      : null}\n    <div ref={diffContainerRef} css={css`flex: 1; overflow: auto;`}></div>\n  </div>\n}, (prevProps, nextProps) =>\n  JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) &&\n  JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1) &&\n  prevProps.showUnchanged === nextProps.showUnchanged\n);\n\n\nexport default StructuredDiff;\n\n"]}

package/views/hooks/useCustomView.d.ts

@@ -0,0 +1,3 @@
+import { ValueHook } from '@riboseinc/paneron-extension-kit/types';
+import { CustomViewConfiguration } from '../../types';
+export default function useCustomView(viewID: string): ValueHook<CustomViewConfiguration | undefined>;

package/views/hooks/useCustomView.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useCustomView;
+
+var _react = require("react");
+
+var _BrowserCtx = require("../BrowserCtx");
+
+function useCustomView(viewID) {
+  const {
+    customViews
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const view = customViews.find(v => v.id === viewID);
+  return {
+    value: view,
+    errors: [],
+    refresh: () => void 0,
+    isUpdating: false,
+    _reqCounter: 0
+  };
+}

package/views/hooks/useCustomView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomView.js","sourceRoot":"","sources":["../../../src/views/hooks/useCustomView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,MAAc;IAElD,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;IACpD,OAAO;QACL,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;QACrB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,CAAC;KACf,CAAC;AACJ,CAAC","sourcesContent":["import { useContext } from 'react';\nimport { ValueHook } from '@riboseinc/paneron-extension-kit/types';\nimport { BrowserCtx } from '../BrowserCtx';\nimport { CustomViewConfiguration } from '../../types';\n\n\nexport default function useCustomView(viewID: string):\nValueHook<CustomViewConfiguration | undefined> {\n  const { customViews } = useContext(BrowserCtx);\n  const view = customViews.find(v => v.id === viewID);\n  return {\n    value: view,\n    errors: [],\n    refresh: () => void 0,\n    isUpdating: false,\n    _reqCounter: 0,\n  };\n}\n"]}

package/views/hooks/useItemClassConfig.d.ts

@@ -0,0 +1,3 @@
+import { ValueHook } from '@riboseinc/paneron-extension-kit/types';
+import { ItemClassConfiguration } from '../../types';
+export default function useItemClassConfig(clsID: string): ValueHook<ItemClassConfiguration<any> | undefined>;

package/views/hooks/useItemClassConfig.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useItemClassConfig;
+
+var _react = require("react");
+
+var _BrowserCtx = require("../BrowserCtx");
+
+function useItemClassConfig(clsID) {
+  const {
+    itemClasses
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const clsConfig = itemClasses[clsID];
+  return {
+    value: clsConfig,
+    errors: [],
+    refresh: () => void 0,
+    isUpdating: false,
+    _reqCounter: 0
+  };
+}

package/views/hooks/useItemClassConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemClassConfig.js","sourceRoot":"","sources":["../../../src/views/hooks/useItemClassConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAa;IAEtD,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,OAAO;QACL,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;QACrB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,CAAC;KACf,CAAC;AACJ,CAAC","sourcesContent":["import { useContext } from 'react';\nimport { ValueHook } from '@riboseinc/paneron-extension-kit/types';\nimport { BrowserCtx } from '../BrowserCtx';\nimport { ItemClassConfiguration } from '../../types';\n\n\nexport default function useItemClassConfig(clsID: string):\nValueHook<ItemClassConfiguration<any> | undefined> {\n  const { itemClasses } = useContext(BrowserCtx);\n  const clsConfig = itemClasses[clsID];\n  return {\n    value: clsConfig,\n    errors: [],\n    refresh: () => void 0,\n    isUpdating: false,\n    _reqCounter: 0,\n  };\n}\n"]}

package/views/hooks/useItemRef.d.ts

@@ -0,0 +1,3 @@
+import { ValueHook } from '@riboseinc/paneron-extension-kit/types';
+import { InternalItemReference } from '../../types';
+export default function useItemRef(itemPath: string): ValueHook<InternalItemReference | undefined>;

package/views/hooks/useItemRef.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useItemRef;
+
+var _react = require("react");
+
+var _BrowserCtx = require("../BrowserCtx");
+
+var _itemPathUtils = require("../itemPathUtils");
+
+function useItemRef(itemPath) {
+  const {
+    subregisters
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+
+  try {
+    const value = (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, itemPath);
+    return {
+      value,
+      isUpdating: false,
+      refresh: () => void 0,
+      _reqCounter: 0,
+      errors: []
+    };
+  } catch (e) {
+    var _e$toString;
+
+    return {
+      value: undefined,
+      isUpdating: false,
+      refresh: () => void 0,
+      _reqCounter: 0,
+      errors: [`${((_e$toString = e.toString) === null || _e$toString === void 0 ? void 0 : _e$toString.call(e)) ?? e}`]
+    };
+  }
+}

package/views/hooks/useItemRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemRef.js","sourceRoot":"","sources":["../../../src/views/hooks/useItemRef.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIrD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,QAAgB;IAEjD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAChD,IAAI;QACF,MAAM,KAAK,GAAG,iBAAiB,CAAC,YAAY,KAAK,SAAS,EAAE,QAAQ,CAAC,CAAC;QACtE,OAAO;YACL,KAAK;YACL,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;YACrB,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,EAAE;SACX,CAAC;KACH;IAAC,OAAO,CAAM,EAAE;QACf,OAAO;YACL,KAAK,EAAE,SAAS;YAChB,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;YACrB,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;SACnC,CAAC;KACH;AACH,CAAC","sourcesContent":["import { useContext } from 'react';\nimport { ValueHook } from '@riboseinc/paneron-extension-kit/types';\nimport { BrowserCtx } from '../BrowserCtx';\nimport { itemPathToItemRef } from '../itemPathUtils';\nimport { InternalItemReference } from '../../types';\n\n\nexport default function useItemRef(itemPath: string):\nValueHook<InternalItemReference | undefined> {\n  const { subregisters } = useContext(BrowserCtx);\n  try {\n    const value = itemPathToItemRef(subregisters !== undefined, itemPath);\n    return {\n      value,\n      isUpdating: false,\n      refresh: () => void 0,\n      _reqCounter: 0,\n      errors: [],\n    };\n  } catch (e: any) {\n    return {\n      value: undefined,\n      isUpdating: false,\n      refresh: () => void 0,\n      _reqCounter: 0,\n      errors: [`${e.toString?.() ?? e}`],\n    };\n  }\n}\n"]}

package/views/hooks/useSingleRegisterItemData.d.ts

@@ -0,0 +1,3 @@
+import { ValueHook } from '@riboseinc/paneron-extension-kit/types';
+import { InternalItemReference, RegisterItem } from '../../types';
+export default function useSingleRegisterItemData(ref: InternalItemReference | undefined): ValueHook<RegisterItem<any> | null>;

package/views/hooks/useSingleRegisterItemData.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useSingleRegisterItemData;
+
+var _react = require("react");
+
+var _BrowserCtx = require("../BrowserCtx");
+
+var _itemPathUtils = require("../itemPathUtils");
+
+function useSingleRegisterItemData(ref) {
+  const {
+    useRegisterItemData
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const itemPath = ref ? (0, _itemPathUtils.itemRefToItemPath)(ref) : 'NONEXISTENT_ITEM';
+  const itemResponse = useRegisterItemData({
+    itemPaths: [itemPath]
+  });
+  const itemResponseValue = itemResponse.value[itemPath];
+  const itemData = (itemResponseValue === null || itemResponseValue === void 0 ? void 0 : itemResponseValue.data) ?? null;
+  const errMsg = "Item data cannot be loaded";
+  return {
+    value: itemData,
+    errors: itemData === null ? [errMsg, ...itemResponse.errors] : itemResponse.errors,
+    isUpdating: itemResponse.isUpdating,
+    _reqCounter: itemResponse._reqCounter,
+    refresh: itemResponse.refresh
+  };
+}

package/views/hooks/useSingleRegisterItemData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSingleRegisterItemData.js","sourceRoot":"","sources":["../../../src/views/hooks/useSingleRegisterItemData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIrD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAChD,GAAsC;IAErC,MAAM,EAAE,mBAAmB,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;IACnE,MAAM,YAAY,GAAG,mBAAmB,CAAC,EAAE,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACpE,MAAM,iBAAiB,GACrB,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/B,MAAM,QAAQ,GAAG,iBAAiB,EAAE,IAAI,IAAI,IAAI,CAAC;IACjD,MAAM,MAAM,GAAG,4BAA4B,CAAC;IAC5C,OAAO;QACL,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ,KAAK,IAAI;YACvB,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC;YAClC,CAAC,CAAC,YAAY,CAAC,MAAM;QACvB,UAAU,EAAE,YAAY,CAAC,UAAU;QACnC,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,OAAO,EAAE,YAAY,CAAC,OAAO;KAC9B,CAAC;AACJ,CAAC","sourcesContent":["import { useContext } from 'react';\nimport { ValueHook } from '@riboseinc/paneron-extension-kit/types';\nimport { BrowserCtx } from '../BrowserCtx';\nimport { itemRefToItemPath } from '../itemPathUtils';\nimport { InternalItemReference, RegisterItem } from '../../types';\n\n\nexport default function useSingleRegisterItemData\n(ref: InternalItemReference | undefined):\nValueHook<RegisterItem<any> | null> {\n  const { useRegisterItemData } = useContext(BrowserCtx);\n  const itemPath = ref ? itemRefToItemPath(ref) : 'NONEXISTENT_ITEM';\n  const itemResponse = useRegisterItemData({ itemPaths: [itemPath] });\n  const itemResponseValue: RegisterItem<any> | null =\n    itemResponse.value[itemPath];\n\n  const itemData = itemResponseValue?.data ?? null;\n  const errMsg = \"Item data cannot be loaded\";\n  return {\n    value: itemData,\n    errors: itemData === null\n      ? [errMsg, ...itemResponse.errors]\n      : itemResponse.errors,\n    isUpdating: itemResponse.isUpdating,\n    _reqCounter: itemResponse._reqCounter,\n    refresh: itemResponse.refresh,\n  };\n}\n"]}

package/views/index.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
+/** @jsxFrag React.Fragment */
 import React from 'react';
-import { RegistryViewProps } from '../types';
+import { type RegistryViewProps } from '../types';
 import GenericRelatedItemView from './GenericRelatedItemView';
 export { GenericRelatedItemView };
 export declare const RegistryView: React.FC<RegistryViewProps>;
-export declare const nonIdeal: JSX.Element;

package/views/index.js

@@ -9,158 +9,189 @@ Object.defineProperty(exports, "GenericRelatedItemView", {
     return _GenericRelatedItemView.default;
   }
 });
-exports.nonIdeal = exports.RegistryView = void 0;
+exports.RegistryView = void 0;
 
-var _electronLog = _interopRequireDefault(require("electron-log"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _react = require("react");
+var _react2 = require("@emotion/react");
 
-var _core = require("@emotion/core");
+var _context = require("@riboseinc/paneron-extension-kit/context");
 
-var _core2 = require("@blueprintjs/core");
+var _TabbedWorkspace = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace"));
 
-var _context = require("@riboseinc/paneron-extension-kit/context");
+var _context2 = require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context");
 
-var _ChangeRequest = require("./ChangeRequest");
+var _types = require("../types");
 
-var _ItemBrowser = require("./ItemBrowser");
+var _common = require("../common");
 
 var _GenericRelatedItemView = _interopRequireDefault(require("./GenericRelatedItemView"));
 
+var _sidebar = require("./sidebar");
+
+var _BrowserCtx = require("./BrowserCtx");
+
+var _util = require("./util");
+
+var _RegisterHome = _interopRequireDefault(require("./detail/RegisterHome"));
+
+var _protocolRegistry = _interopRequireWildcard(require("./protocolRegistry"));
+
+var _ChangeRequestContext = require("./change-request/ChangeRequestContext");
+
+var _itemPathUtils = require("./itemPathUtils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /** @jsx jsx */
-//import { RegisterInformation } from './RegisterInformation';
-//import { REGISTER_METADATA_FILENAME } from '../common';
-//function makeBlankCR(id: string, sponsor: RegisterStakeholder): ChangeRequest {
-//  return {
-//    id,
-//    justification: '',
-//    timeStarted: new Date(),
-//    proposals: {},
-//    sponsor,
-//    status: DECISION_STATUSES[0],
-//  };
-//};
-const RegistryView = function ({
+
+/** @jsxFrag React.Fragment */
+const TabbedWorkspaceContextProvider = (0, _context2.makeContextProvider)('Browse', _sidebar.sidebarIDs, _protocolRegistry.default);
+
+const RegistryView = function (props) {
+  return (0, _react2.jsx)(TabbedWorkspaceContextProvider, {
+    stateKey: "main-registry-view"
+  }, (0, _react2.jsx)(BrowserCtxProvider, { ...props
+  }, (0, _react2.jsx)(RegistryWorkspace, null)));
+};
+
+exports.RegistryView = RegistryView;
+
+const RegistryWorkspace = function () {
+  const {
+    changeRequest: activeChangeRequest
+  } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
+  const {
+    spawnTab
+  } = (0, _react.useContext)(_context2.TabbedWorkspaceContext);
+  const globalMode = (0, _react.useMemo)(() => activeChangeRequest ? {
+    content: (0, _react2.jsx)(_react.default.Fragment, null, "Viewing register as proposed\u2009\u2014\u2009contents shown may differ from version in effect"),
+    intent: 'danger',
+    onClick: () => spawnTab(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:/proposals/${activeChangeRequest.id}/main.yaml`)
+  } : undefined, [activeChangeRequest === null || activeChangeRequest === void 0 ? void 0 : activeChangeRequest.id]);
+  return (0, _react2.jsx)(_TabbedWorkspace.default, {
+    css: (0, _react2.css)`flex: 1 1 auto;`,
+    sidebarConfig: _sidebar.sidebarConfig,
+    sidebarIDs: _sidebar.sidebarIDs,
+    newTabPrompt: (0, _react2.jsx)(_RegisterHome.default, null),
+    globalMode: globalMode
+  });
+};
+
+const BrowserCtxProvider = function ({
   itemClassConfiguration,
-  subregisters
+  subregisters,
+  keyExpression,
+  defaultSearchCriteria,
+  customViews,
+  children
 }) {
+  var _registerMetadataReq$;
+
   const {
     useObjectData,
-    updateObjects
-  } = (0, _react.useContext)(_context.DatasetContext); //const [registerInfoOpen, setRegisterInfoOpen] = useState(false);
-
-  const [selectedCRID, selectCR] = (0, _react.useState)(undefined);
-  const [isBusy, setBusy] = (0, _react.useState)(false); //const remoteUsername: string | undefined = useRemoteUsername().value.username;
-  // const registerObject = useObjectData({
-  //   objectPaths: [REGISTER_METADATA_FILENAME],
-  // }).value.data?.[REGISTER_METADATA_FILENAME]?.value;
-  // const registerInfo: Partial<Register> | null = registerObject
-  //   ? yaml.load(registerObject as string)
-  //   : null;
-  // const stakeholder: RegisterStakeholder | undefined = remoteUsername
-  //   ? (registerInfo?.stakeholders || []).
-  //     find(s => s.gitServerUsername === remoteUsername)
-  //   : undefined;
+    useRemoteUsername
+  } = (0, _react.useContext)(_context.DatasetContext);
+  const {
+    focusedTabURI,
+    spawnTab
+  } = (0, _react.useContext)(_context2.TabbedWorkspaceContext);
+  const selectedItemPath = focusedTabURI && focusedTabURI.startsWith(`${_protocolRegistry.Protocols.ITEM_DETAILS}:`) ? focusedTabURI.split(':')[1] : null;
+  const selectedItemRef = selectedItemPath ? (0, _itemPathUtils.itemPathToItemRefLike)(subregisters !== undefined, selectedItemPath) : null;
+  const maybeSelectedRegisterItemData = useObjectData({
+    objectPaths: selectedItemPath ? [selectedItemPath] : []
+  }).value.data[selectedItemPath ?? ''];
+  const selectedRegisterItem = (0, _types.isInternalItemReference)(selectedItemRef) ? maybeSelectedRegisterItemData && (0, _types.isRegisterItem)(maybeSelectedRegisterItemData) ? {
+    item: maybeSelectedRegisterItemData,
+    ref: selectedItemRef,
+    itemClass: itemClassConfiguration[selectedItemRef.classID]
+  } : undefined : null; // TODO: Confirm that end extensions using RegistryKit can’t just import hooks
+  // from RegistryKit and we really have to pass this to them via context
+  // TODO: Why not use useObjectData directly? Since register item paths
+  // are just object paths. The casting here is optimistic, since an item at given path
+  // may not be a RegisterItem.
 
   const useRegisterItemData = opts => {
-    const result = useObjectData({
-      objectPaths: opts.itemPaths
-    }); //const parsedData = Object.entries(data.value).
-    //filter(([ path, data ]) => data !== null && data.encoding === 'utf-8').
-    //map(([ path, data ]) => {
-    //  const item: RegisterItem<any> = yaml.load(data!.value as string);
-    //  return { [path.replace('.yaml', '')]: item };
-    //}).
-    //reduce((p, c) => ({ ...p, ...c }), {});
-
-    return {
-      isUpdating: false,
-      errors: [],
-      value: result.value.data,
-      refresh: () => void 0,
-      _reqCounter: 0
-    };
-  }; // async function handleSaveRegisterInfo(value: Partial<Register>, oldValue: Partial<Register> | null) {
-  //   if (!isBusy && updateObjects) {
-  //     setBusy(true);
-  //     try {
-  //       await updateObjects({
-  //         commitMessage: "Edit register metadata",
-  //         objectChangeset: {
-  //           [REGISTER_METADATA_FILENAME]: {
-  //             oldValue: oldValue ? oldValue : null,
-  //             newValue: value,
-  //           },
-  //         },
-  //       });
-  //     } finally {
-  //       setBusy(false);
-  //     }
-  //   }
-  // }
-
-
-  async function handleSaveCR(crID, value, oldValue) {
-    if (!isBusy && crID === selectedCRID && updateObjects) {
-      setBusy(true);
-
-      try {
-        await updateObjects({
-          commitMessage: `CR: ${value === null ? 'delete' : 'update'} ${crID}`,
-          objectChangeset: {
-            [`change-requests/${crID}.yaml`]: {
-              oldValue: oldValue,
-              newValue: value !== null && value !== void 0 ? value : null
-            }
-          }
-        });
-
-        if (value === null) {
-          selectCR(undefined);
-        }
-      } catch (e) {
-        _electronLog.default.error("Failed to update or delete CR!", e);
-      } finally {
-        setBusy(false);
+    // Original item path mapped to its potential alternative path in current CR,
+    // if the item is clarified or added in it.
+    // TODO(perf): Access CR data and check whether the item is affected instead of blindly trying CR paths
+    const pathsToRequest = {};
+    const {
+      changeRequest: activeChangeRequest
+    } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
+
+    for (const givenItemPath of opts.itemPaths) {
+      pathsToRequest[givenItemPath] = givenItemPath; // Don’t use CR alternative path for any path that is already explicitly in-CR.
+      // TODO(perf): move out of the loop what’s possible, use map-reduce maybe too
+
+      if (!opts.ignoreActiveCR && !givenItemPath.startsWith('/proposals') && activeChangeRequest !== null && activeChangeRequest !== void 0 && activeChangeRequest.id) {
+        pathsToRequest[(0, _itemPathUtils.itemPathInCR)(givenItemPath, activeChangeRequest.id)] = givenItemPath;
       }
     }
-  }
 
-  let mainViewEl;
-  /*if (registerInfoOpen) {
-    mainViewEl = <RegisterInformation
-      register={registerInfo}
-      onSave={(!isBusy && updateObjects !== undefined)
-        ? handleSaveRegisterInfo
-        : undefined}
-    />;
-     } else */
-
-  if (selectedCRID) {
-    mainViewEl = (0, _core.jsx)(_ChangeRequest.ChangeRequestView, {
-      id: selectedCRID,
-      itemClassConfiguration: itemClassConfiguration,
-      useRegisterItemData: useRegisterItemData,
-      onDelete: !isBusy && updateObjects !== undefined ? (crID, oldValue) => handleSaveCR(crID, null, oldValue) : undefined,
-      onSave: !isBusy && updateObjects !== undefined ? handleSaveCR : undefined
-    });
-  } else {
-    mainViewEl = (0, _core.jsx)(_ItemBrowser.RegisterItemBrowser, {
-      itemClassConfiguration: itemClassConfiguration,
-      subregisters: subregisters,
-      useRegisterItemData: useRegisterItemData
+    const result = useObjectData({
+      objectPaths: Object.keys(pathsToRequest)
     });
-  }
+    const itemData = {};
 
-  return mainViewEl;
-};
+    for (const [alternativePath, itemPath] of Object.entries(pathsToRequest)) {
+      const data = result.value.data[alternativePath] ?? result.value.data[itemPath] ?? null;
 
-exports.RegistryView = RegistryView;
-const nonIdeal = (0, _core.jsx)(_core2.NonIdealState, {
-  icon: "time",
-  title: "Check back in a bit!",
-  description: "This view is coming soon"
-});
-exports.nonIdeal = nonIdeal;
+      if ((0, _types.isRegisterItem)(data) || data === null) {
+        itemData[itemPath] = data;
+      }
+    } // Convert dates
+    // const parsedData: Record<string, RegisterItem<any> | null> = Object.entries(result.value.data).
+    // map(([ path, data ]) => {
+    //   return {
+    //     [path]: data !== null
+    //       ? {
+    //           ...data,
+    //           dateAccepted: parseISO(data!.dateAccepted as unknown as string),
+    //         }
+    //       : null,
+    //   };
+    // }).
+    // reduce((p, c) => ({ ...p, ...c }), {});
+
+
+    return { ...result,
+      value: itemData
+    };
+  }; // Register data
+
+
+  const registerMetadataReq = useObjectData({
+    objectPaths: [_common.REGISTER_METADATA_FILENAME]
+  });
+  const maybeRegisterMetadata = ((_registerMetadataReq$ = registerMetadataReq.value.data) === null || _registerMetadataReq$ === void 0 ? void 0 : _registerMetadataReq$[_common.REGISTER_METADATA_FILENAME]) ?? (registerMetadataReq.isUpdating ? undefined : null);
+  const registerMetadata = !maybeRegisterMetadata || (0, _types.isRegisterMetadata)(maybeRegisterMetadata) ? maybeRegisterMetadata : null;
+  const remoteUsername = useRemoteUsername().value.username;
+  const stakeholder = remoteUsername ? ((registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.stakeholders) ?? []).find(s => s.gitServerUsername === remoteUsername) : undefined; // Active CR
+
+  const [activeChangeRequestID, setActiveChangeRequestID] = (0, _react.useState)(null);
+  const getRelatedClass = (0, _util._getRelatedClass)(itemClassConfiguration);
+  return (0, _react2.jsx)(_BrowserCtx.BrowserCtx.Provider, {
+    value: {
+      stakeholder,
+      registerMetadata,
+      subregisters,
+      itemClasses: itemClassConfiguration,
+      jumpTo: spawnTab,
+      selectedRegisterItem,
+      activeChangeRequestID,
+      setActiveChangeRequestID,
+      useRegisterItemData,
+      getRelatedItemClassConfiguration: getRelatedClass,
+      customViews: customViews ?? [],
+      keyExpression,
+      defaultSearchCriteria
+    }
+  }, (0, _react2.jsx)(_ChangeRequestContext.ChangeRequestContextProvider, {
+    changeRequestID: activeChangeRequestID
+  }, children));
+};

package/views/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/views/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n\nimport log from 'electron-log';\n\nimport React, { useContext, useState } from 'react';\nimport { jsx } from '@emotion/core';\nimport { NonIdealState, } from '@blueprintjs/core';\n\nimport { ValueHook } from '@riboseinc/paneron-extension-kit/types';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport {\n  ChangeRequest,\n  //Register,\n  RegisterItem,\n  RegisterItemDataHook,\n  RegistryViewProps,\n} from '../types';\n//import { RegisterInformation } from './RegisterInformation';\nimport { ChangeRequestView } from './ChangeRequest';\nimport { RegisterItemBrowser } from './ItemBrowser';\n//import { REGISTER_METADATA_FILENAME } from '../common';\n\n\nimport GenericRelatedItemView from './GenericRelatedItemView';\nexport { GenericRelatedItemView };\n\n\n//function makeBlankCR(id: string, sponsor: RegisterStakeholder): ChangeRequest {\n//  return {\n//    id,\n//    justification: '',\n//    timeStarted: new Date(),\n//    proposals: {},\n//    sponsor,\n//    status: DECISION_STATUSES[0],\n//  };\n//};\n\n\nexport const RegistryView: React.FC<RegistryViewProps> = function ({ itemClassConfiguration, subregisters }) {\n\n  const {\n    useObjectData,\n    updateObjects,\n  } = useContext(DatasetContext);\n\n  //const [registerInfoOpen, setRegisterInfoOpen] = useState(false);\n  const [selectedCRID, selectCR] = useState<string | undefined>(undefined);\n  const [isBusy, setBusy] = useState(false);\n\n  //const remoteUsername: string | undefined = useRemoteUsername().value.username;\n\n  // const registerObject = useObjectData({\n  //   objectPaths: [REGISTER_METADATA_FILENAME],\n  // }).value.data?.[REGISTER_METADATA_FILENAME]?.value;\n\n  // const registerInfo: Partial<Register> | null = registerObject\n  //   ? yaml.load(registerObject as string)\n  //   : null;\n\n  // const stakeholder: RegisterStakeholder | undefined = remoteUsername\n  //   ? (registerInfo?.stakeholders || []).\n  //     find(s => s.gitServerUsername === remoteUsername)\n  //   : undefined;\n\n  const useRegisterItemData: RegisterItemDataHook = (opts) => {\n    const result = useObjectData({\n      objectPaths: opts.itemPaths,\n    }) as ValueHook<{ data: Record<string, RegisterItem<any> | null> }>;\n\n    //const parsedData = Object.entries(data.value).\n    //filter(([ path, data ]) => data !== null && data.encoding === 'utf-8').\n    //map(([ path, data ]) => {\n    //  const item: RegisterItem<any> = yaml.load(data!.value as string);\n    //  return { [path.replace('.yaml', '')]: item };\n    //}).\n    //reduce((p, c) => ({ ...p, ...c }), {});\n\n    return {\n      isUpdating: false,\n      errors: [],\n      value: result.value.data,\n      refresh: () => void 0,\n      _reqCounter: 0,\n    };\n  };\n\n  // async function handleSaveRegisterInfo(value: Partial<Register>, oldValue: Partial<Register> | null) {\n  //   if (!isBusy && updateObjects) {\n  //     setBusy(true);\n  //     try {\n  //       await updateObjects({\n  //         commitMessage: \"Edit register metadata\",\n  //         objectChangeset: {\n  //           [REGISTER_METADATA_FILENAME]: {\n  //             oldValue: oldValue ? oldValue : null,\n  //             newValue: value,\n  //           },\n  //         },\n  //       });\n  //     } finally {\n  //       setBusy(false);\n  //     }\n  //   }\n  // }\n\n  async function handleSaveCR(crID: string, value: ChangeRequest | null, oldValue: ChangeRequest) {\n    if (!isBusy && crID === selectedCRID && updateObjects) {\n      setBusy(true);\n      try {\n        await updateObjects({\n          commitMessage: `CR: ${value === null ? 'delete' : 'update'} ${crID}`,\n          objectChangeset: {\n            [`change-requests/${crID}.yaml`]: {\n              oldValue: oldValue,\n              newValue: value ?? null,\n            },\n          },\n        }, );\n        if (value === null) {\n          selectCR(undefined);\n        }\n      } catch (e) {\n        log.error(\"Failed to update or delete CR!\", e);\n      } finally {\n        setBusy(false);\n      }\n    }\n  }\n\n  let mainViewEl: JSX.Element;\n\n  /*if (registerInfoOpen) {\n    mainViewEl = <RegisterInformation\n      register={registerInfo}\n      onSave={(!isBusy && updateObjects !== undefined)\n        ? handleSaveRegisterInfo\n        : undefined}\n    />;\n\n  } else */ if (selectedCRID) {\n    mainViewEl = <ChangeRequestView\n      id={selectedCRID}\n      itemClassConfiguration={itemClassConfiguration}\n      useRegisterItemData={useRegisterItemData}\n\n      onDelete={(!isBusy && updateObjects !== undefined)\n        ? (crID, oldValue) => handleSaveCR(crID, null, oldValue)\n        : undefined}\n      onSave={(!isBusy && updateObjects !== undefined)\n        ? handleSaveCR\n        : undefined}\n    />;\n\n  } else {\n    mainViewEl = <RegisterItemBrowser\n      itemClassConfiguration={itemClassConfiguration}\n      subregisters={subregisters}\n      useRegisterItemData={useRegisterItemData}\n    />;\n  }\n\n  return mainViewEl;\n};\n\n\nexport const nonIdeal = <NonIdealState\n  icon=\"time\"\n  title=\"Check back in a bit!\"\n  description=\"This view is coming soon\" />;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/views/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useState, useMemo } from 'react';\nimport { jsx, css } from '@emotion/react';\n\nimport { ValueHook } from '@riboseinc/paneron-extension-kit/types';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport TabbedWorkspace, { TabbedWorkspaceProps } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace';\nimport {\n  makeContextProvider as makeTabbedWorkspaceContextProvider,\n  TabbedWorkspaceContext,\n} from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\n\nimport {\n  type RegisterItem,\n  type RegisterItemDataHook,\n  type RegisterStakeholder,\n  type RegistryViewProps,\n  isRegisterItem,\n  isRegisterMetadata,\n  isInternalItemReference,\n} from '../types';\n\nimport { REGISTER_METADATA_FILENAME } from '../common';\n\nimport GenericRelatedItemView from './GenericRelatedItemView';\nimport { sidebarConfig, SidebarID, sidebarIDs } from './sidebar';\nimport { BrowserCtx } from './BrowserCtx';\nimport { _getRelatedClass } from './util';\nimport RegisterHome from './detail/RegisterHome';\nimport protocolRegistry, { Protocols, type Protocol } from './protocolRegistry';\nimport {\n  ChangeRequestContext,\n  ChangeRequestContextProvider,\n} from './change-request/ChangeRequestContext';\nimport { itemPathInCR, itemPathToItemRefLike } from './itemPathUtils';\nexport { GenericRelatedItemView };\n\n\nconst TabbedWorkspaceContextProvider = makeTabbedWorkspaceContextProvider<Protocol, SidebarID>(\n  'Browse',\n  sidebarIDs,\n  protocolRegistry);\n\n\nexport const RegistryView: React.FC<RegistryViewProps> = function (props) {\n  return (\n    <TabbedWorkspaceContextProvider stateKey=\"main-registry-view\">\n      <BrowserCtxProvider {...props}>\n        <RegistryWorkspace />\n      </BrowserCtxProvider>\n    </TabbedWorkspaceContextProvider>\n  );\n};\n\n\nconst RegistryWorkspace: React.FC<Record<never, never>> = function () {\n  const { changeRequest: activeChangeRequest } = useContext(ChangeRequestContext);\n  const { spawnTab } = useContext(TabbedWorkspaceContext);\n\n  const globalMode: TabbedWorkspaceProps<any>['globalMode'] = useMemo(\n    (() => activeChangeRequest\n      ? {\n          content: <>\n            Viewing register as proposed — contents shown may differ from version in effect\n          </>,\n          intent: 'danger',\n          onClick: () => spawnTab(`${Protocols.CHANGE_REQUEST}:/proposals/${activeChangeRequest.id}/main.yaml`),\n        }\n      : undefined),\n    [activeChangeRequest?.id],\n  );\n\n  return <TabbedWorkspace\n    css={css`flex: 1 1 auto;`}\n    sidebarConfig={sidebarConfig}\n    sidebarIDs={sidebarIDs}\n    newTabPrompt={<RegisterHome />}\n    globalMode={globalMode}\n  />\n};\n\n\nconst BrowserCtxProvider: React.FC<RegistryViewProps> = function ({\n  itemClassConfiguration,\n  subregisters,\n  keyExpression,\n  defaultSearchCriteria,\n  customViews,\n  children,\n}) {\n\n  const { useObjectData, useRemoteUsername } = useContext(DatasetContext);\n  const { focusedTabURI, spawnTab } = useContext(TabbedWorkspaceContext);\n\n  const selectedItemPath: string | null =\n    focusedTabURI && focusedTabURI.startsWith(`${Protocols.ITEM_DETAILS}:`)\n      ? focusedTabURI.split(':')[1]\n      : null;\n\n  const selectedItemRef: Record<string, string> | null =\n    selectedItemPath\n      ? itemPathToItemRefLike(subregisters !== undefined, selectedItemPath)\n      : null;\n\n  const maybeSelectedRegisterItemData: Record<string, any> | null = useObjectData({\n    objectPaths: selectedItemPath ? [selectedItemPath] : [],\n  }).value.data[selectedItemPath ?? ''];\n\n  const selectedRegisterItem: BrowserCtx['selectedRegisterItem'] =\n    isInternalItemReference(selectedItemRef)\n      ? maybeSelectedRegisterItemData &&\n        isRegisterItem(maybeSelectedRegisterItemData)\n          ? {\n              item: maybeSelectedRegisterItemData,\n              ref: selectedItemRef,\n              itemClass: itemClassConfiguration[selectedItemRef.classID],\n            }\n        : undefined\n      : null;\n\n  // TODO: Confirm that end extensions using RegistryKit can’t just import hooks\n  // from RegistryKit and we really have to pass this to them via context\n  // TODO: Why not use useObjectData directly? Since register item paths\n  // are just object paths. The casting here is optimistic, since an item at given path\n  // may not be a RegisterItem.\n  const useRegisterItemData: RegisterItemDataHook = (opts) => {\n    // Original item path mapped to its potential alternative path in current CR,\n    // if the item is clarified or added in it.\n    // TODO(perf): Access CR data and check whether the item is affected instead of blindly trying CR paths\n    const pathsToRequest: Record<string, string> = {};\n\n    const { changeRequest: activeChangeRequest } = useContext(ChangeRequestContext);\n\n\n    for (const givenItemPath of opts.itemPaths) {\n      pathsToRequest[givenItemPath] = givenItemPath;\n\n      // Don’t use CR alternative path for any path that is already explicitly in-CR.\n      // TODO(perf): move out of the loop what’s possible, use map-reduce maybe too\n      if (!opts.ignoreActiveCR && !givenItemPath.startsWith('/proposals') && activeChangeRequest?.id) {\n        pathsToRequest[itemPathInCR(givenItemPath, activeChangeRequest.id)] = givenItemPath;\n      }\n    }\n\n    const result = useObjectData({\n      objectPaths: Object.keys(pathsToRequest),\n    }) as ValueHook<{ data: Record<string, Record<string, any> | null> }>;\n\n    const itemData: Record<string, RegisterItem<any> | null> = {};\n    for (const [alternativePath, itemPath] of Object.entries(pathsToRequest)) {\n      const data = result.value.data[alternativePath]\n        ?? result.value.data[itemPath]\n        ?? null;\n      if (isRegisterItem(data) || data === null) {\n        itemData[itemPath] = data;\n      }\n    }\n\n    // Convert dates\n    // const parsedData: Record<string, RegisterItem<any> | null> = Object.entries(result.value.data).\n    // map(([ path, data ]) => {\n    //   return {\n    //     [path]: data !== null\n    //       ? {\n    //           ...data,\n    //           dateAccepted: parseISO(data!.dateAccepted as unknown as string),\n    //         }\n    //       : null,\n    //   };\n    // }).\n    // reduce((p, c) => ({ ...p, ...c }), {});\n\n    return {\n      ...result,\n      value: itemData,\n    };\n  };\n\n\n  // Register data\n\n  const registerMetadataReq = useObjectData({\n    objectPaths: [REGISTER_METADATA_FILENAME],\n  }) as ValueHook<{ data: Record<string, Record<string, any> | null> }>;\n  const maybeRegisterMetadata =\n    registerMetadataReq.value.data?.[REGISTER_METADATA_FILENAME] ??\n    (registerMetadataReq.isUpdating ? undefined : null);\n  const registerMetadata = !maybeRegisterMetadata || isRegisterMetadata(maybeRegisterMetadata)\n    ? maybeRegisterMetadata\n    : null;\n\n  const remoteUsername: string | undefined = useRemoteUsername().value.username;\n\n  const stakeholder: RegisterStakeholder | undefined = remoteUsername\n    ? (registerMetadata?.stakeholders ?? []).\n      find(s => s.gitServerUsername === remoteUsername)\n    : undefined;\n\n\n  // Active CR\n\n  const [ activeChangeRequestID, setActiveChangeRequestID ] = useState<string | null>(null);\n\n  const getRelatedClass = _getRelatedClass(itemClassConfiguration);\n\n  return (\n    <BrowserCtx.Provider\n        value={{\n          stakeholder,\n          registerMetadata,\n\n          subregisters,\n          itemClasses: itemClassConfiguration,\n\n          jumpTo: spawnTab,\n\n          selectedRegisterItem,\n\n          activeChangeRequestID,\n          setActiveChangeRequestID,\n\n          useRegisterItemData,\n          getRelatedItemClassConfiguration: getRelatedClass,\n          customViews: customViews ?? [],\n\n          keyExpression,\n          defaultSearchCriteria,\n        }}>\n      <ChangeRequestContextProvider changeRequestID={activeChangeRequestID}>\n        {children}\n      </ChangeRequestContextProvider>\n    </BrowserCtx.Provider>\n  );\n}\n"]}