roamjs-components 0.85.2 → 0.85.4

package/components/CursorMenu.js

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = exports.getCoordsFromTextarea = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const fuzzy_1 = tslib_1.__importDefault(require("fuzzy"));
+const getUids_1 = tslib_1.__importDefault(require("../dom/getUids"));
+const updateBlock_1 = tslib_1.__importDefault(require("../writes/updateBlock"));
+// inspired by https://github.com/zurb/tribute/blob/master/src/TributeRange.js#L446-L556
+const getCoordsFromTextarea = (t) => {
+    const properties = [
+        "direction",
+        "boxSizing",
+        "width",
+        "height",
+        "overflowX",
+        "overflowY",
+        "borderTopWidth",
+        "borderRightWidth",
+        "borderBottomWidth",
+        "borderLeftWidth",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "fontStyle",
+        "fontVariant",
+        "fontWeight",
+        "fontStretch",
+        "fontSize",
+        "fontSizeAdjust",
+        "lineHeight",
+        "fontFamily",
+        "textAlign",
+        "textTransform",
+        "textIndent",
+        "textDecoration",
+        "letterSpacing",
+        "wordSpacing",
+    ];
+    const div = document.createElement("div");
+    div.id = "input-textarea-caret-position-mirror-div";
+    document.body.appendChild(div);
+    const style = div.style;
+    const computed = getComputedStyle(t);
+    style.whiteSpace = "pre-wrap";
+    style.wordWrap = "break-word";
+    // position off-screen
+    style.position = "absolute";
+    style.visibility = "hidden";
+    style.overflow = "hidden";
+    // transfer the element's properties to the div
+    properties.forEach((prop) => {
+        style[prop] = computed[prop];
+    });
+    div.textContent = t.value.substring(0, t.selectionStart);
+    const span = document.createElement("span");
+    span.textContent = t.value.substring(t.selectionStart) || ".";
+    div.appendChild(span);
+    const doc = document.documentElement;
+    const windowLeft = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
+    const windowTop = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
+    const coordinates = {
+        top: windowTop +
+            span.offsetTop +
+            parseInt(computed.borderTopWidth) +
+            parseInt(computed.fontSize) -
+            t.scrollTop -
+            9,
+        left: windowLeft + span.offsetLeft + parseInt(computed.borderLeftWidth) - 1,
+    };
+    document.body.removeChild(div);
+    return coordinates;
+};
+exports.getCoordsFromTextarea = getCoordsFromTextarea;
+const VALID_FILTER = /^[\w\d\s_-]$/;
+const CursorMenu = ({ textarea, onClose, onItemSelect, initialItems, }) => {
+    const itemsById = (0, react_1.useMemo)(() => Object.fromEntries(initialItems.map((item) => [item.id, item])), [initialItems]);
+    const menuRef = (0, react_1.useRef)(null);
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(0);
+    const [filter, setFilter] = (0, react_1.useState)("");
+    const onPopoverClose = (0, react_1.useCallback)(() => {
+        if (menuRef.current) {
+            const value = menuRef.current.getAttribute("data-filter");
+            const text = `${textarea.value.substring(0, textarea.selectionStart)}${value}${textarea.value.substring(textarea.selectionStart)}`;
+            (0, updateBlock_1.default)({ uid: (0, getUids_1.default)(textarea).blockUid, text });
+            setTimeout(() => {
+                textarea.setSelectionRange(textarea.selectionStart + text.length, textarea.selectionEnd + text.length);
+                onClose();
+            }, 1);
+        }
+    }, [onClose, textarea, menuRef]);
+    const items = (0, react_1.useMemo)(() => (filter
+        ? fuzzy_1.default
+            .filter(filter, initialItems, {
+            extract: (s) => s.text,
+            pre: "<b>",
+            post: "</b>",
+        })
+            .map((r) => (Object.assign(Object.assign({}, r.original), { displayName: r.string })))
+        : initialItems.map((r) => (Object.assign(Object.assign({}, r), { displayName: r.text })))).slice(0, 10), [filter, initialItems]);
+    const onSelect = (0, react_1.useCallback)((item) => {
+        if (menuRef.current) {
+            onItemSelect(item);
+            onClose();
+        }
+    }, [menuRef, onClose, textarea, onItemSelect]);
+    const keydownListener = (0, react_1.useCallback)((e) => {
+        var _a;
+        if (menuRef.current &&
+            (e.key === "ArrowRight" || e.key === "ArrowDown")) {
+            const index = Number(menuRef.current.getAttribute("data-active-index"));
+            const count = menuRef.current.childElementCount;
+            setActiveIndex((index + 1) % count);
+        }
+        else if (menuRef.current &&
+            (e.key === "ArrowLeft" || e.key === "ArrowUp")) {
+            const index = Number(menuRef.current.getAttribute("data-active-index"));
+            const count = menuRef.current.childElementCount;
+            setActiveIndex((index - 1 + count) % count);
+        }
+        else if (menuRef.current && e.key === "Enter") {
+            const index = Number(menuRef.current.getAttribute("data-active-index"));
+            const id = ((_a = menuRef.current.children[index]
+                .querySelector(".bp3-menu-item")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-id")) || "";
+            onSelect(itemsById[id]);
+        }
+        else if (menuRef.current && VALID_FILTER.test(e.key)) {
+            const value = menuRef.current.getAttribute("data-filter");
+            setFilter(`${value}${e.key}`);
+        }
+        else if (menuRef.current && e.key === "Backspace") {
+            const value = menuRef.current.getAttribute("data-filter");
+            if (value) {
+                setFilter(value.slice(0, -1));
+            }
+            else {
+                onClose();
+                return;
+            }
+        }
+        else if (e.key !== "Shift") {
+            onPopoverClose();
+            return;
+        }
+        e.stopPropagation();
+        e.preventDefault();
+    }, [menuRef, setActiveIndex, onClose, onPopoverClose]);
+    (0, react_1.useEffect)(() => {
+        textarea.addEventListener("keydown", keydownListener);
+        return () => {
+            textarea.removeEventListener("keydown", keydownListener);
+        };
+    }, [keydownListener]);
+    return (react_1.default.createElement(core_1.Popover, { onClose: onPopoverClose, isOpen: true, canEscapeKeyClose: true, minimal: true, target: react_1.default.createElement("span", null), position: core_1.Position.BOTTOM_LEFT, modifiers: {
+            flip: { enabled: false },
+            preventOverflow: { enabled: false },
+        }, autoFocus: false, content: react_1.default.createElement(core_1.Menu, { ulRef: menuRef, "data-active-index": activeIndex, "data-filter": filter, style: { width: 300 } }, items.length ? (items.map(({ id, displayName }, i) => {
+            return (react_1.default.createElement(core_1.MenuItem, { key: id, "data-id": id, text: displayName
+                    .split(/<b>(.*?)<\/b>/)
+                    .map((part, i) => i % 2 === 1 ? (react_1.default.createElement("b", { key: i }, part)) : (react_1.default.createElement("span", { key: i }, part))), active: i === activeIndex, onMouseEnter: () => setActiveIndex(i), onClick: () => setTimeout(() => onSelect(itemsById[id]), 1) }));
+        })) : (react_1.default.createElement(core_1.MenuItem, { text: react_1.default.createElement("span", { style: { opacity: 0.75 } },
+                react_1.default.createElement("i", null, "None")), active: false, disabled: true }))) }));
+};
+const render = (props) => {
+    var _a;
+    const parent = document.createElement("span");
+    const coords = (0, exports.getCoordsFromTextarea)(props.textarea);
+    parent.style.position = "absolute";
+    parent.style.left = `${coords.left}px`;
+    parent.style.top = `${coords.top}px`;
+    (_a = props.textarea.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(parent, props.textarea);
+    react_dom_1.default.render(react_1.default.createElement(CursorMenu, Object.assign({}, props, { onClose: () => {
+            react_dom_1.default.unmountComponentAtNode(parent);
+            parent.remove();
+        } })), parent);
+};
+exports.render = render;
+exports.default = CursorMenu;
+//# sourceMappingURL=CursorMenu.js.map

package/components/CursorMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CursorMenu.js","sourceRoot":"","sources":["../../src/components/CursorMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Menu, MenuItem, Popover, Position } from \"@blueprintjs/core\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport fuzzy from \"fuzzy\";\nimport getUids from \"../dom/getUids\";\nimport updateBlock from \"../writes/updateBlock\";\n\n// inspired by https://github.com/zurb/tribute/blob/master/src/TributeRange.js#L446-L556\nexport const getCoordsFromTextarea = (\n  t: HTMLTextAreaElement\n): { top: number; left: number } => {\n  const properties = [\n    \"direction\",\n    \"boxSizing\",\n    \"width\",\n    \"height\",\n    \"overflowX\",\n    \"overflowY\",\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\",\n    \"paddingTop\",\n    \"paddingRight\",\n    \"paddingBottom\",\n    \"paddingLeft\",\n    \"fontStyle\",\n    \"fontVariant\",\n    \"fontWeight\",\n    \"fontStretch\",\n    \"fontSize\",\n    \"fontSizeAdjust\",\n    \"lineHeight\",\n    \"fontFamily\",\n    \"textAlign\",\n    \"textTransform\",\n    \"textIndent\",\n    \"textDecoration\",\n    \"letterSpacing\",\n    \"wordSpacing\",\n  ] as const;\n\n  const div = document.createElement(\"div\");\n  div.id = \"input-textarea-caret-position-mirror-div\";\n  document.body.appendChild(div);\n\n  const style = div.style;\n  const computed = getComputedStyle(t);\n\n  style.whiteSpace = \"pre-wrap\";\n  style.wordWrap = \"break-word\";\n\n  // position off-screen\n  style.position = \"absolute\";\n  style.visibility = \"hidden\";\n  style.overflow = \"hidden\";\n\n  // transfer the element's properties to the div\n  properties.forEach((prop) => {\n    style[prop] = computed[prop];\n  });\n\n  div.textContent = t.value.substring(0, t.selectionStart);\n\n  const span = document.createElement(\"span\");\n  span.textContent = t.value.substring(t.selectionStart) || \".\";\n  div.appendChild(span);\n\n  const doc = document.documentElement;\n  const windowLeft =\n    (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);\n  const windowTop =\n    (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);\n\n  const coordinates = {\n    top:\n      windowTop +\n      span.offsetTop +\n      parseInt(computed.borderTopWidth) +\n      parseInt(computed.fontSize) -\n      t.scrollTop -\n      9,\n    left: windowLeft + span.offsetLeft + parseInt(computed.borderLeftWidth) - 1,\n  };\n  document.body.removeChild(div);\n  return coordinates;\n};\n\ntype Props<T> = {\n  textarea: HTMLTextAreaElement;\n  onItemSelect: (item: { text: string; id: string } & T) => void;\n  initialItems: ({ text: string; id: string } & T)[];\n};\n\nconst VALID_FILTER = /^[\\w\\d\\s_-]$/;\n\nconst CursorMenu = <T extends Record<string, string>>({\n  textarea,\n  onClose,\n  onItemSelect,\n  initialItems,\n}: {\n  onClose: () => void;\n} & Props<T>): React.ReactElement => {\n  const itemsById = useMemo(\n    () => Object.fromEntries(initialItems.map((item) => [item.id, item])),\n    [initialItems]\n  );\n  const menuRef = useRef<HTMLUListElement>(null);\n  const [activeIndex, setActiveIndex] = useState(0);\n  const [filter, setFilter] = useState(\"\");\n  const onPopoverClose = useCallback(() => {\n    if (menuRef.current) {\n      const value = menuRef.current.getAttribute(\"data-filter\");\n      const text = `${textarea.value.substring(\n        0,\n        textarea.selectionStart\n      )}${value}${textarea.value.substring(textarea.selectionStart)}`;\n      updateBlock({ uid: getUids(textarea).blockUid, text });\n      setTimeout(() => {\n        textarea.setSelectionRange(\n          textarea.selectionStart + text.length,\n          textarea.selectionEnd + text.length\n        );\n        onClose();\n      }, 1);\n    }\n  }, [onClose, textarea, menuRef]);\n  const items = useMemo(\n    () =>\n      (filter\n        ? fuzzy\n            .filter(filter, initialItems, {\n              extract: (s) => s.text,\n              pre: \"<b>\",\n              post: \"</b>\",\n            })\n            .map((r) => ({ ...r.original, displayName: r.string }))\n        : initialItems.map((r) => ({ ...r, displayName: r.text }))\n      ).slice(0, 10),\n    [filter, initialItems]\n  );\n  const onSelect = useCallback(\n    (item) => {\n      if (menuRef.current) {\n        onItemSelect(item);\n        onClose();\n      }\n    },\n    [menuRef, onClose, textarea, onItemSelect]\n  );\n  const keydownListener = useCallback(\n    (e: KeyboardEvent) => {\n      if (\n        menuRef.current &&\n        (e.key === \"ArrowRight\" || e.key === \"ArrowDown\")\n      ) {\n        const index = Number(menuRef.current.getAttribute(\"data-active-index\"));\n        const count = menuRef.current.childElementCount;\n        setActiveIndex((index + 1) % count);\n      } else if (\n        menuRef.current &&\n        (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\")\n      ) {\n        const index = Number(menuRef.current.getAttribute(\"data-active-index\"));\n        const count = menuRef.current.childElementCount;\n        setActiveIndex((index - 1 + count) % count);\n      } else if (menuRef.current && e.key === \"Enter\") {\n        const index = Number(menuRef.current.getAttribute(\"data-active-index\"));\n        const id =\n          menuRef.current.children[index]\n            .querySelector(\".bp3-menu-item\")\n            ?.getAttribute(\"data-id\") || \"\";\n        onSelect(itemsById[id]);\n      } else if (menuRef.current && VALID_FILTER.test(e.key)) {\n        const value = menuRef.current.getAttribute(\"data-filter\");\n        setFilter(`${value}${e.key}`);\n      } else if (menuRef.current && e.key === \"Backspace\") {\n        const value = menuRef.current.getAttribute(\"data-filter\");\n        if (value) {\n          setFilter(value.slice(0, -1));\n        } else {\n          onClose();\n          return;\n        }\n      } else if (e.key !== \"Shift\") {\n        onPopoverClose();\n        return;\n      }\n      e.stopPropagation();\n      e.preventDefault();\n    },\n    [menuRef, setActiveIndex, onClose, onPopoverClose]\n  );\n  useEffect(() => {\n    textarea.addEventListener(\"keydown\", keydownListener);\n    return () => {\n      textarea.removeEventListener(\"keydown\", keydownListener);\n    };\n  }, [keydownListener]);\n  return (\n    <Popover\n      onClose={onPopoverClose}\n      isOpen={true}\n      canEscapeKeyClose\n      minimal\n      target={<span />}\n      position={Position.BOTTOM_LEFT}\n      modifiers={{\n        flip: { enabled: false },\n        preventOverflow: { enabled: false },\n      }}\n      autoFocus={false}\n      content={\n        <Menu\n          ulRef={menuRef}\n          data-active-index={activeIndex}\n          data-filter={filter}\n          style={{ width: 300 }}\n        >\n          {items.length ? (\n            items.map(({ id, displayName }, i) => {\n              return (\n                <MenuItem\n                  key={id}\n                  data-id={id}\n                  text={displayName\n                    .split(/<b>(.*?)<\\/b>/)\n                    .map((part, i) =>\n                      i % 2 === 1 ? (\n                        <b key={i}>{part}</b>\n                      ) : (\n                        <span key={i}>{part}</span>\n                      )\n                    )}\n                  active={i === activeIndex}\n                  onMouseEnter={() => setActiveIndex(i)}\n                  onClick={() => setTimeout(() => onSelect(itemsById[id]), 1)}\n                />\n              );\n            })\n          ) : (\n            <MenuItem\n              text={\n                <span style={{ opacity: 0.75 }}>\n                  <i>None</i>\n                </span>\n              }\n              active={false}\n              disabled={true}\n            />\n          )}\n        </Menu>\n      }\n    />\n  );\n};\n\nexport const render = <T extends Record<string, string>>(\n  props: Props<T>\n): void => {\n  const parent = document.createElement(\"span\");\n  const coords = getCoordsFromTextarea(props.textarea);\n  parent.style.position = \"absolute\";\n  parent.style.left = `${coords.left}px`;\n  parent.style.top = `${coords.top}px`;\n  props.textarea.parentElement?.insertBefore(parent, props.textarea);\n  ReactDOM.render(\n    <CursorMenu\n      {...props}\n      onClose={() => {\n        ReactDOM.unmountComponentAtNode(parent);\n        parent.remove();\n      }}\n    />,\n    parent\n  );\n};\n\nexport default CursorMenu;\n"]}

