@riboseinc/paneron-registry-kit 2.0.0-dev9 → 2.0.1

package/dependencies-local/extension-kit/usePersistentStateReducer.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initialHook = exports.default = void 0;
+
+var _react = require("react");
+
+/**
+ * An (abstract) hook that wraps React’s useReducer hook and handles storing and loading reducer state
+ * using provided functions.
+ */
+const DEFAULT_DEBOUNCE_DELAY = 200;
+const LOAD_STATE_ACTION_TYPE = 'loadedState';
+/**
+ * Creates a reducer that handles a special `loadedState` action,
+ * relevant to persistent state reducer, in addition to any other
+ * action handled by component-specific reducer function passed in.
+ */
+
+function reducerFactory(reducer) {
+  return (prevState, action) => {
+    switch (action.type) {
+      case LOAD_STATE_ACTION_TYPE:
+        return action.payload;
+
+      default:
+        return reducer(prevState, action);
+    }
+  };
+}
+/**
+ * A reducer that persists each new state,
+ * and attempts to load persisted state when component is mounted.
+ *
+ * During the initial load, `initialized` is set to false.
+ *
+ * `storeState` is called on each change of state but debounced.
+ */
+
+
+function usePersistentStateReducer(storeState, loadState, ...args) {
+  const [storageKey, storageDebounceMS, validator, reducer, initialState, initializer] = args;
+  const debounceDelay = storageDebounceMS !== null && storageDebounceMS !== void 0 ? storageDebounceMS : DEFAULT_DEBOUNCE_DELAY;
+  const effectiveReducer = reducerFactory(reducer);
+  const [initialized, setInitialized] = (0, _react.useState)(false);
+  const [state, dispatch] = initializer ? (0, _react.useReducer)(effectiveReducer, initialState, initializer) : (0, _react.useReducer)(effectiveReducer, initialState);
+  (0, _react.useEffect)(() => {
+    setInitialized(false);
+
+    (async () => {
+      const loadedState = await loadState(storageKey);
+      let effectiveState;
+
+      if (loadedState && validator) {
+        if (validator(loadedState)) {
+          effectiveState = loadedState;
+        } else {
+          effectiveState = initialState;
+        }
+      } else {
+        effectiveState = loadedState !== null && loadedState !== void 0 ? loadedState : initialState;
+      }
+
+      dispatch({
+        type: LOAD_STATE_ACTION_TYPE,
+        payload: effectiveState
+      });
+      setInitialized(true);
+    })();
+  }, [storageKey]);
+  (0, _react.useEffect)(() => {
+    if (initialized === true) {
+      let timeout = setTimeout(() => {
+        storeState(storageKey, state);
+      }, debounceDelay);
+      return () => clearTimeout(timeout);
+    }
+
+    return () => void 0;
+  }, [storageKey, state]);
+  return [state, dispatch, initialized];
+}
+
+var _default = usePersistentStateReducer;
+exports.default = _default;
+
+const initialHook = () => [{}, () => ({}), false];
+
+exports.initialHook = initialHook;

