roamjs-components 0.40.1 → 0.40.5

package/dom/createBlockObserver.d.ts

@@ -1,2 +1,7 @@
-declare const createBlockObserver: (blockCallback: (b: HTMLDivElement) => void, blockRefCallback?: ((b: HTMLSpanElement) => void) | undefined) => MutationObserver[];
+declare const createBlockObserver: (blockCallbackOrConfig: {
+    onBlockLoad?: ((b: HTMLDivElement) => void) | undefined;
+    onBlockUnload?: ((b: HTMLDivElement) => void) | undefined;
+    onBlockRefLoad?: ((b: HTMLSpanElement) => void) | undefined;
+    onBlockRefUnload?: ((b: HTMLSpanElement) => void) | undefined;
+} | ((b: HTMLDivElement) => void), blockRefCallback?: ((b: HTMLSpanElement) => void) | undefined) => MutationObserver[];
 export default createBlockObserver;

package/dom/createBlockObserver.js

@@ -1,16 +1,39 @@
 import createHTMLObserver from "./createHTMLObserver";
-const createBlockObserver = (blockCallback, blockRefCallback) => {
+const createBlockObserver = (blockCallbackOrConfig, blockRefCallback) => {
     const blockObserver = createHTMLObserver({
-        callback: (e) => blockCallback(e),
+        callback: (e) => {
+            var _a;
+            return typeof blockCallbackOrConfig === "function"
+                ? blockCallbackOrConfig(e)
+                : (_a = blockCallbackOrConfig.onBlockLoad) === null || _a === void 0 ? void 0 : _a.call(blockCallbackOrConfig, e);
+        },
+        removeCallback: (e) => {
+            var _a;
+            return typeof blockCallbackOrConfig === "object" &&
+                ((_a = blockCallbackOrConfig.onBlockUnload) === null || _a === void 0 ? void 0 : _a.call(blockCallbackOrConfig, e));
+        },
         tag: "DIV",
         className: "roam-block",
     });
     if (blockRefCallback) {
-        return [blockObserver, createHTMLObserver({
-                callback: blockRefCallback,
+        return [
+            blockObserver,
+            createHTMLObserver({
+                callback: (e) => {
+                    var _a;
+                    return typeof blockCallbackOrConfig === "object"
+                        ? (_a = blockCallbackOrConfig.onBlockRefLoad) === null || _a === void 0 ? void 0 : _a.call(blockCallbackOrConfig, e)
+                        : blockRefCallback === null || blockRefCallback === void 0 ? void 0 : blockRefCallback(e);
+                },
+                removeCallback: (e) => {
+                    var _a;
+                    return typeof blockCallbackOrConfig === "object" &&
+                        ((_a = blockCallbackOrConfig.onBlockRefUnload) === null || _a === void 0 ? void 0 : _a.call(blockCallbackOrConfig, e));
+                },
                 tag: "SPAN",
                 className: "rm-block-ref",
-            })];
+            }),
+        ];
     }
     return [blockObserver];
 };

package/dom/createBlockObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"createBlockObserver.js","sourceRoot":"","sources":["../src/dom/createBlockObserver.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,mBAAmB,GAAG,CAC1B,aAA0C,EAC1C,gBAA+C,EAC3B,EAAE;IACtB,MAAM,aAAa,GAAG,kBAAkB,CAAC;QACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAmB,CAAC;QACnD,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,YAAY;KACxB,CAAC,CAAC;IACH,IAAI,gBAAgB,EAAE;QACpB,OAAO,CAAC,aAAa,EAAE,kBAAkB,CAAC;gBACxC,QAAQ,EAAE,gBAAgB;gBAC1B,GAAG,EAAE,MAAM;gBACX,SAAS,EAAE,cAAc;aAC1B,CAAC,CAAC,CAAC;KACL;IACD,OAAO,CAAC,aAAa,CAAC,CAAA;AACxB,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"createBlockObserver.js","sourceRoot":"","sources":["../src/dom/createBlockObserver.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,mBAAmB,GAAG,CAC1B,qBAOK,EACL,gBAA+C,EAC3B,EAAE;IACtB,MAAM,aAAa,GAAG,kBAAkB,CAAC;QACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;;YACd,OAAA,OAAO,qBAAqB,KAAK,UAAU;gBACzC,CAAC,CAAC,qBAAqB,CAAC,CAAmB,CAAC;gBAC5C,CAAC,CAAC,MAAA,qBAAqB,CAAC,WAAW,+CAAjC,qBAAqB,EAAe,CAAmB,CAAC,CAAA;SAAA;QAC9D,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;;YACpB,OAAA,OAAO,qBAAqB,KAAK,QAAQ;iBACzC,MAAA,qBAAqB,CAAC,aAAa,+CAAnC,qBAAqB,EAAiB,CAAmB,CAAC,CAAA,CAAA;SAAA;QAC5D,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,YAAY;KACxB,CAAC,CAAC;IACH,IAAI,gBAAgB,EAAE;QACpB,OAAO;YACL,aAAa;YACb,kBAAkB,CAAC;gBACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;;oBACd,OAAA,OAAO,qBAAqB,KAAK,QAAQ;wBACvC,CAAC,CAAC,MAAA,qBAAqB,CAAC,cAAc,+CAApC,qBAAqB,EAAkB,CAAoB,CAAC;wBAC9D,CAAC,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,CAAoB,CAAC,CAAA;iBAAA;gBAC9C,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;;oBACpB,OAAA,OAAO,qBAAqB,KAAK,QAAQ;yBACzC,MAAA,qBAAqB,CAAC,gBAAgB,+CAAtC,qBAAqB,EAAoB,CAAoB,CAAC,CAAA,CAAA;iBAAA;gBAChE,GAAG,EAAE,MAAM;gBACX,SAAS,EAAE,cAAc;aAC1B,CAAC;SACH,CAAC;KACH;IACD,OAAO,CAAC,aAAa,CAAC,CAAC;AACzB,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dom/createHTMLObserver.js

@@ -1,26 +1,28 @@
 import createObserver from "./createObserver";
 import createOverlayObserver from "./createOverlayObserver";
-import getMutatedNodes from "./getMutatedNodes";
 const createHTMLObserver = ({ callback, tag, className, removeCallback, useBody, }) => {
     const blocks = document.getElementsByClassName(className);
     Array.from(blocks).forEach(callback);
+    const isNode = (d) => d.nodeName === tag &&
+        Array.from(d.classList).includes(className);
     return (useBody ? createOverlayObserver : createObserver)((ms) => {
-        const addedNodes = getMutatedNodes({
-            ms,
-            nodeList: "addedNodes",
-            tag,
-            className,
-        });
-        addedNodes.map((n) => n).forEach(callback);
-        if (removeCallback) {
-            const removedNodes = getMutatedNodes({
-                ms,
-                nodeList: "removedNodes",
-                tag,
-                className,
-            });
-            removedNodes.map((n) => n).forEach(removeCallback);
-        }
+        const nodes = ms.flatMap((m) => [
+            ...Array.from(m.addedNodes)
+                .filter((d) => isNode(d) || d.hasChildNodes())
+                .flatMap((d) => isNode(d)
+                ? [d]
+                : Array.from(d.getElementsByClassName(className)))
+                .map((node) => ({ node, added: true })),
+            ...Array.from(m.removedNodes)
+                .filter((d) => isNode(d) || d.hasChildNodes())
+                .flatMap((d) => isNode(d)
+                ? [d]
+                : Array.from(d.getElementsByClassName(className)))
+                .map((node) => ({ node, added: false })),
+        ]);
+        nodes.forEach((b) => b.added
+            ? callback(b.node)
+            : removeCallback === null || removeCallback === void 0 ? void 0 : removeCallback(b.node));
     });
 };
 export default createHTMLObserver;

package/dom/createHTMLObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHTMLObserver.js","sourceRoot":"","sources":["../src/dom/createHTMLObserver.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,GAAG,EACH,SAAS,EACT,cAAc,EACd,OAAO,GAOR,EAAoB,EAAE;IACrB,MAAM,MAAM,GAAG,QAAQ,CAAC,sBAAsB,CAC5C,SAAS,CACuB,CAAC;IACnC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACrC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE;QAC/D,MAAM,UAAU,GAAG,eAAe,CAAC;YACjC,EAAE;YACF,QAAQ,EAAE,YAAY;YACtB,GAAG;YACH,SAAS;SACV,CAAC,CAAC;QACH,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAgB,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC1D,IAAI,cAAc,EAAE;YAClB,MAAM,YAAY,GAAG,eAAe,CAAC;gBACnC,EAAE;gBACF,QAAQ,EAAE,cAAc;gBACxB,GAAG;gBACH,SAAS;aACV,CAAC,CAAC;YACH,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAgB,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;SACnE;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"createHTMLObserver.js","sourceRoot":"","sources":["../src/dom/createHTMLObserver.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,GAAG,EACH,SAAS,EACT,cAAc,EACd,OAAO,GAOR,EAAoB,EAAE;IACrB,MAAM,MAAM,GAAG,QAAQ,CAAC,sBAAsB,CAC5C,SAAS,CACuB,CAAC;IACnC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,CAAC,CAAO,EAAE,EAAE,CACzB,CAAC,CAAC,QAAQ,KAAK,GAAG;QAClB,KAAK,CAAC,IAAI,CAAE,CAAiB,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC/D,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE;QAC/D,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAC9B,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;iBACxB,MAAM,CAAC,CAAC,CAAO,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,CAAC;iBACnD,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CACb,MAAM,CAAC,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,KAAK,CAAC,IAAI,CAAE,CAAiB,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CACrE;iBACA,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YACzC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;iBAC1B,MAAM,CAAC,CAAC,CAAO,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,CAAC;iBACnD,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CACb,MAAM,CAAC,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,KAAK,CAAC,IAAI,CAAE,CAAiB,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CACrE;iBACA,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;SAC3C,CAAC,CAAC;QACH,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAClB,CAAC,CAAC,KAAK;YACL,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAmB,CAAC;YACjC,CAAC,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,CAAC,IAAmB,CAAC,CAC5C,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "roamjs-components",
   "description": "Description for roamjs-components",
-  "version": "0.40.1",
+  "version": "0.40.5",
   "main": "index.js",
   "types": "index.d.ts",
   "scripts": {

package/types/index.d.ts

@@ -32,12 +32,21 @@ export declare type PullBlock = {
     ":block/children"?: {
         ":db/id": number;
     }[];
+    ":block/refs"?: {
+        ":db/id": number;
+    }[];
     ":block/string"?: string;
     ":block/order"?: number;
     ":block/uid"?: string;
     ":block/heading"?: number;
     ":block/open"?: boolean;
     ":block/text-align"?: TextAlignment;
+    ":block/page"?: {
+        ":db/id": number;
+    };
+    ":block/parents"?: {
+        ":db/id": number;
+    }[];
     ":children/view-type"?: `:${ViewType}`;
     ":edit/time"?: number;
     ":block/props"?: {
@@ -56,6 +65,7 @@ export declare type PullBlock = {
             };
         };
     };
+    ":db/id"?: number;
 };
 export declare type RoamPullResult = RoamPull | null;
 export declare type ViewType = "document" | "bullet" | "numbered";