package/components/Description.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Description: ({ description, }: {
+    description: string;
+}) => React.ReactElement;
+export default Description;

package/components/Description.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Description = ({ description, }) => {
+    return (react_1.default.createElement("span", { style: {
+            marginLeft: 12,
+            display: "inline-block",
+            opacity: 0.8,
+            verticalAlign: "text-bottom",
+        } },
+        react_1.default.createElement(core_1.Tooltip, { content: react_1.default.createElement("span", { style: { maxWidth: 400, display: "inline-block" } }, description) },
+            react_1.default.createElement(core_1.Icon, { icon: "info-sign", iconSize: 12 }))));
+};
+exports.default = Description;
+//# sourceMappingURL=Description.js.map

package/components/Description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../src/components/Description.tsx"],"names":[],"mappings":";;;AAAA,4CAAkD;AAClD,0DAA0B;AAE1B,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,GAGZ,EAAsB,EAAE;IACvB,OAAO,CACL,wCACE,KAAK,EAAE;YACL,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,GAAG;YACZ,aAAa,EAAE,aAAa;SAC7B;QAED,8BAAC,cAAO,IACN,OAAO,EACL,wCAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,IACpD,WAAW,CACP;YAGT,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,GAAI,CACjC,CACL,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import { Tooltip, Icon } from \"@blueprintjs/core\";\nimport React from \"react\";\n\nconst Description = ({\n  description,\n}: {\n  description: string;\n}): React.ReactElement => {\n  return (\n    <span\n      style={{\n        marginLeft: 12,\n        display: \"inline-block\",\n        opacity: 0.8,\n        verticalAlign: \"text-bottom\",\n      }}\n    >\n      <Tooltip\n        content={\n          <span style={{ maxWidth: 400, display: \"inline-block\" }}>\n            {description}\n          </span>\n        }\n      >\n        <Icon icon={\"info-sign\"} iconSize={12} />\n      </Tooltip>\n    </span>\n  );\n};\n\nexport default Description;\n"]}