package/dependencies-local/extension-kit/usePersistentStateReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistentStateReducer.js","sourceRoot":"","sources":["../src/usePersistentStateReducer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAEnC,MAAM,sBAAsB,GAAG,aAAsB,CAAC;AAwCtD;;;;GAIG;AACH,SAAS,cAAc,CACrB,OAAsB;IAEtB,OAAO,CAAC,SAAY,EAAE,MAA8B,EAAE,EAAE;QACtD,QAAQ,MAAM,CAAC,IAAI,EAAE;YACnB,KAAK,sBAAsB;gBACzB,OAAO,MAAM,CAAC,OAAO,CAAC;YACxB;gBACE,OAAO,OAAO,CAAC,SAAS,EAAE,MAAW,CAAC,CAAC;SAC1C;IACH,CAAC,CAAA;AACH,CAAC;AAGD;;;;;;;GAOG;AACH,SAAS,yBAAyB,CAChC,UAA8C,EAC9C,SAAkD,EAClD,GAAG,IAAkD;IAErD,MAAM,CAAC,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,GAAG,IAAI,CAAC;IAE5F,MAAM,aAAa,GAAG,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,sBAAsB,CAAC;IAElE,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW;QACnC,CAAC,CAAC,UAAU,CAAC,gBAAgB,EAAE,YAAY,EAAE,WAAW,CAAC;QACzD,CAAC,CAAC,UAAU,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,UAAU,CAAC,CAAC;YAChD,IAAI,cAA6B,CAAC;YAClC,IAAI,WAAW,IAAI,SAAS,EAAE;gBAC5B,IAAI,SAAS,CAAC,WAAW,CAAC,EAAE;oBAC1B,cAAc,GAAG,WAAW,CAAC;iBAC9B;qBAAM;oBACL,cAAc,GAAG,YAAY,CAAC;iBAC/B;aACF;iBAAM;gBACL,cAAc,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,YAAY,CAAC;aAC9C;YACD,QAAQ,CAAC;gBACP,IAAI,EAAE,sBAAsB;gBAC5B,OAAO,EAAE,cAAc;aACxB,CAAC,CAAC;YACH,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,IAAI,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;YAChC,CAAC,EAAE,aAAa,CAAC,CAAC;YAClB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACpC;QACD,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AACxC,CAAC;AAGD,eAAe,yBAAyB,CAAC;AAGzC,MAAM,CAAC,MAAM,WAAW,GAAyC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC","sourcesContent":["/**\n * An (abstract) hook that wraps React’s useReducer hook and handles storing and loading reducer state\n * using provided functions.\n */\n\nimport { useReducer, useEffect, useState } from 'react';\nimport type { Reducer, Dispatch } from 'react';\n\n\nconst DEFAULT_DEBOUNCE_DELAY = 200;\n\nconst LOAD_STATE_ACTION_TYPE = 'loadedState' as const;\n\n\nexport interface BaseAction {\n  type: string\n  payload?: any\n}\n\n\n/** Action issued when previously stored state is loaded. */\nexport interface LoadStateAction<S> extends BaseAction {\n  type: typeof LOAD_STATE_ACTION_TYPE\n  payload?: S\n}\n\n\nexport type StateReducerHook<S, A extends BaseAction> =\n  (\n    reducer: Reducer<S, A>,\n    initialState: S,\n    initializer: ((initialState: S) => S) | null,\n  ) => [state: S, dispatch: Dispatch<A>];\n\nexport type PersistentStateReducerHook<S, A extends BaseAction> =\n  (\n    /** Each component should specify a unique storage key. */\n    storageKey: string,\n\n    /**\n     * Calls to store state will be debounced according to this delay\n     * in case state change too often.\n     */\n    storageDebounceMS?: number,\n\n    validateLoadedState?: (loadedValue: Partial<S> & any) => loadedValue is S,\n\n    ...args: Parameters<StateReducerHook<S, A>>\n  ) => [state: S, dispatch: Dispatch<A>, stateRecalled: boolean];\n\n\n/**\n * Creates a reducer that handles a special `loadedState` action,\n * relevant to persistent state reducer, in addition to any other\n * action handled by component-specific reducer function passed in.\n */\nfunction reducerFactory<S, A extends BaseAction>(\n  reducer: Reducer<S, A>,\n): Reducer<S, A | LoadStateAction<S>> {\n  return (prevState: S, action: A | LoadStateAction<S>) => {\n    switch (action.type) {\n      case LOAD_STATE_ACTION_TYPE:\n        return action.payload;\n      default:\n        return reducer(prevState, action as A);\n    }\n  }\n}\n\n\n/**\n * A reducer that persists each new state,\n * and attempts to load persisted state when component is mounted.\n *\n * During the initial load, `initialized` is set to false.\n *\n * `storeState` is called on each change of state but debounced.\n */\nfunction usePersistentStateReducer<S, A extends BaseAction>(\n  storeState: (key: string, newState: S) => void,\n  loadState: (key: string) => Promise<S | undefined>,\n  ...args: Parameters<PersistentStateReducerHook<S, A>>\n): [state: S, dispatch: Dispatch<A>, initialized: boolean] {\n  const [storageKey, storageDebounceMS, validator, reducer, initialState, initializer] = args;\n\n  const debounceDelay = storageDebounceMS ?? DEFAULT_DEBOUNCE_DELAY;\n\n  const effectiveReducer = reducerFactory(reducer);\n\n  const [initialized, setInitialized] = useState(false);\n  const [state, dispatch] = initializer\n    ? useReducer(effectiveReducer, initialState, initializer)\n    : useReducer(effectiveReducer, initialState);\n\n  useEffect(() => {\n    setInitialized(false);\n    (async () => {\n      const loadedState = await loadState(storageKey);\n      let effectiveState: S | undefined;\n      if (loadedState && validator) {\n        if (validator(loadedState)) {\n          effectiveState = loadedState;\n        } else {\n          effectiveState = initialState;\n        }\n      } else {\n        effectiveState = loadedState ?? initialState;\n      }\n      dispatch({\n        type: LOAD_STATE_ACTION_TYPE,\n        payload: effectiveState,\n      });\n      setInitialized(true);\n    })();\n  }, [storageKey]);\n\n  useEffect(() => {\n    if (initialized === true) {\n      let timeout = setTimeout(() => {\n        storeState(storageKey, state);\n      }, debounceDelay);\n      return () => clearTimeout(timeout);\n    }\n    return () => void 0;\n  }, [storageKey, state]);\n\n  return [state, dispatch, initialized];\n}\n\n\nexport default usePersistentStateReducer;\n\n\nexport const initialHook: PersistentStateReducerHook<any, any> = () => [{}, () => ({}), false];\n"]}

