roamjs-components 0.79.10 → 0.79.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,7 +9,7 @@ const Filter = ({ data, initialValue, onChange, renderButtonText = (s) => s ? s.
9
9
  const closeFilter = (0, react_1.useCallback)(() => {
10
10
  setIsFilterOpen(false);
11
11
  }, [setIsFilterOpen]);
12
- const filtersRef = (0, react_1.useRef)({
12
+ const initialFiltersValue = (0, react_1.useMemo)(() => ({
13
13
  includes: Object.fromEntries(Object.keys(data).map((k) => [
14
14
  k,
15
15
  new Set(data[k].filter((d) => initialValue && initialValue.includes[k].has(d))),
@@ -18,7 +18,8 @@ const Filter = ({ data, initialValue, onChange, renderButtonText = (s) => s ? s.
18
18
  k,
19
19
  new Set(data[k].filter((d) => initialValue && initialValue.excludes[k].has(d))),
20
20
  ])),
21
- });
21
+ }), [initialValue, data]);
22
+ const filtersRef = (0, react_1.useRef)(initialFiltersValue);
22
23
  const [filters, setFilters] = (0, react_1.useState)(filtersRef.current);
23
24
  const [filterSearch, setFilterSearch] = (0, react_1.useState)("");
24
25
  const active = Object.keys(filters.includes).some((k) => filters.includes[k].size > 0) ||
@@ -1 +1 @@
1
- {"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../src/components/Filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Tooltip, Position, Popover, Button, Icon } from \"@blueprintjs/core\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport fuzzy from \"fuzzy\";\n\nexport type Filters = {\n includes: Record<string, Set<string>>;\n excludes: Record<string, Set<string>>;\n};\n\nconst Filter = ({\n data,\n initialValue,\n onChange,\n renderButtonText = (s) =>\n s ? s.toString() : <i style={{ opacity: 0.5 }}>(Empty)</i>,\n includeHelpMessage = \"Only include these values\",\n excludeHelpMessage = \"Exclude these values\",\n small,\n}: {\n initialValue?: Filters;\n data: Record<string, string[]>;\n onChange: (filters: Filters) => void;\n renderButtonText?: (s: string, key: string) => React.ReactNode;\n includeHelpMessage?: string;\n excludeHelpMessage?: string;\n small?: boolean;\n}) => {\n const [isFilterOpen, setIsFilterOpen] = useState(false);\n const closeFilter = useCallback(() => {\n setIsFilterOpen(false);\n }, [setIsFilterOpen]);\n const filtersRef = useRef({\n includes: Object.fromEntries(\n Object.keys(data).map((k) => [\n k,\n new Set<string>(\n data[k].filter((d) => initialValue && initialValue.includes[k].has(d))\n ),\n ])\n ),\n excludes: Object.fromEntries(\n Object.keys(data).map((k) => [\n k,\n new Set<string>(\n data[k].filter((d) => initialValue && initialValue.excludes[k].has(d))\n ),\n ])\n ),\n });\n const [filters, setFilters] = useState(filtersRef.current);\n const [filterSearch, setFilterSearch] = useState(\"\");\n const active =\n Object.keys(filters.includes).some((k) => filters.includes[k].size > 0) ||\n Object.keys(filters.excludes).some((k) => filters.excludes[k].size > 0);\n return (\n <Tooltip content={\"Filters\"} position={Position.BOTTOM}>\n <Popover\n target={\n <Button\n icon={\n <Icon icon={\"filter\"} color={active ? \"#a82a2a\" : \"#5c7080\"} />\n }\n onClick={(e) => {\n e.stopPropagation();\n setIsFilterOpen(!isFilterOpen);\n }}\n className={`roamjs-filter ${active ? \"roamjs-filter-active\" : \"\"}`}\n minimal\n small={small}\n />\n }\n content={\n <div\n style={{ maxWidth: 600, maxHeight: 245, overflowY: \"scroll\" }}\n onClick={(e) => e.stopPropagation()}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n width: 500,\n maxWidth: \"90vw\",\n transition: \"all 300ms ease-in 0s\",\n padding: 8,\n }}\n >\n <div className=\"flex-h-box\">\n <div\n style={{\n flex: \"1 1 100%\",\n paddingTop: 4,\n paddingBottom: 4,\n paddingLeft: 4,\n }}\n >\n <div>\n <strong>Includes</strong>\n <span style={{ marginLeft: 4, fontSize: 12 }}>\n Click to Add\n </span>\n <div\n style={{\n padding: \"8px 0px\",\n fontSize: \"0.8em\",\n color: \"rgb(167, 182, 194)\",\n }}\n >\n {Object.values(filters.includes).every(\n (v) => v.size === 0\n )\n ? includeHelpMessage\n : Object.entries(filters.includes).flatMap(\n ([key, col]) =>\n Array.from(col).map((n, i) => (\n <div\n style={{\n position: \"relative\",\n display: \"inline-block\",\n }}\n key={`${n.toString()}-${i}`}\n >\n <div>\n <button\n className=\"bp3-button\"\n style={{\n margin: 4,\n paddingRight: 4,\n cursor: \"pointer\",\n borderBottomColor: \"rgb(92, 112, 128)\",\n }}\n onClick={() => {\n filtersRef.current.includes[key].delete(\n n\n );\n const filters = {\n ...filtersRef.current,\n };\n setFilters(filters);\n onChange(filters);\n }}\n >\n {renderButtonText(n, key)}\n </button>\n </div>\n </div>\n ))\n )}\n </div>\n </div>\n <div style={{ paddingTop: 8 }} />\n </div>\n <div\n className=\"rm-line\"\n style={{ marginTop: 8, marginBottom: 8 }}\n />\n <div\n style={{\n flex: \"1 1 100%\",\n paddingTop: 4,\n paddingBottom: 4,\n paddingLeft: 8,\n }}\n >\n <div>\n <strong>Removes</strong>\n <span style={{ marginLeft: 4, fontSize: 12 }}>\n Shift-Click to Add\n </span>\n <div\n style={{\n padding: \"8px 0px\",\n fontSize: \"0.8em\",\n color: \"rgb(167, 182, 194)\",\n }}\n >\n {Object.values(filters.excludes).every(\n (v) => v.size === 0\n )\n ? excludeHelpMessage\n : Object.entries(filters.excludes).flatMap(\n ([key, col]) =>\n Array.from(col).map((n, i) => (\n <div\n style={{\n position: \"relative\",\n display: \"inline-block\",\n }}\n key={`${n.toString()}-${i}`}\n >\n <div>\n <button\n className=\"bp3-button\"\n style={{\n margin: 4,\n paddingRight: 4,\n cursor: \"pointer\",\n borderBottomColor: \"rgb(92, 112, 128)\",\n }}\n onClick={() => {\n filtersRef.current.excludes[key].delete(\n n\n );\n const filters = {\n ...filtersRef.current,\n };\n setFilters(filters);\n onChange(filters);\n }}\n >\n {renderButtonText(n, key)}\n </button>\n </div>\n </div>\n ))\n )}\n </div>\n </div>\n <div style={{ paddingTop: 8 }} />\n </div>\n </div>\n <div\n className=\"rm-line\"\n style={{ marginTop: 4, borderColor: \"rgb(41, 55, 66)\" }}\n />\n <input\n placeholder=\"Search References\"\n className=\"bp3-input bp3-minimal search-input\"\n style={{ margin: 8 }}\n value={filterSearch}\n onChange={(e) => setFilterSearch(e.target.value)}\n />\n <div className=\"flex-h-box\">\n {Object.keys(data).map((k, i, all) => (\n <React.Fragment key={k}>\n <div\n style={{\n flex: \"1 1 100%\",\n paddingTop: 4,\n paddingBottom: 4,\n paddingLeft: 4,\n }}\n >\n {(filterSearch\n ? fuzzy\n .filter(filterSearch, data[k])\n .map((s) => s.string)\n : data[k]\n )\n .filter(\n (n) =>\n !filters.includes[k].has(n) &&\n !filters.excludes[k].has(n)\n )\n .map((n, i) => (\n <div\n style={{\n position: \"relative\",\n display: \"inline-block\",\n }}\n key={`${n.toString()}-${i}`}\n >\n <div>\n <button\n className=\"bp3-button\"\n style={{\n margin: 4,\n paddingRight: 4,\n cursor: \"pointer\",\n borderBottomColor: \"rgb(92, 112, 128)\",\n }}\n onClick={(e) => {\n if (e.shiftKey)\n filtersRef.current.excludes[k].add(n);\n else filtersRef.current.includes[k].add(n);\n const filters = { ...filtersRef.current };\n setFilters(filters);\n onChange(filters);\n }}\n >\n {renderButtonText(n, k)}\n </button>\n </div>\n </div>\n ))}\n </div>\n {i < all.length - 1 && (\n <div\n className=\"rm-line\"\n style={{ marginTop: 8, marginBottom: 8 }}\n />\n )}\n </React.Fragment>\n ))}\n </div>\n </div>\n </div>\n }\n onClose={closeFilter}\n isOpen={isFilterOpen}\n />\n </Tooltip>\n );\n};\n\nexport default Filter;\n"]}
1
+ {"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../src/components/Filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Tooltip, Position, Popover, Button, Icon } from \"@blueprintjs/core\";\nimport React, { useCallback, useRef, useState, useMemo } from \"react\";\nimport fuzzy from \"fuzzy\";\n\nexport type Filters = {\n includes: Record<string, Set<string>>;\n excludes: Record<string, Set<string>>;\n};\n\nconst Filter = ({\n data,\n initialValue,\n onChange,\n renderButtonText = (s) =>\n s ? s.toString() : <i style={{ opacity: 0.5 }}>(Empty)</i>,\n includeHelpMessage = \"Only include these values\",\n excludeHelpMessage = \"Exclude these values\",\n small,\n}: {\n initialValue?: Filters;\n data: Record<string, string[]>;\n onChange: (filters: Filters) => void;\n renderButtonText?: (s: string, key: string) => React.ReactNode;\n includeHelpMessage?: string;\n excludeHelpMessage?: string;\n small?: boolean;\n}) => {\n const [isFilterOpen, setIsFilterOpen] = useState(false);\n const closeFilter = useCallback(() => {\n setIsFilterOpen(false);\n }, [setIsFilterOpen]);\n const initialFiltersValue = useMemo(\n () => ({\n includes: Object.fromEntries(\n Object.keys(data).map((k) => [\n k,\n new Set<string>(\n data[k].filter(\n (d) => initialValue && initialValue.includes[k].has(d)\n )\n ),\n ])\n ),\n excludes: Object.fromEntries(\n Object.keys(data).map((k) => [\n k,\n new Set<string>(\n data[k].filter(\n (d) => initialValue && initialValue.excludes[k].has(d)\n )\n ),\n ])\n ),\n }),\n [initialValue, data]\n );\n const filtersRef = useRef(initialFiltersValue);\n const [filters, setFilters] = useState(filtersRef.current);\n const [filterSearch, setFilterSearch] = useState(\"\");\n const active =\n Object.keys(filters.includes).some((k) => filters.includes[k].size > 0) ||\n Object.keys(filters.excludes).some((k) => filters.excludes[k].size > 0);\n return (\n <Tooltip content={\"Filters\"} position={Position.BOTTOM}>\n <Popover\n target={\n <Button\n icon={\n <Icon icon={\"filter\"} color={active ? \"#a82a2a\" : \"#5c7080\"} />\n }\n onClick={(e) => {\n e.stopPropagation();\n setIsFilterOpen(!isFilterOpen);\n }}\n className={`roamjs-filter ${active ? \"roamjs-filter-active\" : \"\"}`}\n minimal\n small={small}\n />\n }\n content={\n <div\n style={{ maxWidth: 600, maxHeight: 245, overflowY: \"scroll\" }}\n onClick={(e) => e.stopPropagation()}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n width: 500,\n maxWidth: \"90vw\",\n transition: \"all 300ms ease-in 0s\",\n padding: 8,\n }}\n >\n <div className=\"flex-h-box\">\n <div\n style={{\n flex: \"1 1 100%\",\n paddingTop: 4,\n paddingBottom: 4,\n paddingLeft: 4,\n }}\n >\n <div>\n <strong>Includes</strong>\n <span style={{ marginLeft: 4, fontSize: 12 }}>\n Click to Add\n </span>\n <div\n style={{\n padding: \"8px 0px\",\n fontSize: \"0.8em\",\n color: \"rgb(167, 182, 194)\",\n }}\n >\n {Object.values(filters.includes).every(\n (v) => v.size === 0\n )\n ? includeHelpMessage\n : Object.entries(filters.includes).flatMap(\n ([key, col]) =>\n Array.from(col).map((n, i) => (\n <div\n style={{\n position: \"relative\",\n display: \"inline-block\",\n }}\n key={`${n.toString()}-${i}`}\n >\n <div>\n <button\n className=\"bp3-button\"\n style={{\n margin: 4,\n paddingRight: 4,\n cursor: \"pointer\",\n borderBottomColor: \"rgb(92, 112, 128)\",\n }}\n onClick={() => {\n filtersRef.current.includes[key].delete(\n n\n );\n const filters = {\n ...filtersRef.current,\n };\n setFilters(filters);\n onChange(filters);\n }}\n >\n {renderButtonText(n, key)}\n </button>\n </div>\n </div>\n ))\n )}\n </div>\n </div>\n <div style={{ paddingTop: 8 }} />\n </div>\n <div\n className=\"rm-line\"\n style={{ marginTop: 8, marginBottom: 8 }}\n />\n <div\n style={{\n flex: \"1 1 100%\",\n paddingTop: 4,\n paddingBottom: 4,\n paddingLeft: 8,\n }}\n >\n <div>\n <strong>Removes</strong>\n <span style={{ marginLeft: 4, fontSize: 12 }}>\n Shift-Click to Add\n </span>\n <div\n style={{\n padding: \"8px 0px\",\n fontSize: \"0.8em\",\n color: \"rgb(167, 182, 194)\",\n }}\n >\n {Object.values(filters.excludes).every(\n (v) => v.size === 0\n )\n ? excludeHelpMessage\n : Object.entries(filters.excludes).flatMap(\n ([key, col]) =>\n Array.from(col).map((n, i) => (\n <div\n style={{\n position: \"relative\",\n display: \"inline-block\",\n }}\n key={`${n.toString()}-${i}`}\n >\n <div>\n <button\n className=\"bp3-button\"\n style={{\n margin: 4,\n paddingRight: 4,\n cursor: \"pointer\",\n borderBottomColor: \"rgb(92, 112, 128)\",\n }}\n onClick={() => {\n filtersRef.current.excludes[key].delete(\n n\n );\n const filters = {\n ...filtersRef.current,\n };\n setFilters(filters);\n onChange(filters);\n }}\n >\n {renderButtonText(n, key)}\n </button>\n </div>\n </div>\n ))\n )}\n </div>\n </div>\n <div style={{ paddingTop: 8 }} />\n </div>\n </div>\n <div\n className=\"rm-line\"\n style={{ marginTop: 4, borderColor: \"rgb(41, 55, 66)\" }}\n />\n <input\n placeholder=\"Search References\"\n className=\"bp3-input bp3-minimal search-input\"\n style={{ margin: 8 }}\n value={filterSearch}\n onChange={(e) => setFilterSearch(e.target.value)}\n />\n <div className=\"flex-h-box\">\n {Object.keys(data).map((k, i, all) => (\n <React.Fragment key={k}>\n <div\n style={{\n flex: \"1 1 100%\",\n paddingTop: 4,\n paddingBottom: 4,\n paddingLeft: 4,\n }}\n >\n {(filterSearch\n ? fuzzy\n .filter(filterSearch, data[k])\n .map((s) => s.string)\n : data[k]\n )\n .filter(\n (n) =>\n !filters.includes[k].has(n) &&\n !filters.excludes[k].has(n)\n )\n .map((n, i) => (\n <div\n style={{\n position: \"relative\",\n display: \"inline-block\",\n }}\n key={`${n.toString()}-${i}`}\n >\n <div>\n <button\n className=\"bp3-button\"\n style={{\n margin: 4,\n paddingRight: 4,\n cursor: \"pointer\",\n borderBottomColor: \"rgb(92, 112, 128)\",\n }}\n onClick={(e) => {\n if (e.shiftKey)\n filtersRef.current.excludes[k].add(n);\n else filtersRef.current.includes[k].add(n);\n const filters = { ...filtersRef.current };\n setFilters(filters);\n onChange(filters);\n }}\n >\n {renderButtonText(n, k)}\n </button>\n </div>\n </div>\n ))}\n </div>\n {i < all.length - 1 && (\n <div\n className=\"rm-line\"\n style={{ marginTop: 8, marginBottom: 8 }}\n />\n )}\n </React.Fragment>\n ))}\n </div>\n </div>\n </div>\n }\n onClose={closeFilter}\n isOpen={isFilterOpen}\n />\n </Tooltip>\n );\n};\n\nexport default Filter;\n"]}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "roamjs-components",
3
3
  "description": "Expansive toolset, utilities, & components for developing RoamJS extensions.",
4
- "version": "0.79.10",
4
+ "version": "0.79.12",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",
7
7
  "scripts": {
@@ -1,2 +1,2 @@
1
- declare const extractRef: (ref: string) => string;
1
+ declare const extractRef: (ref?: string) => string;
2
2
  export default extractRef;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const constants_1 = require("../dom/constants");
4
- const extractRef = (ref) => {
4
+ const extractRef = (ref = "") => {
5
5
  var _a;
6
6
  return ((_a = new RegExp(`(?:\\(\\()?${constants_1.BLOCK_REF_REGEX.source.slice(4, -4)}(?:\\)\\))?`).exec(ref)) === null || _a === void 0 ? void 0 : _a[1]) || ref;
7
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"extractRef.js","sourceRoot":"","sources":["../../src/util/extractRef.ts"],"names":[],"mappings":";;AAAA,gDAAmD;AAEnD,MAAM,UAAU,GAAG,CAAC,GAAW,EAAU,EAAE;;IACzC,OAAA,CAAA,MAAA,IAAI,MAAM,CACR,cAAc,2BAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAC/D,CAAC,IAAI,CAAC,GAAG,CAAC,0CAAG,CAAC,CAAC,KAAI,GAAG,CAAA;CAAA,CAAC;AAE1B,kBAAe,UAAU,CAAC","sourcesContent":["import { BLOCK_REF_REGEX } from \"../dom/constants\";\n\nconst extractRef = (ref: string): string =>\n new RegExp(\n `(?:\\\\(\\\\()?${BLOCK_REF_REGEX.source.slice(4, -4)}(?:\\\\)\\\\))?`\n ).exec(ref)?.[1] || ref;\n\nexport default extractRef;\n"]}
1
+ {"version":3,"file":"extractRef.js","sourceRoot":"","sources":["../../src/util/extractRef.ts"],"names":[],"mappings":";;AAAA,gDAAmD;AAEnD,MAAM,UAAU,GAAG,CAAC,GAAG,GAAG,EAAE,EAAU,EAAE;;IACtC,OAAA,CAAA,MAAA,IAAI,MAAM,CACR,cAAc,2BAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAC/D,CAAC,IAAI,CAAC,GAAG,CAAC,0CAAG,CAAC,CAAC,KAAI,GAAG,CAAA;CAAA,CAAC;AAE1B,kBAAe,UAAU,CAAC","sourcesContent":["import { BLOCK_REF_REGEX } from \"../dom/constants\";\n\nconst extractRef = (ref = \"\"): string =>\n new RegExp(\n `(?:\\\\(\\\\()?${BLOCK_REF_REGEX.source.slice(4, -4)}(?:\\\\)\\\\))?`\n ).exec(ref)?.[1] || ref;\n\nexport default extractRef;\n"]}
@@ -6,6 +6,7 @@ const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
6
6
  const env_1 = require("./env");
7
7
  const shim_1 = require("use-sync-external-store/shim");
8
8
  const extensionApiContext_1 = require("./extensionApiContext");
9
+ const apiPost_1 = tslib_1.__importDefault(require("./apiPost"));
9
10
  const runExtension = ({ extensionId = (0, env_1.getRoamJSExtensionIdEnv)(), run, }) => {
10
11
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
11
12
  // @ts-ignore React17 shim
@@ -78,27 +79,48 @@ const runExtension = ({ extensionId = (0, env_1.getRoamJSExtensionIdEnv)(), run,
78
79
  registry.elements.push((0, addStyle_1.default)(`.bp3-button:focus {
79
80
  outline-width: 2px;
80
81
  }`, "roamjs-default"));
81
- const result = run === null || run === void 0 ? void 0 : run(args);
82
- Promise.resolve(result).then((res) => {
83
- if (typeof res === "function") {
84
- unload = res;
85
- }
86
- else if (typeof res === "object") {
87
- const { unload: resUnload } = res, registry = tslib_1.__rest(res, ["unload"]);
88
- register(registry);
89
- unload = resUnload;
90
- }
91
- const globalApi = window.roamjs.extension[extensionId];
92
- if ((0, env_1.getNodeEnv)() === "development") {
93
- if (globalApi)
94
- globalApi.extensionAPI = args.extensionAPI;
95
- else
96
- window.roamjs.extension[extensionId] = {
97
- extensionAPI: args.extensionAPI,
98
- };
99
- }
100
- document.body.dispatchEvent(new Event(`roamjs:${extensionId}:loaded`));
101
- });
82
+ try {
83
+ const result = run === null || run === void 0 ? void 0 : run(args);
84
+ Promise.resolve(result).then((res) => {
85
+ if (typeof res === "function") {
86
+ unload = res;
87
+ }
88
+ else if (typeof res === "object") {
89
+ const { unload: resUnload } = res, registry = tslib_1.__rest(res, ["unload"]);
90
+ register(registry);
91
+ unload = resUnload;
92
+ }
93
+ const globalApi = window.roamjs.extension[extensionId];
94
+ if ((0, env_1.getNodeEnv)() === "development") {
95
+ if (globalApi)
96
+ globalApi.extensionAPI = args.extensionAPI;
97
+ else
98
+ window.roamjs.extension[extensionId] = {
99
+ extensionAPI: args.extensionAPI,
100
+ };
101
+ }
102
+ document.body.dispatchEvent(new Event(`roamjs:${extensionId}:loaded`));
103
+ });
104
+ }
105
+ catch (e) {
106
+ const error = e;
107
+ (0, apiPost_1.default)({
108
+ domain: "https://api.samepage.network",
109
+ path: "errors",
110
+ data: {
111
+ method: "extension-error",
112
+ type: "RoamJS Extension Failed to Load",
113
+ data: {
114
+ extensionId,
115
+ settings: args.extensionAPI.settings.getAll(),
116
+ roamDepotVersion: args.extension.version,
117
+ },
118
+ message: error.message,
119
+ stack: error.stack,
120
+ version: process.env.VERSION,
121
+ },
122
+ }).catch(() => { });
123
+ }
102
124
  };
103
125
  const onunload = () => {
104
126
  var _a, _b, _c, _d, _e;
@@ -1 +1 @@
1
- {"version":3,"file":"runExtension.js","sourceRoot":"","sources":["../../src/util/runExtension.ts"],"names":[],"mappings":"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","sourcesContent":["import addStyle from \"../dom/addStyle\";\nimport { OnloadArgs } from \"../types/native\";\nimport ReactDOM from \"react-dom\";\nimport {\n getNodeEnv,\n getRoamJSExtensionIdEnv,\n getRoamJSVersionEnv,\n} from \"./env\";\nimport type { Registry } from \"../types\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\nimport { provideExtensionApi } from \"./extensionApiContext\";\n\ntype RunReturn =\n | void\n | (Partial<Registry> & { unload?: () => void })\n | (() => void);\n\ntype RunExtension = (args: OnloadArgs) => RunReturn | Promise<RunReturn>;\n\nconst runExtension = ({\n extensionId = getRoamJSExtensionIdEnv(),\n run,\n}: {\n extensionId?: string;\n run?: RunExtension;\n}): void | { onload: (args: OnloadArgs) => void; onunload: () => void } => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore React17 shim\n window.React.useSyncExternalStore = useSyncExternalStore;\n let unload: (() => void) | undefined;\n\n const registry: Registry = {\n elements: [],\n reactRoots: [],\n observers: [],\n domListeners: [],\n commands: [],\n timeouts: [],\n };\n const register = (res: Partial<Registry>) => {\n Object.keys(res).forEach((k) => {\n const key = k as keyof Registry;\n const val = res[key];\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore this is actually safe, but dont know how to coerce\n registry[key].push(...val);\n });\n };\n const registerListener = ((e: CustomEvent) => {\n const res = e.detail as Partial<Registry>;\n register(res);\n }) as EventListener;\n document.body.addEventListener(\n `roamjs:${extensionId}:register`,\n registerListener\n );\n registry.domListeners.push({\n listener: registerListener,\n el: document.body,\n type: `roamjs:${extensionId}:register`,\n });\n const unregisterListener = ((e: CustomEvent) => {\n const res = e.detail as Partial<Registry>;\n Object.keys(res).forEach((k) => {\n const key = k as keyof Registry;\n const val = res[key];\n if (val) {\n val.forEach((el) => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore this is actually safe, but dont know how to coerce\n const idx = registry[key].indexOf(el);\n if (idx > -1) {\n registry[key].splice(idx, 1);\n }\n });\n }\n });\n }) as EventListener;\n document.body.addEventListener(\n `roamjs:${extensionId}:unregister`,\n unregisterListener\n );\n registry.domListeners.push({\n listener: unregisterListener,\n el: document.body,\n type: `roamjs:${extensionId}:unregister`,\n });\n\n const onload = (args: OnloadArgs) => {\n if (window.roamjs?.loaded?.has?.(extensionId)) {\n return;\n }\n provideExtensionApi(args.extensionAPI);\n window.roamjs = {\n loaded: window.roamjs?.loaded || new Set(),\n extension: window.roamjs?.extension || {},\n version: window.roamjs?.version || {},\n actions: {},\n };\n window.roamjs.loaded.add(extensionId);\n window.roamjs.version[extensionId] = getRoamJSVersionEnv();\n\n registry.elements.push(\n addStyle(\n `.bp3-button:focus {\n outline-width: 2px;\n }`,\n \"roamjs-default\"\n )\n );\n\n const result = run?.(args);\n Promise.resolve(result).then((res) => {\n if (typeof res === \"function\") {\n unload = res;\n } else if (typeof res === \"object\") {\n const { unload: resUnload, ...registry } = res;\n register(registry);\n unload = resUnload;\n }\n const globalApi = window.roamjs.extension[extensionId];\n if (getNodeEnv() === \"development\") {\n if (globalApi) globalApi.extensionAPI = args.extensionAPI;\n else\n window.roamjs.extension[extensionId] = {\n extensionAPI: args.extensionAPI,\n };\n }\n document.body.dispatchEvent(new Event(`roamjs:${extensionId}:loaded`));\n });\n };\n\n const onunload = () => {\n registry.elements.forEach((e) => e.remove());\n registry.reactRoots.forEach((e) => {\n ReactDOM.unmountComponentAtNode(e);\n e.remove();\n });\n registry.observers.forEach((e) => e.disconnect());\n registry.domListeners.forEach((e) =>\n e.el.removeEventListener(e.type, e.listener)\n );\n registry.commands.forEach((label) =>\n window.roamAlphaAPI.ui.commandPalette.removeCommand({ label })\n );\n registry.timeouts.forEach((e) => window.clearTimeout(e.timeout));\n\n delete window.roamjs?.extension[extensionId];\n delete window.roamjs?.version[extensionId];\n window.roamjs?.loaded.delete(extensionId);\n if (!window.roamjs?.loaded.size) {\n document.getElementById(\"roamjs-default\")?.remove();\n }\n unload?.();\n };\n return {\n onload,\n onunload,\n };\n};\n\nexport default runExtension;\n"]}
1
+ {"version":3,"file":"runExtension.js","sourceRoot":"","sources":["../../src/util/runExtension.ts"],"names":[],"mappings":"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","sourcesContent":["import addStyle from \"../dom/addStyle\";\nimport { OnloadArgs } from \"../types/native\";\nimport ReactDOM from \"react-dom\";\nimport {\n getNodeEnv,\n getRoamJSExtensionIdEnv,\n getRoamJSVersionEnv,\n} from \"./env\";\nimport type { Registry } from \"../types\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\nimport { provideExtensionApi } from \"./extensionApiContext\";\nimport apiPost from \"./apiPost\";\n\ntype RunReturn =\n | void\n | (Partial<Registry> & { unload?: () => void })\n | (() => void);\n\ntype RunExtension = (args: OnloadArgs) => RunReturn | Promise<RunReturn>;\n\nconst runExtension = ({\n extensionId = getRoamJSExtensionIdEnv(),\n run,\n}: {\n extensionId?: string;\n run?: RunExtension;\n}): void | { onload: (args: OnloadArgs) => void; onunload: () => void } => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore React17 shim\n window.React.useSyncExternalStore = useSyncExternalStore;\n let unload: (() => void) | undefined;\n\n const registry: Registry = {\n elements: [],\n reactRoots: [],\n observers: [],\n domListeners: [],\n commands: [],\n timeouts: [],\n };\n const register = (res: Partial<Registry>) => {\n Object.keys(res).forEach((k) => {\n const key = k as keyof Registry;\n const val = res[key];\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore this is actually safe, but dont know how to coerce\n registry[key].push(...val);\n });\n };\n const registerListener = ((e: CustomEvent) => {\n const res = e.detail as Partial<Registry>;\n register(res);\n }) as EventListener;\n document.body.addEventListener(\n `roamjs:${extensionId}:register`,\n registerListener\n );\n registry.domListeners.push({\n listener: registerListener,\n el: document.body,\n type: `roamjs:${extensionId}:register`,\n });\n const unregisterListener = ((e: CustomEvent) => {\n const res = e.detail as Partial<Registry>;\n Object.keys(res).forEach((k) => {\n const key = k as keyof Registry;\n const val = res[key];\n if (val) {\n val.forEach((el) => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore this is actually safe, but dont know how to coerce\n const idx = registry[key].indexOf(el);\n if (idx > -1) {\n registry[key].splice(idx, 1);\n }\n });\n }\n });\n }) as EventListener;\n document.body.addEventListener(\n `roamjs:${extensionId}:unregister`,\n unregisterListener\n );\n registry.domListeners.push({\n listener: unregisterListener,\n el: document.body,\n type: `roamjs:${extensionId}:unregister`,\n });\n\n const onload = (args: OnloadArgs) => {\n if (window.roamjs?.loaded?.has?.(extensionId)) {\n return;\n }\n provideExtensionApi(args.extensionAPI);\n window.roamjs = {\n loaded: window.roamjs?.loaded || new Set(),\n extension: window.roamjs?.extension || {},\n version: window.roamjs?.version || {},\n actions: {},\n };\n window.roamjs.loaded.add(extensionId);\n window.roamjs.version[extensionId] = getRoamJSVersionEnv();\n\n registry.elements.push(\n addStyle(\n `.bp3-button:focus {\n outline-width: 2px;\n }`,\n \"roamjs-default\"\n )\n );\n\n try {\n const result = run?.(args);\n Promise.resolve(result).then((res) => {\n if (typeof res === \"function\") {\n unload = res;\n } else if (typeof res === \"object\") {\n const { unload: resUnload, ...registry } = res;\n register(registry);\n unload = resUnload;\n }\n const globalApi = window.roamjs.extension[extensionId];\n if (getNodeEnv() === \"development\") {\n if (globalApi) globalApi.extensionAPI = args.extensionAPI;\n else\n window.roamjs.extension[extensionId] = {\n extensionAPI: args.extensionAPI,\n };\n }\n document.body.dispatchEvent(new Event(`roamjs:${extensionId}:loaded`));\n });\n } catch (e) {\n const error = e as Error;\n apiPost({\n domain: \"https://api.samepage.network\",\n path: \"errors\",\n data: {\n method: \"extension-error\",\n type: \"RoamJS Extension Failed to Load\",\n data: {\n extensionId,\n settings: args.extensionAPI.settings.getAll(),\n roamDepotVersion: args.extension.version,\n },\n message: error.message,\n stack: error.stack,\n version: process.env.VERSION,\n },\n }).catch(() => {});\n }\n };\n\n const onunload = () => {\n registry.elements.forEach((e) => e.remove());\n registry.reactRoots.forEach((e) => {\n ReactDOM.unmountComponentAtNode(e);\n e.remove();\n });\n registry.observers.forEach((e) => e.disconnect());\n registry.domListeners.forEach((e) =>\n e.el.removeEventListener(e.type, e.listener)\n );\n registry.commands.forEach((label) =>\n window.roamAlphaAPI.ui.commandPalette.removeCommand({ label })\n );\n registry.timeouts.forEach((e) => window.clearTimeout(e.timeout));\n\n delete window.roamjs?.extension[extensionId];\n delete window.roamjs?.version[extensionId];\n window.roamjs?.loaded.delete(extensionId);\n if (!window.roamjs?.loaded.size) {\n document.getElementById(\"roamjs-default\")?.remove();\n }\n unload?.();\n };\n return {\n onload,\n onunload,\n };\n};\n\nexport default runExtension;\n"]}