package/components/ExtensionApiContext.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { OnloadArgs } from "../types";
+export declare const useExtensionAPI: () => {
+    settings: {
+        get: (k: string) => unknown;
+        getAll: () => Record<string, unknown>;
+        panel: {
+            create: (c: {
+                tabTitle: string;
+                settings: {
+                    id: string;
+                    name: string;
+                    description: string;
+                    action: import("../types").Action;
+                }[];
+            }) => void;
+        };
+        set: (k: string, v: unknown) => Promise<void>;
+    };
+    ui: {
+        commandPalette: {
+            addCommand: (c: import("../types").AddCommandOptions) => Promise<void>;
+            removeCommand: (c: {
+                label: string;
+            }) => Promise<void>;
+        };
+    };
+} | undefined;
+export declare const useVersion: () => string | undefined;
+declare const ExtensionApiContextProvider: React.FC<React.PropsWithChildren<OnloadArgs>>;
+export default ExtensionApiContextProvider;

package/components/ExtensionApiContext.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVersion = exports.useExtensionAPI = void 0;
+const tslib_1 = require("tslib");
+// @deprecated - use utils/extensionApiContext instead
+const react_1 = tslib_1.__importStar(require("react"));
+const ExtensionApiContext = react_1.default.createContext(undefined);
+const useExtensionAPI = () => { var _a; return (_a = (0, react_1.useContext)(ExtensionApiContext)) === null || _a === void 0 ? void 0 : _a.extensionAPI; };
+exports.useExtensionAPI = useExtensionAPI;
+const useVersion = () => { var _a; return (_a = (0, react_1.useContext)(ExtensionApiContext)) === null || _a === void 0 ? void 0 : _a.extension.version; };
+exports.useVersion = useVersion;
+const ExtensionApiContextProvider = (_a) => {
+    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
+    return (react_1.default.createElement(ExtensionApiContext.Provider, { value: props }, children));
+};
+exports.default = ExtensionApiContextProvider;
+//# sourceMappingURL=ExtensionApiContext.js.map

