roamjs-components 0.79.2 → 0.79.3
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.
- package/components/Filter.js +4 -8
- package/components/Filter.js.map +1 -1
- package/package.json +1 -1
- package/types/index.d.ts +3 -1
- package/types/index.js.map +1 -1
package/components/Filter.js
CHANGED
|
@@ -50,11 +50,9 @@ const Filter = ({ data, initialValue, onChange, renderButtonText = (s) => s ? s.
|
|
|
50
50
|
padding: "8px 0px",
|
|
51
51
|
fontSize: "0.8em",
|
|
52
52
|
color: "rgb(167, 182, 194)",
|
|
53
|
-
} }, Object.
|
|
53
|
+
} }, Object.values(filters.includes).every((v) => v.size === 0)
|
|
54
54
|
? includeHelpMessage
|
|
55
|
-
: Object.
|
|
56
|
-
.filter((n) => filters.includes[key].has(n))
|
|
57
|
-
.map((n, i) => (react_1.default.createElement("div", { style: {
|
|
55
|
+
: Object.entries(filters.includes).flatMap(([key, col]) => Array.from(col).map((n, i) => (react_1.default.createElement("div", { style: {
|
|
58
56
|
position: "relative",
|
|
59
57
|
display: "inline-block",
|
|
60
58
|
}, key: `${n.toString()}-${i}` },
|
|
@@ -85,11 +83,9 @@ const Filter = ({ data, initialValue, onChange, renderButtonText = (s) => s ? s.
|
|
|
85
83
|
padding: "8px 0px",
|
|
86
84
|
fontSize: "0.8em",
|
|
87
85
|
color: "rgb(167, 182, 194)",
|
|
88
|
-
} }, Object.
|
|
86
|
+
} }, Object.values(filters.excludes).every((v) => v.size === 0)
|
|
89
87
|
? excludeHelpMessage
|
|
90
|
-
: Object.
|
|
91
|
-
.filter((n) => filters.excludes[key].has(n))
|
|
92
|
-
.map((n, i) => (react_1.default.createElement("div", { style: {
|
|
88
|
+
: Object.entries(filters.excludes).flatMap(([key, col]) => Array.from(col).map((n, i) => (react_1.default.createElement("div", { style: {
|
|
93
89
|
position: "relative",
|
|
94
90
|
display: "inline-block",
|
|
95
91
|
}, key: `${n.toString()}-${i}` },
|
package/components/Filter.js.map
CHANGED
|
@@ -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.keys(filters.includes).every(\n (k) => filters.includes[k].size === 0\n )\n ? includeHelpMessage\n : Object.keys(data).flatMap((key) =>\n data[key]\n .filter((n) => filters.includes[key].has(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={() => {\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.keys(filters.excludes).every(\n (k) => filters.excludes[k].size === 0\n )\n ? excludeHelpMessage\n : Object.keys(data).flatMap((key) =>\n data[key]\n .filter((n) => filters.excludes[key].has(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={() => {\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 } 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"]}
|
package/package.json
CHANGED
package/types/index.d.ts
CHANGED
|
@@ -69,7 +69,9 @@ declare global {
|
|
|
69
69
|
dateToPageTitle: (date: Date) => string;
|
|
70
70
|
dateToPageUid: (date: Date) => string;
|
|
71
71
|
pageTitleToDate: (title: string) => Date | null;
|
|
72
|
-
uploadFile: (
|
|
72
|
+
uploadFile: (args: {
|
|
73
|
+
file: File;
|
|
74
|
+
}) => string;
|
|
73
75
|
};
|
|
74
76
|
data: {
|
|
75
77
|
addPullWatch: AddPullWatch;
|
package/types/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;AAcA,mDAAyB","sourcesContent":["import {\n AddPullWatch,\n PullBlock,\n SidebarAction,\n SidebarWindow,\n SidebarWindowInput,\n WriteAction,\n} from \"./native\";\nimport { RunQuery, ListActiveQueries } from \"./query-builder\";\nimport { RegisterCommand, UnregisterCommand } from \"./smartblocks\";\nimport type marked from \"marked\";\nimport type Markdown from \"marked-react\";\nimport type JSZip from \"jszip\";\nimport type cytoscape from \"cytoscape\";\nexport * from \"./native\";\n\nexport type Registry = {\n elements: HTMLElement[];\n reactRoots: HTMLElement[];\n observers: MutationObserver[];\n domListeners: (\n | {\n el: Window;\n type: keyof WindowEventMap;\n listener: (\n this: Window,\n ev: WindowEventMap[keyof WindowEventMap]\n ) => void;\n }\n | {\n el: Document;\n type: keyof DocumentEventMap;\n listener: (\n this: Document,\n ev: DocumentEventMap[keyof DocumentEventMap]\n ) => void;\n }\n | {\n el: HTMLElement;\n type: keyof HTMLElementEventMap | `roamjs:${string}`;\n listener: (\n this: HTMLElement,\n ev: HTMLElementEventMap[keyof HTMLElementEventMap]\n ) => void;\n }\n )[];\n commands: string[];\n timeouts: { timeout: number }[];\n};\n\ndeclare global {\n interface Window {\n // TODO remove\n RoamLazy?: {\n JSZip: () => Promise<typeof JSZip>;\n Marked: () => Promise<typeof marked>;\n MarkedReact: () => Promise<typeof Markdown>;\n Cytoscape: () => Promise<typeof cytoscape>;\n Insect: () => Promise<{\n // insect uses purescript instead of typescript -.-\n commands: string[];\n fmtConsole: (M: unknown) => unknown;\n fmtJqueryTerminal: (M: unknown) => unknown;\n fmtPlain: (M: unknown) => unknown;\n functions: (M: unknown) => unknown;\n identifiers: (M: unknown) => unknown;\n initialEnvironment: { values: unknown; functions: unknown };\n repl: (\n fmt: (M: unknown) => unknown\n ) => (env: {\n values: unknown;\n functions: unknown;\n }) => (s: string) => { msg: string };\n }>;\n };\n // END TODO remove\n\n roamAlphaAPI: {\n q: (query: string, ...params: unknown[]) => unknown[][];\n pull: (\n selector: string,\n id: number | string | [string, string]\n ) => PullBlock;\n createBlock: WriteAction;\n updateBlock: WriteAction;\n createPage: WriteAction;\n moveBlock: WriteAction;\n deleteBlock: WriteAction;\n updatePage: WriteAction;\n deletePage: WriteAction;\n util: {\n generateUID: () => string;\n dateToPageTitle: (date: Date) => string;\n dateToPageUid: (date: Date) => string;\n pageTitleToDate: (title: string) => Date | null;\n uploadFile: (args: { file: File }) => string;\n };\n data: {\n addPullWatch: AddPullWatch;\n block: {\n create: WriteAction;\n update: WriteAction;\n move: WriteAction;\n delete: WriteAction;\n };\n fast: {\n q: (query: string, ...params: unknown[]) => unknown[][];\n };\n page: {\n create: WriteAction;\n update: WriteAction;\n delete: WriteAction;\n };\n pull: (\n selector: string,\n id: number | string | [string, string]\n ) => PullBlock;\n pull_many: (pattern: string, eid: string[][]) => PullBlock[];\n q: (query: string, ...params: unknown[]) => unknown[][];\n removePullWatch: (\n pullPattern: string,\n entityId: string,\n callback: (before: PullBlock, after: PullBlock) => void\n ) => boolean;\n redo: () => void;\n undo: () => void;\n user: {\n upsert: () => void;\n };\n };\n ui: {\n leftSidebar: {\n open: () => Promise<void>;\n close: () => Promise<void>;\n };\n rightSidebar: {\n open: () => Promise<void>;\n close: () => Promise<void>;\n getWindows: () => SidebarWindow[];\n addWindow: SidebarAction;\n setWindowOrder: (action: {\n window: SidebarWindowInput & { order: number };\n }) => Promise<void>;\n collapseWindow: SidebarAction;\n pinWindow: SidebarAction;\n expandWindow: SidebarAction;\n removeWindow: SidebarAction;\n unpinWindow: SidebarAction;\n };\n commandPalette: {\n addCommand: (action: {\n label: string;\n callback: () => void;\n }) => Promise<void>;\n removeCommand: (action: { label: string }) => Promise<void>;\n };\n blockContextMenu: {\n addCommand: (action: {\n label: string;\n callback: (props: {\n \"block-string\": string;\n \"block-uid\": string;\n heading: 0 | 1 | 2 | 3 | null;\n \"page-uid\": string;\n \"read-only?\": boolean;\n \"window-id\": string;\n }) => void;\n }) => void;\n removeCommand: (action: { label: string }) => void;\n };\n getFocusedBlock: () => null | {\n \"window-id\": string;\n \"block-uid\": string;\n };\n components: {\n renderBlock: (args: {\n uid: string;\n el: HTMLElement;\n zoomPath?: boolean;\n }) => null;\n renderPage: (args: {\n uid: string;\n el: HTMLElement;\n hideMentions?: boolean;\n }) => null;\n };\n mainWindow: {\n focusFirstBlock: () => Promise<void>;\n openBlock: (p: { block: { uid: string } }) => Promise<void>;\n openPage: (p: {\n page: { uid: string } | { title: string };\n }) => Promise<void>;\n getOpenPageOrBlockUid: () => Promise<string | null>;\n openDailyNotes: () => Promise<void>;\n };\n setBlockFocusAndSelection: (a: {\n location?: { \"block-uid\": string; \"window-id\": string };\n selection?: { start: number; end?: number };\n }) => Promise<void>;\n };\n platform: {\n isDesktop: boolean;\n isIOS: boolean;\n isMobile: boolean;\n isMobileApp: boolean;\n isPC: boolean;\n isTouchDevice: boolean;\n };\n graph: {\n name: string;\n type: \"hosted\" | \"offline\";\n isEncrypted: boolean;\n };\n };\n\n // roamjs namespace should only be used for methods that must be accessed across extension scripts\n roamjs: {\n loaded: Set<string>;\n extension: {\n queryBuilder?: {\n runQuery: RunQuery;\n listActiveQueries: ListActiveQueries;\n };\n smartblocks?: {\n registerCommand: RegisterCommand;\n unregisterCommand: UnregisterCommand;\n triggerSmartblock: (args: {\n srcName?: string;\n srcUid?: string;\n targetName?: string;\n targetUid?: string;\n variables?: Record<string, string>;\n }) => Promise<unknown>;\n };\n [id: string]: Record<string, unknown> | undefined;\n };\n version: { [id: string]: string };\n actions: Record<string, number>;\n };\n }\n}\n"]}
|