package/dependencies-local/extension-kit/useTimeTravelingPersistentStateReducer.d.ts

@@ -0,0 +1,48 @@
+import { Dispatch } from 'react';
+import { BaseAction, PersistentStateReducerHook, StateReducerHook } from './usePersistentStateReducer';
+declare const UNDO_ACTION_TYPE: "undo";
+declare const REDO_ACTION_TYPE: "redo";
+declare const RESET_ACTION_TYPE: "reset";
+export interface UndoAction extends BaseAction {
+    type: typeof UNDO_ACTION_TYPE;
+}
+export interface RedoAction extends BaseAction {
+    type: typeof REDO_ACTION_TYPE;
+}
+export interface ResetAction extends BaseAction {
+    type: typeof RESET_ACTION_TYPE;
+}
+export declare type TimeTravelAction = UndoAction | RedoAction | ResetAction;
+interface Timeline<S> {
+    present: S;
+    past: S[];
+    future: S[];
+}
+declare type TimeTravelingPersistentStateReducerHookParams<S, A extends BaseAction> = [
+    /** How far back to allow the state to be rewound. */
+    maxHistorySteps: number,
+    /** Persistent reducer hook iplementation to delegate to. */
+    usePersistentReducer: PersistentStateReducerHook<Timeline<S>, A | TimeTravelAction>,
+    /** Each component should specify a unique storage key. */
+    storageKey: string,
+    /**
+     * Calls to store state will be debounced according to this delay
+     * in case state change too often.
+     */
+    storageDebounceMS?: number,
+    validateLoadedState?: (loadedValue: any) => loadedValue is S,
+    ...stateReducerHookArgs: Parameters<StateReducerHook<S, A>>
+];
+export declare type TimeTravelingPersistentStateReducerHook<S, A extends BaseAction> = (...args: TimeTravelingPersistentStateReducerHookParams<S, A>) => TimeTravelingPersistentStateReducerInterface<S, A>;
+interface TimeTravelingPersistentStateReducerInterface<S, A extends BaseAction> {
+    timeline: Timeline<S>;
+    state: S;
+    dispatch: Dispatch<A>;
+    undo: () => void;
+    redo: () => void;
+    reset: () => void;
+    initialized: boolean;
+}
+export declare function useTimeTravelingPersistentStateReducer<S, A extends BaseAction>(...args: TimeTravelingPersistentStateReducerHookParams<S, A>): TimeTravelingPersistentStateReducerInterface<S, A>;
+export default useTimeTravelingPersistentStateReducer;
+export declare const initialHook: TimeTravelingPersistentStateReducerHook<any, any>;