package/components/ExtensionApiContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionApiContext.js","sourceRoot":"","sources":["../../src/components/ExtensionApiContext.tsx"],"names":[],"mappings":";;;;AAAA,sDAAsD;AACtD,uDAA0C;AAG1C,MAAM,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAC7C,SAAS,CACV,CAAC;AAEK,MAAM,eAAe,GAAG,GAAG,EAAE,WAClC,OAAA,MAAA,IAAA,kBAAU,EAAC,mBAAmB,CAAC,0CAAE,YAAY,CAAA,EAAA,CAAC;AADnC,QAAA,eAAe,mBACoB;AACzC,MAAM,UAAU,GAAG,GAAG,EAAE,WAC7B,OAAA,MAAA,IAAA,kBAAU,EAAC,mBAAmB,CAAC,0CAAE,SAAS,CAAC,OAAO,CAAA,EAAA,CAAC;AADxC,QAAA,UAAU,cAC8B;AAErD,MAAM,2BAA2B,GAE7B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IACvB,OAAO,CACL,8BAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACvC,QAAQ,CACoB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC","sourcesContent":["// @deprecated - use utils/extensionApiContext instead\nimport React, { useContext } from \"react\";\nimport { OnloadArgs } from \"../types\";\n\nconst ExtensionApiContext = React.createContext<OnloadArgs | undefined>(\n  undefined\n);\n\nexport const useExtensionAPI = () =>\n  useContext(ExtensionApiContext)?.extensionAPI;\nexport const useVersion = () =>\n  useContext(ExtensionApiContext)?.extension.version;\n\nconst ExtensionApiContextProvider: React.FC<\n  React.PropsWithChildren<OnloadArgs>\n> = ({ children, ...props }) => {\n  return (\n    <ExtensionApiContext.Provider value={props}>\n      {children}\n    </ExtensionApiContext.Provider>\n  );\n};\n\nexport default ExtensionApiContextProvider;\n"]}

package/components/ExternalLogin.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export declare type ExternalLoginOptions = {
+    service: string;
+    getPopoutUrl: (state: string) => Promise<string>;
+    getAuthData: (d: string) => Promise<Record<string, string>>;
+    ServiceIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+};
+declare const ExternalLogin: ({ onSuccess, useLocal, parentUid, service, getPopoutUrl, getAuthData, ServiceIcon, loggedIn, }: {
+    onSuccess: (block: {
+        text: string;
+        uid: string;
+        data: string;
+    }) => void;
+    parentUid: string;
+    useLocal?: boolean | undefined;
+    loggedIn?: boolean | undefined;
+} & ExternalLoginOptions) => React.ReactElement;
+export default ExternalLogin;

package/components/ExternalLogin.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const createBlock_1 = tslib_1.__importDefault(require("../writes/createBlock"));
+const getBasicTreeByParentUid_1 = tslib_1.__importDefault(require("../queries/getBasicTreeByParentUid"));
+const idToTitle_1 = tslib_1.__importDefault(require("../util/idToTitle"));
+const nanoid_1 = tslib_1.__importDefault(require("nanoid"));
+const crypto_js_1 = tslib_1.__importDefault(require("crypto-js"));
+const localStorageGet_1 = tslib_1.__importDefault(require("../util/localStorageGet"));
+const localStorageSet_1 = tslib_1.__importDefault(require("../util/localStorageSet"));
+const apiPost_1 = tslib_1.__importDefault(require("../util/apiPost"));
+const getTargetOrigin = () => {
+    try {
+        // This is for debugging purposes - should probably remove
+        return process.env.CUSTOM_ROAMJS_ORIGIN;
+    }
+    catch (_a) {
+        return "https://roamjs.com";
+    }
+};
+const ExternalLogin = ({ onSuccess, useLocal, parentUid, service, getPopoutUrl, getAuthData, ServiceIcon, loggedIn = false, }) => {
+    const targetOrigin = getTargetOrigin();
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)("");
+    const onClick = (0, react_1.useCallback)(() => {
+        const otp = (0, nanoid_1.default)().replace(/_/g, "-");
+        const key = (0, nanoid_1.default)().replace(/_/g, "-");
+        const state = `${service}_${otp}_${key}`;
+        setLoading(true);
+        getPopoutUrl(state)
+            .then((url) => {
+            const width = 600;
+            const height = 525;
+            const left = window.screenX + (window.innerWidth - width) / 2;
+            const top = window.screenY + (window.innerHeight - height) / 2;
+            const loginWindow = window.open(`${url}&state=${state}`, `roamjs:${service}:login`, `left=${left},top=${top},width=${width},height=${height},status=1`);
+            let intervalListener = 0;
+            const processAuthData = (data) => {
+                var _a;
+                (_a = loginWindow === null || loginWindow === void 0 ? void 0 : loginWindow.close) === null || _a === void 0 ? void 0 : _a.call(loginWindow);
+                getAuthData(data)
+                    .then((rr) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                    var _b;
+                    const labelUid = window.roamAlphaAPI.util.generateUID();
+                    const { label = "Default Account" } = rr, rawData = tslib_1.__rest(rr, ["label"]);
+                    const oauthData = JSON.stringify(rawData);
+                    const account = {
+                        text: label,
+                        uid: labelUid,
+                        data: oauthData,
+                        time: new Date().valueOf(),
+                    };
+                    if (useLocal) {
+                        const key = `oauth-${service}`;
+                        const accounts = JSON.parse((0, localStorageGet_1.default)(key) || "[]");
+                        (0, localStorageSet_1.default)(key, JSON.stringify([...accounts, account]));
+                    }
+                    else {
+                        const existingTree = (0, getBasicTreeByParentUid_1.default)(parentUid).find((t) => /oauth/i.test(t.text));
+                        const blockUid = (existingTree === null || existingTree === void 0 ? void 0 : existingTree.uid) ||
+                            (yield (0, createBlock_1.default)({ node: { text: "oauth" }, parentUid }));
+                        window.roamAlphaAPI.createBlock({
+                            block: { string: label, uid: labelUid },
+                            location: {
+                                "parent-uid": blockUid,
+                                order: ((_b = existingTree === null || existingTree === void 0 ? void 0 : existingTree.children) === null || _b === void 0 ? void 0 : _b.length) || 0,
+                            },
+                        });
+                        const valueUid = window.roamAlphaAPI.util.generateUID();
+                        const block = {
+                            string: oauthData,
+                            uid: valueUid,
+                        };
+                        window.roamAlphaAPI.createBlock({
+                            location: { "parent-uid": labelUid, order: 0 },
+                            block,
+                        });
+                        window.roamAlphaAPI.updateBlock({
+                            block: { open: false, string: "oauth", uid: blockUid },
+                        });
+                    }
+                    onSuccess(account);
+                }))
+                    .finally(() => {
+                    window.removeEventListener("message", messageEventListener);
+                    window.clearTimeout(intervalListener);
+                    setLoading(false);
+                });
+            };
+            const messageEventListener = (e) => {
+                if (e.origin === targetOrigin && loginWindow) {
+                    processAuthData(e.data);
+                }
+            };
+            const authInterval = () => {
+                (0, apiPost_1.default)({
+                    path: "auth",
+                    data: {
+                        service,
+                        otp,
+                    },
+                    anonymous: true,
+                })
+                    .then((r) => {
+                    if (r.auth) {
+                        const auth = crypto_js_1.default.AES.decrypt(r.auth, key).toString(crypto_js_1.default.enc.Utf8);
+                        processAuthData(auth);
+                    }
+                    else {
+                        intervalListener = window.setTimeout(authInterval, 1000);
+                    }
+                })
+                    .catch((e) => {
+                    var _a;
+                    if (((_a = e.response) === null || _a === void 0 ? void 0 : _a.status) !== 400) {
+                        intervalListener = window.setTimeout(authInterval, 1000);
+                    }
+                });
+            };
+            authInterval();
+            window.addEventListener("message", messageEventListener);
+        })
+            .catch((e) => {
+            setError(e.message);
+            setLoading(false);
+        });
+    }, [onSuccess, parentUid, setLoading, setError]);
+    return (react_1.default.createElement("div", { style: { display: "flex" } },
+        react_1.default.createElement(core_1.Button, { icon: react_1.default.createElement(core_1.Icon, { icon: react_1.default.createElement(ServiceIcon, { style: {
+                        width: 15,
+                        height: 15,
+                        marginLeft: 4,
+                        cursor: "pointer",
+                    } }) }), onClick: onClick, disabled: loading, className: "roamjs-external-login", rightIcon: loading && react_1.default.createElement(core_1.Spinner, { size: core_1.Spinner.SIZE_SMALL }) }, loggedIn
+            ? `Add Another ${(0, idToTitle_1.default)(service)} Account`
+            : `Login With ${(0, idToTitle_1.default)(service)}`),
+        error && (react_1.default.createElement("div", { style: { color: "red", whiteSpace: "pre-line" } }, error))));
+};
+exports.default = ExternalLogin;
+//# sourceMappingURL=ExternalLogin.js.map