package/dependencies-local/extension-kit/useTimeTravelingPersistentStateReducer.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTimeTravelingPersistentStateReducer = useTimeTravelingPersistentStateReducer;
+exports.initialHook = exports.default = void 0;
+
+var _immer = _interopRequireDefault(require("immer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UNDO_ACTION_TYPE = 'undo';
+const REDO_ACTION_TYPE = 'redo';
+const RESET_ACTION_TYPE = 'reset';
+/* Supports persistent state reducer features, but also offers time travel through undo/redo/reset actions. */
+
+function useTimeTravelingPersistentStateReducer(...args) {
+  const [maxHistorySteps, usePersistentReducer, storageKey, storageDebounceMS,, reducer, initialState] = args;
+  const timeline = {
+    past: [],
+    present: initialState,
+    future: []
+  };
+
+  const proxiedReducer = (tl, action) => {
+    switch (action.type) {
+      case UNDO_ACTION_TYPE:
+        return _doUndo(tl);
+
+      case REDO_ACTION_TYPE:
+        return _doRedo(tl);
+
+      case RESET_ACTION_TYPE:
+        return _doReset(tl);
+
+      default:
+        const newState = (0, _immer.default)(tl.present, draft => reducer(draft, action));
+        return _addNewPresent(tl, newState, maxHistorySteps);
+    }
+  };
+
+  const [_timeline, _dispatch, _initialized] = usePersistentReducer(storageKey, storageDebounceMS, undefined, proxiedReducer, timeline, null);
+  return {
+    state: _timeline.present,
+    timeline: _timeline,
+    dispatch: _dispatch,
+    undo: () => _dispatch({
+      type: UNDO_ACTION_TYPE
+    }),
+    redo: () => _dispatch({
+      type: REDO_ACTION_TYPE
+    }),
+    reset: () => _dispatch({
+      type: RESET_ACTION_TYPE
+    }),
+    initialized: _initialized
+  };
+}
+
+function _addNewPresent(timeline, newPresent, maxHistoryEntries) {
+  return (0, _immer.default)(timeline, draft => {
+    draft.past.push(draft.present); // TODO: apply maxHistoryEntries constraint here
+
+    draft.present = newPresent;
+    draft.future = [];
+  });
+}
+
+function _doUndo(timeline) {
+  return (0, _immer.default)(timeline, draft => {
+    if (!draft.past.length) return;
+    const newPresent = draft.past.pop(); // TODO: validate restored past; abort and wipe further past if invalid.
+
+    draft.future.unshift(draft.present);
+    draft.present = newPresent;
+  });
+}
+
+function _doRedo(timeline) {
+  return (0, _immer.default)(timeline, draft => {
+    if (!draft.future.length) return;
+    const newPresent = draft.future.shift();
+    draft.past.push(draft.present);
+    draft.present = newPresent;
+  });
+}
+
+function _doReset(timeline) {
+  return (0, _immer.default)(timeline, draft => {
+    if (!draft.past.length) return;
+    const newPresent = draft.past.shift();
+    draft.future = [...draft.past, draft.present, ...draft.future];
+    draft.present = newPresent;
+    draft.past = [];
+  });
+}
+
+var _default = useTimeTravelingPersistentStateReducer;
+exports.default = _default;
+
+const initialHook = () => ({
+  timeline: {
+    present: {},
+    future: [],
+    past: []
+  },
+  state: {},
+  dispatch: () => ({}),
+  undo: () => void 0,
+  redo: () => void 0,
+  reset: () => void 0,
+  initialized: false
+});
+
+exports.initialHook = initialHook;

package/dependencies-local/extension-kit/useTimeTravelingPersistentStateReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeTravelingPersistentStateReducer.js","sourceRoot":"","sources":["../src/useTimeTravelingPersistentStateReducer.ts"],"names":[],"mappings":"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","sourcesContent":["import produce, { Draft } from 'immer';\nimport { Dispatch } from 'react';\nimport { BaseAction, PersistentStateReducerHook, StateReducerHook } from './usePersistentStateReducer';\n\nconst UNDO_ACTION_TYPE = 'undo' as const;\nconst REDO_ACTION_TYPE = 'redo' as const;\nconst RESET_ACTION_TYPE = 'reset' as const;\n\nexport interface UndoAction extends BaseAction {\n  type: typeof UNDO_ACTION_TYPE;\n}\n\nexport interface RedoAction extends BaseAction {\n  type: typeof REDO_ACTION_TYPE;\n}\n\nexport interface ResetAction extends BaseAction {\n  type: typeof RESET_ACTION_TYPE;\n}\n\nexport type TimeTravelAction = UndoAction | RedoAction | ResetAction;\ninterface Timeline<S> {\n  present: S;\n  past: S[];\n  future: S[];\n}\ntype TimeTravelingPersistentStateReducerHookParams<S, A extends BaseAction> = [\n\n  /** How far back to allow the state to be rewound. */\n  maxHistorySteps: number,\n\n  /** Persistent reducer hook iplementation to delegate to. */\n  usePersistentReducer: PersistentStateReducerHook<Timeline<S>, A | TimeTravelAction>,\n\n  /** Each component should specify a unique storage key. */\n  storageKey: string,\n\n  /**\n   * Calls to store state will be debounced according to this delay\n   * in case state change too often.\n   */\n  storageDebounceMS?: number,\n\n  validateLoadedState?: (loadedValue: any) => loadedValue is S,\n\n  ...stateReducerHookArgs: Parameters<StateReducerHook<S, A>>\n];\n\nexport type TimeTravelingPersistentStateReducerHook<S, A extends BaseAction> =\n  (...args: TimeTravelingPersistentStateReducerHookParams<S, A>) =>\n    TimeTravelingPersistentStateReducerInterface<S, A>;\n\ninterface TimeTravelingPersistentStateReducerInterface<S, A extends BaseAction> {\n  timeline: Timeline<S>;\n  state: S;\n  dispatch: Dispatch<A>;\n  undo: () => void;\n  redo: () => void;\n  reset: () => void;\n  initialized: boolean;\n}\n\n/* Supports persistent state reducer features, but also offers time travel through undo/redo/reset actions. */\nexport function useTimeTravelingPersistentStateReducer<S, A extends BaseAction>(\n  ...args: TimeTravelingPersistentStateReducerHookParams<S, A>\n): TimeTravelingPersistentStateReducerInterface<S, A> {\n  const [maxHistorySteps, usePersistentReducer, storageKey, storageDebounceMS, , reducer, initialState,] = args;\n\n  const timeline: Timeline<S> = {\n    past: [],\n    present: initialState,\n    future: [],\n  };\n\n  const proxiedReducer = (tl: Timeline<S>, action: A | TimeTravelAction): Timeline<S> => {\n    switch (action.type) {\n      case UNDO_ACTION_TYPE:\n        return _doUndo(tl);\n      case REDO_ACTION_TYPE:\n        return _doRedo(tl);\n      case RESET_ACTION_TYPE:\n        return _doReset(tl);\n      default:\n        const newState = produce(tl.present, (draft) => reducer(draft as S, action as A) as Draft<S>);\n        return _addNewPresent(tl, newState, maxHistorySteps);\n    }\n  };\n\n  const [_timeline, _dispatch, _initialized] = usePersistentReducer(\n    storageKey, storageDebounceMS, undefined, proxiedReducer, timeline, null);\n\n  return {\n    state: _timeline.present,\n    timeline: _timeline,\n    dispatch: _dispatch,\n    undo: () => _dispatch({ type: UNDO_ACTION_TYPE }),\n    redo: () => _dispatch({ type: REDO_ACTION_TYPE }),\n    reset: () => _dispatch({ type: RESET_ACTION_TYPE }),\n    initialized: _initialized,\n  };\n}\n\nfunction _addNewPresent<S>(timeline: Timeline<S>, newPresent: S, maxHistoryEntries: number) {\n  return produce(timeline, draft => {\n    draft.past.push(draft.present);\n    // TODO: apply maxHistoryEntries constraint here\n    draft.present = newPresent as Draft<S>;\n    draft.future = [];\n  });\n}\n\nfunction _doUndo<S>(timeline: Timeline<S>) {\n  return produce(timeline, draft => {\n    if (!draft.past.length)\n      return;\n    const newPresent = draft.past.pop() as Draft<S>;\n    // TODO: validate restored past; abort and wipe further past if invalid.\n    draft.future.unshift(draft.present);\n    draft.present = newPresent;\n  });\n}\n\nfunction _doRedo<S>(timeline: Timeline<S>) {\n  return produce(timeline, draft => {\n    if (!draft.future.length)\n      return;\n    const newPresent = draft.future.shift();\n    draft.past.push(draft.present);\n    draft.present = newPresent as Draft<S>;\n  });\n}\n\nfunction _doReset<S>(timeline: Timeline<S>) {\n  return produce(timeline, draft => {\n    if (!draft.past.length)\n      return;\n    const newPresent = draft.past.shift();\n    draft.future = [...draft.past, draft.present, ...draft.future];\n    draft.present = newPresent as Draft<S>;\n    draft.past = [];\n  });\n}\n\nexport default useTimeTravelingPersistentStateReducer;\n\n\nexport const initialHook: TimeTravelingPersistentStateReducerHook<any, any> = () => ({\n  timeline: { present: {}, future: [], past: [] },\n  state: {},\n  dispatch: () => ({}),\n  undo: () => void 0,\n  redo: () => void 0,\n  reset: () => void 0,\n  initialized: false,\n});\n"]}

package/dependencies-local/extension-kit/util.d.ts

@@ -0,0 +1,8 @@
+import type { Progress } from './types/progress';
+export declare function stripLeadingSlash(fp: string): string;
+export declare function progressToValue(progress: Progress): number;
+export declare const encoder: TextEncoder;
+export declare const decoder: TextDecoder;
+export declare type OnlyJSON<T> = T extends string | number | boolean | null ? T : T extends Function ? never : T extends object ? {
+    [K in keyof T]: OnlyJSON<T[K]>;
+} : never;

package/dependencies-local/extension-kit/util.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stripLeadingSlash = stripLeadingSlash;
+exports.progressToValue = progressToValue;
+exports.decoder = exports.encoder = void 0;
+
+function stripLeadingSlash(fp) {
+  return fp.replace(/^\//, '');
+}
+
+function progressToValue(progress) {
+  return 1 / progress.total * progress.loaded;
+}
+
+const encoder = new TextEncoder();
+exports.encoder = encoder;
+const decoder = new TextDecoder('utf-8');
+exports.decoder = decoder;

package/dependencies-local/extension-kit/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,iBAAiB,CAAC,EAAU;IAC1C,OAAO,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,QAAkB;IAChD,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;AAC9C,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,WAAW,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC","sourcesContent":["import type { Progress } from './types/progress';\n\n\nexport function stripLeadingSlash(fp: string): string {\n  return fp.replace(/^\\//, '');\n}\n\nexport function progressToValue(progress: Progress): number {\n  return 1 / progress.total * progress.loaded;\n}\n\nexport const encoder = new TextEncoder();\n\nexport const decoder = new TextDecoder('utf-8');\n\nexport type OnlyJSON<T> =\n  T extends string | number | boolean | null\n  ? T\n  : T extends Function\n    ? never\n    : T extends object\n      ? { [K in keyof T]: OnlyJSON<T[K]> }\n      : never;\n"]}

package/dependencies-local/extension-kit/widgets/ErrorState.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ErrorStateProps {
+    technicalDetails?: string | JSX.Element;
+    error?: string;
+    viewName?: string;
+}
+export declare const ErrorState: React.FC<ErrorStateProps>;
+export default ErrorState;

package/dependencies-local/extension-kit/widgets/ErrorState.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ErrorState = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ErrorState = function ({
+  technicalDetails,
+  error,
+  viewName
+}) {
+  return _react.default.createElement(_core.NonIdealState, {
+    icon: "heart-broken",
+    title: "Ouch",
+    description: _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_core.Callout, {
+      style: {
+        textAlign: 'left'
+      },
+      intent: "primary"
+    }, _react.default.createElement("p", null, "We encountered an error in ", viewName || 'a', " view.", _react.default.createElement("br", null), "In some cases reloading or reopening Paneron should address this, but please let us know if this repeats.", _react.default.createElement("br", null), "A likely cause is an engineering oversight where a component of an extension or Paneron host application could enter a state that was not accounted for.")), technicalDetails || error ? _react.default.createElement(_core.Callout, {
+      style: {
+        textAlign: 'left',
+        transform: 'scale(0.9)'
+      },
+      title: "Technical details"
+    }, technicalDetails, error ? _react.default.createElement("pre", {
+      style: {
+        overflow: 'auto',
+        paddingBottom: '1em'
+      }
+    }, error || 'error information is unavailable') : null) : null)
+  });
+};
+
+exports.ErrorState = ErrorState;
+var _default = ErrorState;
+exports.default = _default;

package/dependencies-local/extension-kit/widgets/ErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.js","sourceRoot":"","sources":["../../src/widgets/ErrorState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAU3D,MAAM,CAAC,MAAM,UAAU,GAA8B,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE;IAClG,OAAO,CACL,oBAAC,aAAa,IACZ,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,MAAM,EACZ,WAAW,EAAE;YACX,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,MAAM,EAAC,SAAS;gBACrD;;oBAC8B,QAAQ,IAAI,GAAG;;oBAC3C,+BAAM;;oBAGN,+BAAM;+KAIJ,CACI;YACT,gBAAgB,IAAI,KAAK;gBACxB,CAAC,CAAC,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,EAAC,mBAAmB;oBACxF,gBAAgB;oBAChB,KAAK;wBACJ,CAAC,CAAC,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,IACrD,KAAK,IAAI,kCAAkC,CACxC;wBACN,CAAC,CAAC,IAAI,CACA;gBACV,CAAC,CAAC,IAAI,CACP,GAAI,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport { Callout, NonIdealState } from '@blueprintjs/core';\n\n\n// TODO: Give suggestions to resolve (move from dataset view)\nexport interface ErrorStateProps {\n  technicalDetails?: string | JSX.Element;\n  error?: string;\n  viewName?: string;\n}\n\nexport const ErrorState: React.FC<ErrorStateProps> = function ({ technicalDetails, error, viewName }) {\n  return (\n    <NonIdealState\n      icon=\"heart-broken\"\n      title=\"Ouch\"\n      description={<>\n        <Callout style={{ textAlign: 'left' }} intent=\"primary\">\n          <p>\n            We encountered an error in {viewName || 'a'} view.\n            <br />\n            In some cases reloading or reopening Paneron should address this,\n            but please let us know if this repeats.\n            <br />\n            A likely cause is an engineering oversight\n            where a component of an extension or Paneron host application\n            could enter a state that was not accounted for.\n          </p>\n        </Callout>\n        {technicalDetails || error\n          ? <Callout style={{ textAlign: 'left', transform: 'scale(0.9)' }} title=\"Technical details\">\n            {technicalDetails}\n            {error\n              ? <pre style={{ overflow: 'auto', paddingBottom: '1em' }}>\n                {error || 'error information is unavailable'}\n              </pre>\n              : null}\n          </Callout>\n          : null}\n      </>} />\n  );\n};\n\nexport default ErrorState;\n"]}

package/dependencies-local/extension-kit/widgets/Grid.d.ts

@@ -0,0 +1,41 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { IconProps } from '@blueprintjs/core';
+export interface GridData<P extends Record<string, any> = Record<never, never>> {
+    items: string[][];
+    selectedItem: string | null;
+    selectItem: (ref: string | null, extraData?: unknown) => void;
+    openItem?: (ref: string) => void;
+    cellWidth: number;
+    cellHeight: number;
+    padding: number;
+    extraData: P;
+}
+declare type ItemDataGetter<P extends Record<string, any> = Record<never, never>> = (width: number) => GridData<P> | null;
+export interface CellProps<P extends Record<string, any> = Record<never, never>> {
+    itemRef: string;
+    isSelected: boolean;
+    onSelect?: (extraData?: unknown) => void;
+    onOpen?: () => void;
+    padding: number;
+    extraData: P;
+}
+declare function makeGrid<P extends Record<string, any> = Record<never, never>>(CellContents: React.FC<CellProps<P>>): React.FC<{
+    getGridData: ItemDataGetter<P>;
+    className?: string;
+}>;
+interface LabelledGridIconProps {
+    isSelected: boolean;
+    onSelect?: () => void;
+    onOpen?: () => void;
+    contentClassName?: string;
+    entityType?: {
+        iconProps?: IconProps;
+        name: string;
+    };
+    padding: number;
+    className?: string;
+}
+export declare const LabelledGridIcon: React.FC<LabelledGridIconProps>;
+export default makeGrid;

package/dependencies-local/extension-kit/widgets/Grid.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LabelledGridIcon = void 0;
+
+var _electronLog = _interopRequireDefault(require("electron-log"));
+
+var _throttleDebounce = require("throttle-debounce");
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _reactWindow = require("react-window");
+
+var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualized-auto-sizer"));
+
+var _core = require("@blueprintjs/core");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const COMPACT = false;
+
+function makeGrid(CellContents) {
+  function getGridIndex(items, ref) {
+    const rowIndex = items.findIndex(row => row.indexOf(ref) >= 0);
+
+    if (rowIndex >= 0) {
+      const row = items[rowIndex];
+      const columnIndex = row.indexOf(ref);
+
+      if (columnIndex >= 0) {
+        return {
+          rowIndex,
+          columnIndex
+        };
+      }
+    }
+
+    return null;
+  }
+
+  const Cell = _react2.default.memo(function ({
+    columnIndex,
+    rowIndex,
+    data,
+    style
+  }) {
+    var _a;
+
+    const _data = data;
+    const ref = (_a = _data.items[rowIndex]) === null || _a === void 0 ? void 0 : _a[columnIndex];
+    const isSelected = _data.selectedItem === ref;
+
+    if (ref) {
+      return (0, _react.jsx)("div", {
+        css: (0, _react.css)`
+              position: relative;
+              transition: box-shadow .25s linear;
+              ${!COMPACT ? 'border: 1px solid transparent' : ''};
+              ${isSelected ? COMPACT ? 'box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4); z-index: 3;' : 'border-color: silver; border-style: dotted;' : ''};
+            `,
+        style: style
+      }, (0, _react.jsx)(CellContents, {
+        isSelected: isSelected,
+        onSelect: extraData => _data.selectItem(ref, extraData),
+        onOpen: _data.openItem ? () => _data.openItem(ref) : undefined,
+        padding: _data.padding,
+        extraData: _data.extraData,
+        itemRef: ref
+      }));
+    } else {
+      return null;
+    }
+  }, _reactWindow.areEqual);
+
+  let gridDataCache = null;
+
+  function maybeScrollToItem(gridEl) {
+    if (gridDataCache !== null) {
+      const {
+        selectedItem,
+        items
+      } = gridDataCache;
+
+      if (selectedItem !== null) {
+        const idx = getGridIndex(items, selectedItem);
+
+        if (idx) {
+          gridEl.scrollToItem(Object.assign({
+            align: 'smart'
+          }, idx));
+        } else {
+          _electronLog.default.warn("Grid: couldn’t find row/column index of the selected item to jump to it", selectedItem);
+        }
+      }
+    }
+  }
+
+  const maybeScrollToItemDebounced = (0, _throttleDebounce.debounce)(100, maybeScrollToItem);
+  return ({
+    getGridData,
+    className
+  }) => {
+    const gridRef = (0, _react2.useRef)(null);
+    (0, _react2.useEffect)(() => {
+      const updateListHeight = () => gridRef.current ? maybeScrollToItemDebounced(gridRef.current) : void 0;
+
+      window.addEventListener('resize', updateListHeight);
+      updateListHeight();
+      return function cleanup() {
+        window.removeEventListener('resize', updateListHeight);
+      };
+    }, [getGridData, gridRef.current]);
+    return (0, _react.jsx)(_reactVirtualizedAutoSizer.default, {
+      className: className
+    }, ({
+      width,
+      height
+    }) => {
+      var _a;
+
+      const gridData = getGridData(width);
+      gridDataCache = gridData;
+
+      if (gridData) {
+        const columnCount = ((_a = gridData.items[0]) !== null && _a !== void 0 ? _a : []).length;
+        const rowCount = gridData.items.length;
+        return (0, _react.jsx)(_reactWindow.FixedSizeGrid, {
+          ref: gridRef,
+          width: width,
+          height: height,
+          columnCount: columnCount,
+          columnWidth: gridData.cellWidth,
+          rowCount: rowCount,
+          rowHeight: gridData.cellHeight,
+          itemKey: ({
+            columnIndex,
+            rowIndex
+          }) => {
+            var _a;
+
+            const itemRef = (_a = gridData.items[rowIndex]) === null || _a === void 0 ? void 0 : _a[columnIndex];
+            return itemRef !== null && itemRef !== void 0 ? itemRef : `${columnIndex}-${rowIndex}`;
+          },
+          itemData: gridData
+        }, Cell);
+      } else {
+        return null;
+      }
+    });
+  };
+}
+
+const LabelledGridIcon = function ({
+  isSelected,
+  onSelect,
+  onOpen,
+  padding,
+  contentClassName,
+  entityType,
+  className,
+  children
+}) {
+  const hPad = Math.floor(padding / 2);
+  const qPad = Math.floor(padding / 4);
+  return (0, _react.jsx)("div", {
+    onClick: onSelect,
+    onDoubleClick: onOpen,
+    className: className,
+    css: (0, _react.css)`
+          position: absolute;
+          ${COMPACT ? 'inset: 0' : 'inset: 5px'};
+          ${!COMPACT ? 'border-radius: 5px' : ''};
+          ${!isSelected || !COMPACT ? `box-shadow: 1px 1px 0 ${_core.Colors.LIGHT_GRAY5} inset, -1px -1px 0 ${_core.Colors.LIGHT_GRAY1} inset;` : ''}
+          overflow: hidden;
+          cursor: default;
+          z-index: ${isSelected ? 2 : 1};
+          display: flex; flex-flow: column nowrap; align-items: stretch; justify-content: flex-start;
+          background: ${isSelected ? `linear-gradient(345deg, ${_core.Colors.LIGHT_GRAY3}, white)` : _core.Colors.LIGHT_GRAY5};`
+  }, entityType ? (0, _react.jsx)("div", {
+    css: (0, _react.css)`
+              z-index: 3; font-size: 85%; line-height: 1.4; margin: 1px 1px 0 1px;
+              padding: ${qPad - 1}px ${padding}px ${qPad}px ${padding}px;
+              background: ${isSelected ? _core.Colors.BLUE2 : _core.Colors.LIGHT_GRAY3};
+              ${!COMPACT ? 'border-radius: 5px 5px 0 0' : ''}
+              letter-spacing: -0.03em;
+              white-space: nowrap;
+              ${isSelected ? 'font-variation-settings: \'GRAD\' 600;' : ''};
+              color: ${isSelected ? _core.Colors.LIGHT_GRAY4 : _core.Colors.GRAY1};`
+  }, entityType.iconProps ? (0, _react.jsx)(_core.Icon, Object.assign({
+    iconSize: 10,
+    css: (0, _react.css)`margin-right: ${hPad}px; position: relative; top: -2px;`,
+    color: isSelected ? 'white' : _core.Colors.GRAY2,
+    intent: isSelected ? 'primary' : undefined
+  }, entityType.iconProps)) : null, entityType.name) : null, (0, _react.jsx)("div", {
+    css: (0, _react.css)`z-index: 2; flex: 1; font-size: 90%; padding: ${hPad}px ${padding}px;`,
+    className: contentClassName
+  }, children));
+};
+
+exports.LabelledGridIcon = LabelledGridIcon;
+var _default = makeGrid;
+exports.default = _default;