package/components/ExternalLogin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalLogin.js","sourceRoot":"","sources":["../../src/components/ExternalLogin.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Button, Icon, Spinner } from \"@blueprintjs/core\";\nimport React, { useState, useCallback } from \"react\";\nimport createBlock from \"../writes/createBlock\";\nimport getBasicTreeByParentUid from \"../queries/getBasicTreeByParentUid\";\nimport idToTitle from \"../util/idToTitle\";\nimport nanoid from \"nanoid\";\nimport CryptoJS from \"crypto-js\";\nimport localStorageGet from \"../util/localStorageGet\";\nimport localStorageSet from \"../util/localStorageSet\";\nimport apiPost from \"../util/apiPost\";\n\nexport type ExternalLoginOptions = {\n  service: string;\n  getPopoutUrl: (state: string) => Promise<string>;\n  getAuthData: (d: string) => Promise<Record<string, string>>;\n  ServiceIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n};\n\nconst getTargetOrigin = () => {\n  try {\n    // This is for debugging purposes - should probably remove\n    return process.env.CUSTOM_ROAMJS_ORIGIN;\n  } catch {\n    return \"https://roamjs.com\";\n  }\n};\n\nconst ExternalLogin = ({\n  onSuccess,\n  useLocal,\n  parentUid,\n  service,\n  getPopoutUrl,\n  getAuthData,\n  ServiceIcon,\n  loggedIn = false,\n}: {\n  onSuccess: (block: { text: string; uid: string; data: string }) => void;\n  parentUid: string;\n  useLocal?: boolean;\n  loggedIn?: boolean;\n} & ExternalLoginOptions): React.ReactElement => {\n  const targetOrigin = getTargetOrigin();\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n  const onClick = useCallback(() => {\n    const otp = nanoid().replace(/_/g, \"-\");\n    const key = nanoid().replace(/_/g, \"-\");\n    const state = `${service}_${otp}_${key}`;\n    setLoading(true);\n    getPopoutUrl(state)\n      .then((url) => {\n        const width = 600;\n        const height = 525;\n        const left = window.screenX + (window.innerWidth - width) / 2;\n        const top = window.screenY + (window.innerHeight - height) / 2;\n        const loginWindow = window.open(\n          `${url}&state=${state}`,\n          `roamjs:${service}:login`,\n          `left=${left},top=${top},width=${width},height=${height},status=1`\n        );\n        let intervalListener = 0;\n        const processAuthData = (data: string) => {\n          loginWindow?.close?.();\n          getAuthData(data)\n            .then(async (rr) => {\n              const labelUid = window.roamAlphaAPI.util.generateUID();\n              const { label = \"Default Account\", ...rawData } = rr;\n              const oauthData = JSON.stringify(rawData);\n              const account = {\n                text: label,\n                uid: labelUid,\n                data: oauthData,\n                time: new Date().valueOf(),\n              };\n\n              if (useLocal) {\n                const key = `oauth-${service}`;\n                const accounts = JSON.parse(\n                  (localStorageGet(key) as string) || \"[]\"\n                );\n                localStorageSet(key, JSON.stringify([...accounts, account]));\n              } else {\n                const existingTree = getBasicTreeByParentUid(parentUid).find(\n                  (t) => /oauth/i.test(t.text)\n                );\n                const blockUid =\n                  existingTree?.uid ||\n                  (await createBlock({ node: { text: \"oauth\" }, parentUid }));\n                window.roamAlphaAPI.createBlock({\n                  block: { string: label, uid: labelUid },\n                  location: {\n                    \"parent-uid\": blockUid,\n                    order: existingTree?.children?.length || 0,\n                  },\n                });\n\n                const valueUid = window.roamAlphaAPI.util.generateUID();\n                const block = {\n                  string: oauthData,\n                  uid: valueUid,\n                };\n                window.roamAlphaAPI.createBlock({\n                  location: { \"parent-uid\": labelUid, order: 0 },\n                  block,\n                });\n                window.roamAlphaAPI.updateBlock({\n                  block: { open: false, string: \"oauth\", uid: blockUid },\n                });\n              }\n              onSuccess(account);\n            })\n            .finally(() => {\n              window.removeEventListener(\"message\", messageEventListener);\n              window.clearTimeout(intervalListener);\n              setLoading(false);\n            });\n        };\n        const messageEventListener = (e: MessageEvent) => {\n          if (e.origin === targetOrigin && loginWindow) {\n            processAuthData(e.data);\n          }\n        };\n        const authInterval = () => {\n          apiPost<{ auth: string }>({\n            path: \"auth\",\n            data: {\n              service,\n              otp,\n            },\n            anonymous: true,\n          })\n            .then((r) => {\n              if (r.auth) {\n                const auth = CryptoJS.AES.decrypt(r.auth, key).toString(\n                  CryptoJS.enc.Utf8\n                );\n                processAuthData(auth);\n              } else {\n                intervalListener = window.setTimeout(authInterval, 1000);\n              }\n            })\n            .catch((e) => {\n              if (e.response?.status !== 400) {\n                intervalListener = window.setTimeout(authInterval, 1000);\n              }\n            });\n        };\n        authInterval();\n        window.addEventListener(\"message\", messageEventListener);\n      })\n      .catch((e) => {\n        setError(e.message);\n        setLoading(false);\n      });\n  }, [onSuccess, parentUid, setLoading, setError]);\n  return (\n    <div style={{ display: \"flex\" }}>\n      <Button\n        icon={\n          <Icon\n            icon={\n              <ServiceIcon\n                style={{\n                  width: 15,\n                  height: 15,\n                  marginLeft: 4,\n                  cursor: \"pointer\",\n                }}\n              />\n            }\n          />\n        }\n        onClick={onClick}\n        disabled={loading}\n        className={\"roamjs-external-login\"}\n        rightIcon={loading && <Spinner size={Spinner.SIZE_SMALL} />}\n      >\n        {loggedIn\n          ? `Add Another ${idToTitle(service)} Account`\n          : `Login With ${idToTitle(service)}`}\n      </Button>\n      {error && (\n        <div style={{ color: \"red\", whiteSpace: \"pre-line\" }}>{error}</div>\n      )}\n    </div>\n  );\n};\n\nexport default ExternalLogin;\n"]}

package/components/Filter.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export declare type Filters = {
+    includes: Record<string, Set<string>>;
+    excludes: Record<string, Set<string>>;
+};
+declare const Filter: ({ data, initialValue, onChange, renderButtonText, includeHelpMessage, excludeHelpMessage, small, }: {
+    initialValue?: Filters | undefined;
+    data: Record<string, string[]>;
+    onChange: (filters: Filters) => void;
+    renderButtonText?: ((s: string, key: string) => React.ReactNode) | undefined;
+    includeHelpMessage?: string | undefined;
+    excludeHelpMessage?: string | undefined;
+    small?: boolean | undefined;
+}) => JSX.Element;
+export default Filter;