roamjs-components 0.86.0-alpha → 0.86.0-alpha.3

package/components/ProgressDialog.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = exports.ID = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const createOverlayRender_1 = tslib_1.__importDefault(require("../util/createOverlayRender"));
+exports.ID = "roamjs-progress-dialog-root";
+const ProgressDialog = (_a) => {
+    var { onClose } = _a, props = tslib_1.__rest(_a, ["onClose"]);
+    const [maxTimeout, setMaxtimeout] = (0, react_1.useState)(props.timeout);
+    const [now, setNow] = (0, react_1.useState)(new Date());
+    const onId = (0, react_1.useCallback)((props) => {
+        window.roamjs.actions[props.id] = props.timeout;
+        setMaxtimeout(props.timeout);
+    }, [setMaxtimeout]);
+    (0, react_1.useEffect)(() => {
+        const element = document.getElementById(exports.ID);
+        if (element) {
+            element.addEventListener("log", ((e) => {
+                onId(e.detail);
+            }));
+            onId(props);
+        }
+        const interval = setInterval(() => setNow(new Date()), 1000);
+        return () => clearInterval(interval);
+    }, [onId, setTimeout, props]);
+    const numActions = Object.keys(window.roamjs.actions).length;
+    (0, react_1.useEffect)(() => {
+        if (numActions === 0)
+            onClose();
+    }, [numActions]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("style", null, `.roamjs-progress-dialog {
+  right: 8px;
+  margin: 0;
+  position: absolute;
+  bottom: 8px;
+}
+.roamjs-progress-dialog-portal .bp3-dialog-container,
+.roamjs-progress-dialog-portal .bp3-overlay {
+  pointer-events: none;
+}
+.roamjs-progress-dialog-portal .bp3-overlay-backdrop {
+  display: none;
+}`),
+        react_1.default.createElement(core_1.Dialog, { isOpen: true, onClose: onClose, portalClassName: "roamjs-progress-dialog-portal", className: "roamjs-progress-dialog", canOutsideClickClose: false, canEscapeKeyClose: false, hasBackdrop: false, enforceFocus: false },
+            react_1.default.createElement("div", { style: { padding: 16 } },
+                react_1.default.createElement("h4", null, "Performing Writes to Roam..."),
+                react_1.default.createElement("p", null,
+                    "Still have ",
+                    react_1.default.createElement("b", null, Object.keys(window.roamjs.actions).length),
+                    " ",
+                    "actions to write. Expected to finish the last one in",
+                    " ",
+                    Math.ceil((maxTimeout - now.valueOf()) / 1000),
+                    " seconds...")))));
+};
+exports.render = (0, createOverlayRender_1.default)("progress-dialog", ProgressDialog);
+exports.default = ProgressDialog;
+//# sourceMappingURL=ProgressDialog.js.map

package/components/ProgressDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressDialog.js","sourceRoot":"","sources":["../../src/components/ProgressDialog.tsx"],"names":[],"mappings":";;;;AAAA,4CAA2C;AAC3C,uDAAgE;AAChE,8FAA8D;AAOjD,QAAA,EAAE,GAAG,6BAA6B,CAAC;AAEhD,MAAM,cAAc,GAAG,CAAC,EAKf,EAAE,EAAE;QALW,EACtB,OAAO,OAIA,EAHJ,KAAK,sBAFc,WAGvB,CADS;IAIR,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,IAAA,mBAAW,EACtB,CAAC,KAAY,EAAE,EAAE;QACf,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;QAChD,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAE,CAAC,CAAC;QAC5C,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAc,EAAE,EAAE;gBAClD,IAAI,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC;YAC1B,CAAC,CAAkB,CAAC,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,CAAC;SACb;QACD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7D,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IAC7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,OAAO,CACL;QACE,6CAAQ;;;;;;;;;;;;EAYZ,CAAS;QACL,8BAAC,aAAM,IACL,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,+BAA+B,EAChD,SAAS,EAAE,wBAAwB,EACnC,oBAAoB,EAAE,KAAK,EAC3B,iBAAiB,EAAE,KAAK,EACxB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK;YAEnB,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBACzB,yEAAqC;gBACrC;;oBACa,yCAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAK;oBAAC,GAAG;;oBACZ,GAAG;oBACvD,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC;kCAC7C,CACA,CACC,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,6BAAmB,EACvC,iBAAiB,EACjB,cAAc,CACf,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import { Dialog } from \"@blueprintjs/core\";\nimport React, { useState, useEffect, useCallback } from \"react\";\nimport createOverlayRender from \"../util/createOverlayRender\";\n\ntype Props = {\n  id: string;\n  timeout: number;\n};\n\nexport const ID = \"roamjs-progress-dialog-root\";\n\nconst ProgressDialog = ({\n  onClose,\n  ...props\n}: {\n  onClose: () => void;\n} & Props) => {\n  const [maxTimeout, setMaxtimeout] = useState(props.timeout);\n  const [now, setNow] = useState(new Date());\n  const onId = useCallback(\n    (props: Props) => {\n      window.roamjs.actions[props.id] = props.timeout;\n      setMaxtimeout(props.timeout);\n    },\n    [setMaxtimeout]\n  );\n  useEffect(() => {\n    const element = document.getElementById(ID);\n    if (element) {\n      element.addEventListener(\"log\", ((e: CustomEvent) => {\n        onId(e.detail as Props);\n      }) as EventListener);\n      onId(props);\n    }\n    const interval = setInterval(() => setNow(new Date()), 1000);\n    return () => clearInterval(interval);\n  }, [onId, setTimeout, props]);\n  const numActions = Object.keys(window.roamjs.actions).length;\n  useEffect(() => {\n    if (numActions === 0) onClose();\n  }, [numActions]);\n  return (\n    <>\n      <style>{`.roamjs-progress-dialog {\n  right: 8px;\n  margin: 0;\n  position: absolute;\n  bottom: 8px;\n}\n.roamjs-progress-dialog-portal .bp3-dialog-container,\n.roamjs-progress-dialog-portal .bp3-overlay {\n  pointer-events: none;\n}\n.roamjs-progress-dialog-portal .bp3-overlay-backdrop {\n  display: none;\n}`}</style>\n      <Dialog\n        isOpen={true}\n        onClose={onClose}\n        portalClassName={\"roamjs-progress-dialog-portal\"}\n        className={\"roamjs-progress-dialog\"}\n        canOutsideClickClose={false}\n        canEscapeKeyClose={false}\n        hasBackdrop={false}\n        enforceFocus={false}\n      >\n        <div style={{ padding: 16 }}>\n          <h4>Performing Writes to Roam...</h4>\n          <p>\n            Still have <b>{Object.keys(window.roamjs.actions).length}</b>{\" \"}\n            actions to write. Expected to finish the last one in{\" \"}\n            {Math.ceil((maxTimeout - now.valueOf()) / 1000)} seconds...\n          </p>\n        </div>\n      </Dialog>\n    </>\n  );\n};\n\nexport const render = createOverlayRender<Props>(\n  \"progress-dialog\",\n  ProgressDialog\n);\n\nexport default ProgressDialog;\n"]}

package/components/SimpleAlert.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type Marked from "marked-react";
+declare type Props = {
+    content: string;
+    onConfirm?: () => void;
+    confirmText?: string;
+    onCancel?: (() => void) | true;
+    externalLink?: boolean;
+    dontShowAgain?: string;
+};
+declare const SimpleAlert: (Markdown: typeof Marked) => ({ onClose, content, onConfirm, onCancel, externalLink, confirmText, dontShowAgain, }: Props & {
+    onClose: () => void;
+}) => React.ReactElement;
+export declare const render: (props: Props) => Promise<(() => void) | undefined>;
+export default SimpleAlert;

package/components/SimpleAlert.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const core_1 = require("@blueprintjs/core");
+const createOverlayRender_1 = tslib_1.__importDefault(require("../util/createOverlayRender"));
+const createBlock_1 = tslib_1.__importDefault(require("../writes/createBlock"));
+const SimpleAlert = (Markdown) => ({ onClose, content, onConfirm, onCancel, externalLink, confirmText = "Ok", dontShowAgain, }) => {
+    const alertOnClose = (0, react_1.useCallback)((confirmed) => {
+        onClose();
+        if (!confirmed && typeof onCancel === "function")
+            onCancel();
+    }, [onCancel, onClose]);
+    const cancelProps = onCancel
+        ? {
+            cancelButtonText: "Cancel",
+            canOutsideClickCancel: true,
+            canEscapeKeyCancel: true,
+        }
+        : {};
+    const [checked, setChecked] = (0, react_1.useState)(false);
+    const alerOnConfirm = (0, react_1.useCallback)(() => {
+        (checked && dontShowAgain
+            ? (0, createBlock_1.default)({
+                parentUid: dontShowAgain,
+                node: { text: "Do not show again" },
+            })
+            : Promise.resolve()).then(onConfirm);
+    }, [onConfirm, checked, dontShowAgain]);
+    return (react_1.default.createElement(core_1.Alert, Object.assign({ isOpen: true, onClose: alertOnClose, onConfirm: alerOnConfirm, confirmButtonText: confirmText, 
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        autoFocus: false }, cancelProps),
+        react_1.default.createElement("div", { className: core_1.Classes.ALERT_CONTENTS, style: { whiteSpace: "pre-wrap" } },
+            react_1.default.createElement(Markdown, { renderer: externalLink
+                    ? {
+                        link: (href, text) => (react_1.default.createElement("a", { href: href, rel: "noreferrer", target: "_blank" }, text)),
+                    }
+                    : {} }, content),
+            dontShowAgain && (react_1.default.createElement(core_1.Checkbox, { checked: checked, label: "Don't show again", onChange: (e) => setChecked(e.target.checked) })))));
+};
+const render = (props) => (window.RoamLazy
+    ? window.RoamLazy.MarkedReact()
+    : Promise.resolve().then(() => tslib_1.__importStar(require("marked-react"))).then((r) => r.default)).then((Markdown) => (0, createOverlayRender_1.default)("simple-alert", SimpleAlert(Markdown))(props));
+exports.render = render;
+exports.default = SimpleAlert;
+//# sourceMappingURL=SimpleAlert.js.map

package/components/SimpleAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleAlert.js","sourceRoot":"","sources":["../../src/components/SimpleAlert.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqD;AACrD,4CAA6D;AAC7D,8FAA8D;AAE9D,gFAAgD;AAWhD,MAAM,WAAW,GACf,CAAC,QAAuB,EAAE,EAAE,CAC5B,CAAC,EACC,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,WAAW,GAAG,IAAI,EAClB,aAAa,GACmB,EAAsB,EAAE;IACxD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,SAAkB,EAAE,EAAE;QACrB,OAAO,EAAE,CAAC;QACV,IAAI,CAAC,SAAS,IAAI,OAAO,QAAQ,KAAK,UAAU;YAAE,QAAQ,EAAE,CAAC;IAC/D,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IACF,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC;YACE,gBAAgB,EAAE,QAAQ;YAC1B,qBAAqB,EAAE,IAAI;YAC3B,kBAAkB,EAAE,IAAI;SACzB;QACH,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,CAAC,OAAO,IAAI,aAAa;YACvB,CAAC,CAAC,IAAA,qBAAW,EAAC;gBACV,SAAS,EAAE,aAAa;gBACxB,IAAI,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;aACpC,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,CACpB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IACxC,OAAO,CACL,8BAAC,YAAK,kBACJ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,aAAa,EACxB,iBAAiB,EAAE,WAAW;QAC9B,6DAA6D;QAC7D,aAAa;QACb,SAAS,EAAE,KAAK,IACZ,WAAW;QAEf,uCACE,SAAS,EAAE,cAAO,CAAC,cAAc,EACjC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE;YAEjC,8BAAC,QAAQ,IACP,QAAQ,EACN,YAAY;oBACV,CAAC,CAAC;wBACE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CACpB,qCAAG,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,IAC/C,IAAI,CACH,CACL;qBACF;oBACH,CAAC,CAAC,EAAE,IAGP,OAAO,CACC;YACV,aAAa,IAAI,CAChB,8BAAC,eAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,UAAU,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC,GAEpD,CACH,CACG,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEG,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE,CACrC,CAAC,MAAM,CAAC,QAAQ;IACd,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE;IAC/B,CAAC,CAAC,0DAAO,cAAc,IAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAChD,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAClB,IAAA,6BAAmB,EAAQ,cAAc,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CACzE,CAAC;AANS,QAAA,MAAM,UAMf;AAEJ,kBAAe,WAAW,CAAC","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Alert, Checkbox, Classes } from \"@blueprintjs/core\";\nimport createOverlayRender from \"../util/createOverlayRender\";\nimport type Marked from \"marked-react\";\nimport createBlock from \"../writes/createBlock\";\n\ntype Props = {\n  content: string;\n  onConfirm?: () => void;\n  confirmText?: string;\n  onCancel?: (() => void) | true;\n  externalLink?: boolean;\n  dontShowAgain?: string;\n};\n\nconst SimpleAlert =\n  (Markdown: typeof Marked) =>\n  ({\n    onClose,\n    content,\n    onConfirm,\n    onCancel,\n    externalLink,\n    confirmText = \"Ok\",\n    dontShowAgain,\n  }: Props & { onClose: () => void }): React.ReactElement => {\n    const alertOnClose = useCallback(\n      (confirmed: boolean) => {\n        onClose();\n        if (!confirmed && typeof onCancel === \"function\") onCancel();\n      },\n      [onCancel, onClose]\n    );\n    const cancelProps = onCancel\n      ? {\n          cancelButtonText: \"Cancel\",\n          canOutsideClickCancel: true,\n          canEscapeKeyCancel: true,\n        }\n      : {};\n    const [checked, setChecked] = useState(false);\n    const alerOnConfirm = useCallback(() => {\n      (checked && dontShowAgain\n        ? createBlock({\n            parentUid: dontShowAgain,\n            node: { text: \"Do not show again\" },\n          })\n        : Promise.resolve()\n      ).then(onConfirm);\n    }, [onConfirm, checked, dontShowAgain]);\n    return (\n      <Alert\n        isOpen={true}\n        onClose={alertOnClose}\n        onConfirm={alerOnConfirm}\n        confirmButtonText={confirmText}\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        autoFocus={false}\n        {...cancelProps}\n      >\n        <div\n          className={Classes.ALERT_CONTENTS}\n          style={{ whiteSpace: \"pre-wrap\" }}\n        >\n          <Markdown\n            renderer={\n              externalLink\n                ? {\n                    link: (href, text) => (\n                      <a href={href} rel={\"noreferrer\"} target={\"_blank\"}>\n                        {text}\n                      </a>\n                    ),\n                  }\n                : {}\n            }\n          >\n            {content}\n          </Markdown>\n          {dontShowAgain && (\n            <Checkbox\n              checked={checked}\n              label=\"Don't show again\"\n              onChange={(e) =>\n                setChecked((e.target as HTMLInputElement).checked)\n              }\n            />\n          )}\n        </div>\n      </Alert>\n    );\n  };\n\nexport const render = (props: Props) =>\n  (window.RoamLazy\n    ? window.RoamLazy.MarkedReact()\n    : import(\"marked-react\").then((r) => r.default)\n  ).then((Markdown) =>\n    createOverlayRender<Props>(\"simple-alert\", SimpleAlert(Markdown))(props)\n  );\n\nexport default SimpleAlert;\n"]}

package/components/Toast.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Intent, IToastProps, ToasterPosition } from "@blueprintjs/core";
+declare type ToastBaseProps = {
+    content?: React.ReactNode;
+    timeout?: number;
+    intent?: Intent;
+    onDismiss?: IToastProps["onDismiss"];
+    action?: IToastProps["action"];
+};
+declare type ToastProps = {
+    id: string;
+    position?: ToasterPosition;
+} & ToastBaseProps;
+export declare const render: ({ position, ...props }: ToastProps) => (() => void);
+export default render;

package/components/Toast.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const core_1 = require("@blueprintjs/core");
+const render = (_a) => {
+    var { position = "top" } = _a, props = tslib_1.__rest(_a, ["position"]);
+    const className = `roamjs-toast-${position}`;
+    const toasterRoot = document.querySelector(`.bp3-toast-container.${className}`);
+    if (toasterRoot) {
+        toasterRoot.dispatchEvent(new CustomEvent("roamjs-toast", { detail: props }));
+        return () => toasterRoot.remove();
+    }
+    else {
+        const toaster = core_1.Toaster.create({
+            position,
+            className,
+        });
+        // `import(marked-react)` is returning `window.RoamLazy.MarkedReact` instead of the module itself
+        (window.RoamLazy
+            ? window.RoamLazy.MarkedReact()
+            : Promise.resolve().then(() => tslib_1.__importStar(require("marked-react"))).then((r) => r.default)).then((Markdown) => {
+            const Toast = ({ content = "RoamJS Notification", intent = core_1.Intent.PRIMARY, timeout = 5000, onDismiss, action, }) => {
+                const isStringContent = typeof content === "string";
+                return {
+                    message: (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("style", null, `.${className} p { margin-bottom: 0; }`),
+                        isStringContent ? react_1.default.createElement(Markdown, null, content) : content)),
+                    intent,
+                    timeout,
+                    onDismiss,
+                    action,
+                };
+            };
+            toaster.show(Toast(props), props.id);
+            setTimeout(() => {
+                const toasterRoot = document.querySelector(`.bp3-toast-container.${className}`);
+                if (toasterRoot)
+                    toasterRoot.addEventListener("roamjs-toast", ((e) => {
+                        const _a = e.detail, { id } = _a, props = tslib_1.__rest(_a, ["id"]);
+                        toaster.show(Toast(props), id);
+                    }));
+            }, 1);
+        });
+        return () => toaster.dismiss(props.id);
+    }
+};
+exports.render = render;
+exports.default = exports.render;
+//# sourceMappingURL=Toast.js.map

package/components/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,4CAK2B;AAepB,MAAM,MAAM,GAAG,CAAC,EAGV,EAAgB,EAAE;QAHR,EACrB,QAAQ,GAAG,KAAK,OAEL,EADR,KAAK,sBAFa,YAGtB,CADS;IAER,MAAM,SAAS,GAAG,gBAAgB,QAAQ,EAAE,CAAC;IAC7C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CACxC,wBAAwB,SAAS,EAAE,CACpC,CAAC;IACF,IAAI,WAAW,EAAE;QACf,WAAW,CAAC,aAAa,CACvB,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CACnD,CAAC;QACF,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;KACnC;SAAM;QACL,MAAM,OAAO,GAAG,cAAO,CAAC,MAAM,CAAC;YAC7B,QAAQ;YACR,SAAS;SACV,CAAC,CAAC;QAEH,iGAAiG;QACjG,CAAC,MAAM,CAAC,QAAQ;YACd,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE;YAC/B,CAAC,CAAC,0DAAO,cAAc,IAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAChD,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YAClB,MAAM,KAAK,GAAG,CAAC,EACb,OAAO,GAAG,qBAAqB,EAC/B,MAAM,GAAG,aAAM,CAAC,OAAO,EACvB,OAAO,GAAG,IAAI,EACd,SAAS,EACT,MAAM,GACS,EAAE,EAAE;gBACnB,MAAM,eAAe,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC;gBACpD,OAAO;oBACL,OAAO,EAAE,CACP;wBACE,6CAAQ,IAAI,SAAS,0BAA0B,CAAS;wBACvD,eAAe,CAAC,CAAC,CAAC,8BAAC,QAAQ,QAAE,OAAO,CAAY,CAAC,CAAC,CAAC,OAAO,CAC1D,CACJ;oBACD,MAAM;oBACN,OAAO;oBACP,SAAS;oBACT,MAAM;iBACP,CAAC;YACJ,CAAC,CAAC;YACF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;YACrC,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CACxC,wBAAwB,SAAS,EAAE,CACpC,CAAC;gBACF,IAAI,WAAW;oBACb,WAAW,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC,CAAc,EAAE,EAAE;wBAC/D,MACE,KACE,CAAC,OADqB,EAAxB,EAAU,EAAE,OAAY,EAAP,KAAK,sBAAd,MAAgB,CACrB,CAAC;wBACN,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;oBACjC,CAAC,CAAkB,CAAC,CAAC;YACzB,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;KACxC;AACH,CAAC,CAAC;AA7DW,QAAA,MAAM,UA6DjB;AAEF,kBAAe,cAAM,CAAC","sourcesContent":["import React from \"react\";\nimport {\n  Intent,\n  IToastProps,\n  Toaster,\n  ToasterPosition,\n} from \"@blueprintjs/core\";\n\ntype ToastBaseProps = {\n  content?: React.ReactNode;\n  timeout?: number;\n  intent?: Intent;\n  onDismiss?: IToastProps[\"onDismiss\"];\n  action?: IToastProps[\"action\"];\n};\n\ntype ToastProps = {\n  id: string;\n  position?: ToasterPosition;\n} & ToastBaseProps;\n\nexport const render = ({\n  position = \"top\",\n  ...props\n}: ToastProps): (() => void) => {\n  const className = `roamjs-toast-${position}`;\n  const toasterRoot = document.querySelector(\n    `.bp3-toast-container.${className}`\n  );\n  if (toasterRoot) {\n    toasterRoot.dispatchEvent(\n      new CustomEvent(\"roamjs-toast\", { detail: props })\n    );\n    return () => toasterRoot.remove();\n  } else {\n    const toaster = Toaster.create({\n      position,\n      className,\n    });\n\n    // `import(marked-react)` is returning `window.RoamLazy.MarkedReact` instead of the module itself\n    (window.RoamLazy\n      ? window.RoamLazy.MarkedReact()\n      : import(\"marked-react\").then((r) => r.default)\n    ).then((Markdown) => {\n      const Toast = ({\n        content = \"RoamJS Notification\",\n        intent = Intent.PRIMARY,\n        timeout = 5000,\n        onDismiss,\n        action,\n      }: ToastBaseProps) => {\n        const isStringContent = typeof content === \"string\";\n        return {\n          message: (\n            <>\n              <style>{`.${className} p { margin-bottom: 0; }`}</style>\n              {isStringContent ? <Markdown>{content}</Markdown> : content}\n            </>\n          ),\n          intent,\n          timeout,\n          onDismiss,\n          action,\n        };\n      };\n      toaster.show(Toast(props), props.id);\n      setTimeout(() => {\n        const toasterRoot = document.querySelector<HTMLDivElement>(\n          `.bp3-toast-container.${className}`\n        );\n        if (toasterRoot)\n          toasterRoot.addEventListener(\"roamjs-toast\", ((e: CustomEvent) => {\n            const {\n              detail: { id, ...props },\n            } = e;\n            toaster.show(Toast(props), id);\n          }) as EventListener);\n      }, 1);\n    });\n    return () => toaster.dismiss(props.id);\n  }\n};\n\nexport default render;\n"]}

package/components/index.js

@@ -0,0 +1,5 @@
+"use strict";
+throw new Error(`Do not import from roamjs-components/components directly. Instead import the *component* you need directly. For example: 
+  
+import AutocompleteInput from "roamjs-components/util/AutocompleteInput;"`);
+//# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";AAAA,MAAM,IAAI,KAAK,CACb;;0EAEwE,CACzE,CAAC","sourcesContent":["throw new Error(\r\n  `Do not import from roamjs-components/components directly. Instead import the *component* you need directly. For example: \r\n  \r\nimport AutocompleteInput from \"roamjs-components/util/AutocompleteInput;\"`\r\n);\r\n"]}

package/components.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    onload: (args: import("./types").OnloadArgs) => void;
+    onunload: () => void;
+};
+export default _default;

package/components.js

@@ -0,0 +1,202 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const react_1 = tslib_1.__importStar(require("react"));
+const core_1 = require("@blueprintjs/core");
+const AutocompleteInput_1 = tslib_1.__importDefault(require("./components/AutocompleteInput"));
+const FormDialog_1 = tslib_1.__importDefault(require("./components/FormDialog"));
+const PageInput_1 = tslib_1.__importDefault(require("./components/PageInput"));
+const Toast_1 = tslib_1.__importDefault(require("./components/Toast"));
+const renderOverlay_1 = tslib_1.__importDefault(require("./util/renderOverlay"));
+const runExtension_1 = tslib_1.__importDefault(require("./util/runExtension"));
+const writes_1 = require("./writes");
+const MenuItemSelect_1 = tslib_1.__importDefault(require("./components/MenuItemSelect"));
+const TimePanel_1 = tslib_1.__importDefault(require("./components/ConfigPanels/TimePanel"));
+// const blockRender = (Component: React.FC) => {
+//   const block = window.roamAlphaAPI.ui.getFocusedBlock();
+//   const parent = document.getElementById(
+//     `block-input-${block?.["window-id"]}-${block?.["block-uid"]}`
+//   );
+//   ReactDOM.render(<Component />, parent);
+// };
+const unloads = new Set();
+const rootRender = (Component) => {
+    const root = document.querySelector(".roam-article");
+    const parent = document.createElement("div");
+    root === null || root === void 0 ? void 0 : root.insertBefore(parent, root.firstElementChild);
+    react_dom_1.default.render(react_1.default.createElement(Component, null), parent);
+    unloads.add(() => {
+        react_dom_1.default.unmountComponentAtNode(parent);
+        parent.remove();
+    });
+};
+const components = [
+    {
+        callback: () => rootRender(() => {
+            const [value, setValue] = (0, react_1.useState)("");
+            const [filterable, setFilterable] = (0, react_1.useState)(false);
+            const options = (0, react_1.useMemo)(() => ["apple", "banana", "orange"], []);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", null,
+                    "Chosen value: ",
+                    value),
+                react_1.default.createElement(core_1.Checkbox, { checked: filterable, onChange: (e) => setFilterable(e.target.checked), label: "Filterable" }),
+                react_1.default.createElement(MenuItemSelect_1.default, { activeItem: value, items: options, onItemSelect: (item) => setValue(item), filterable: filterable })));
+        }),
+        label: "MenuItemSelect",
+    },
+    {
+        callback: () => rootRender(() => {
+            const [value, setValue] = (0, react_1.useState)("");
+            const [numResults, setNumResults] = (0, react_1.useState)(100);
+            const [disabled, setDisabled] = (0, react_1.useState)(false);
+            const [maxItemsDisplayed, setMaxItemsDisplayed] = (0, react_1.useState)(0);
+            const options = (0, react_1.useMemo)(() => {
+                const items = [];
+                for (let i = 0; i < numResults; i++) {
+                    items.push(Math.random().toString(36).substring(7));
+                }
+                return items;
+            }, [numResults]);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(core_1.Label, null,
+                    "Number of Results",
+                    react_1.default.createElement(core_1.NumericInput, { value: numResults, onValueChange: (e) => setNumResults(e), buttonPosition: "none" })),
+                react_1.default.createElement(core_1.Label, null,
+                    "Max Items Displayed (0 for all)",
+                    react_1.default.createElement(core_1.NumericInput, { value: maxItemsDisplayed, onValueChange: (e) => setMaxItemsDisplayed(e), buttonPosition: "none" })),
+                react_1.default.createElement(core_1.Label, null,
+                    "Chosen value: ",
+                    value),
+                react_1.default.createElement(core_1.Checkbox, { checked: disabled, onChange: (e) => setDisabled(e.target.checked), label: "Disabled" }),
+                react_1.default.createElement(core_1.Label, null,
+                    "Autocomplete",
+                    react_1.default.createElement(AutocompleteInput_1.default, { disabled: disabled, value: value, setValue: setValue, options: options, maxItemsDisplayed: maxItemsDisplayed === 0 ? undefined : maxItemsDisplayed }))));
+        }),
+        label: "AutocompleteInput",
+    },
+    {
+        callback: () => rootRender(() => {
+            const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(core_1.Button, { onClick: () => setIsOpen(true), text: "Open Form" }),
+                react_1.default.createElement(FormDialog_1.default, { isOpen: isOpen, onClose: () => setIsOpen(false), onSubmit: (data) => window.roamAlphaAPI.ui.mainWindow
+                        .getOpenPageOrBlockUid()
+                        .then((parentUid) => (0, writes_1.createBlock)({
+                        parentUid: parentUid ||
+                            window.roamAlphaAPI.util.dateToPageUid(new Date()),
+                        node: {
+                            text: "Response",
+                            children: Object.entries(data).map(([k, v]) => ({
+                                text: k,
+                                children: Array.isArray(v) ? v : [{ text: `${v}` }],
+                            })),
+                        },
+                    })), fields: {
+                        text: { type: "text", label: "Text Field" },
+                        number: { type: "number", label: "Number Field" },
+                        info: { type: "info", label: "Read Only Info Text" },
+                        flag: { type: "flag", label: "Flag Field" },
+                        conditionalText: {
+                            type: "text",
+                            label: "Conditional Text Field",
+                            conditional: "flag",
+                        },
+                        page: { type: "page", label: "Page Field" },
+                        block: { type: "block", label: "Block Field" },
+                        select: {
+                            type: "select",
+                            label: "Select Field",
+                            options: [
+                                "apple",
+                                "banana",
+                                "orange",
+                                "conditional select 1",
+                            ],
+                        },
+                        conditionalSelect: {
+                            type: "text",
+                            label: "Conditional Text Field",
+                            conditional: "select",
+                            conditionalValues: ["conditional select 1"],
+                        },
+                        autocomplete: {
+                            type: "autocomplete",
+                            label: "Autocomplete Field",
+                            options: ["apple", "banana", "orange"],
+                        },
+                        embed: {
+                            type: "embed",
+                            label: "Embed Field",
+                        },
+                    } })));
+        }),
+        label: "FormDialog",
+    },
+    {
+        callback: () => rootRender(() => {
+            const [value, setValue] = (0, react_1.useState)("");
+            const [multiline, setMultiline] = (0, react_1.useState)(false);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(PageInput_1.default, { value: value, setValue: setValue, multiline: multiline }),
+                react_1.default.createElement("input", { className: "ml-8 inline-block", checked: multiline, onChange: (e) => setMultiline(e.target.checked), type: "checkbox" })));
+        }),
+        label: "PageInput",
+    },
+    {
+        callback: () => rootRender(() => {
+            const [value] = (0, react_1.useState)(new Date());
+            const [uid, setUid] = (0, react_1.useState)("");
+            react_1.default.useEffect(() => {
+                const createUid = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                    const currentPageUid = (yield window.roamAlphaAPI.ui.mainWindow.getOpenPageOrBlockUid()) ||
+                        window.roamAlphaAPI.util.dateToPageUid(new Date());
+                    if (!currentPageUid)
+                        throw new Error("No current page uid");
+                    console.log(currentPageUid);
+                    const newUid = yield (0, writes_1.createBlock)({
+                        parentUid: currentPageUid,
+                        node: { text: "time-field" },
+                    });
+                    setUid(newUid);
+                });
+                createUid();
+            }, []);
+            if (!uid)
+                return react_1.default.createElement("div", null, "Loading...");
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", null,
+                    "Selected time: ",
+                    value.toLocaleTimeString()),
+                react_1.default.createElement(TimePanel_1.default, { title: "time-field", uid: uid, parentUid: "test-parent-uid", order: 0, description: "Select a time", defaultValue: value })));
+        }),
+        label: "TimePanel",
+    },
+];
+exports.default = (0, runExtension_1.default)((args) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    components.forEach(({ callback, label }) => {
+        args.extensionAPI.ui.commandPalette.addCommand({
+            label: `Render RoamJS component ${label}`,
+            callback,
+        });
+    });
+    window.roamjs.extension.developer = {
+        components: {
+            AutocompleteInput: AutocompleteInput_1.default,
+            FormDialog: FormDialog_1.default,
+            PageInput: PageInput_1.default,
+            renderToast: Toast_1.default,
+            TimePanel: TimePanel_1.default,
+        },
+        util: {
+            renderOverlay: renderOverlay_1.default,
+            runExtension: runExtension_1.default,
+        },
+        args,
+    };
+    return () => {
+        unloads.forEach((unload) => unload());
+    };
+}));
+//# sourceMappingURL=components.js.map

package/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"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","sourcesContent":["import ReactDOM from \"react-dom\";\nimport React, { useState, useMemo } from \"react\";\nimport { Button, Checkbox, NumericInput, Label } from \"@blueprintjs/core\";\n\nimport AutocompleteInput from \"./components/AutocompleteInput\";\nimport FormDialog from \"./components/FormDialog\";\nimport PageInput from \"./components/PageInput\";\nimport renderToast from \"./components/Toast\";\n\nimport renderOverlay from \"./util/renderOverlay\";\nimport runExtension from \"./util/runExtension\";\n\nimport { createBlock } from \"./writes\";\nimport MenuItemSelect from \"./components/MenuItemSelect\";\nimport TimePanel from \"./components/ConfigPanels/TimePanel\";\n\n// const blockRender = (Component: React.FC) => {\n//   const block = window.roamAlphaAPI.ui.getFocusedBlock();\n//   const parent = document.getElementById(\n//     `block-input-${block?.[\"window-id\"]}-${block?.[\"block-uid\"]}`\n//   );\n//   ReactDOM.render(<Component />, parent);\n// };\n\nconst unloads = new Set<() => void>();\n\nconst rootRender = (Component: React.FC) => {\n  const root = document.querySelector(\".roam-article\");\n  const parent = document.createElement(\"div\");\n  root?.insertBefore(parent, root.firstElementChild);\n  ReactDOM.render(<Component />, parent);\n  unloads.add(() => {\n    ReactDOM.unmountComponentAtNode(parent);\n    parent.remove();\n  });\n};\n\nconst components = [\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [filterable, setFilterable] = useState(false);\n        const options = useMemo(() => [\"apple\", \"banana\", \"orange\"], []);\n        return (\n          <>\n            <div>Chosen value: {value}</div>\n            <Checkbox\n              checked={filterable as boolean}\n              onChange={(e) =>\n                setFilterable((e.target as HTMLInputElement).checked)\n              }\n              label={\"Filterable\"}\n            />\n            <MenuItemSelect\n              activeItem={value}\n              items={options}\n              onItemSelect={(item) => setValue(item)}\n              filterable={filterable}\n            />\n          </>\n        );\n      }),\n    label: \"MenuItemSelect\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [numResults, setNumResults] = useState(100);\n        const [disabled, setDisabled] = useState(false);\n        const [maxItemsDisplayed, setMaxItemsDisplayed] = useState(0);\n        const options = useMemo(() => {\n          const items = [];\n          for (let i = 0; i < numResults; i++) {\n            items.push(Math.random().toString(36).substring(7));\n          }\n          return items;\n        }, [numResults]);\n        return (\n          <>\n            <Label>\n              Number of Results\n              <NumericInput\n                value={numResults}\n                onValueChange={(e) => setNumResults(e)}\n                buttonPosition={\"none\"}\n              />\n            </Label>\n            <Label>\n              Max Items Displayed (0 for all)\n              <NumericInput\n                value={maxItemsDisplayed}\n                onValueChange={(e) => setMaxItemsDisplayed(e)}\n                buttonPosition={\"none\"}\n              />\n            </Label>\n            <Label>Chosen value: {value}</Label>\n            <Checkbox\n              checked={disabled}\n              onChange={(e) =>\n                setDisabled((e.target as HTMLInputElement).checked)\n              }\n              label={\"Disabled\"}\n            />\n            <Label>\n              Autocomplete\n              <AutocompleteInput\n                disabled={disabled}\n                value={value}\n                setValue={setValue}\n                options={options}\n                maxItemsDisplayed={\n                  maxItemsDisplayed === 0 ? undefined : maxItemsDisplayed\n                }\n              />\n            </Label>\n          </>\n        );\n      }),\n    label: \"AutocompleteInput\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [isOpen, setIsOpen] = useState(false);\n        return (\n          <>\n            <Button onClick={() => setIsOpen(true)} text={\"Open Form\"} />\n            <FormDialog\n              isOpen={isOpen}\n              onClose={() => setIsOpen(false)}\n              onSubmit={(data) =>\n                window.roamAlphaAPI.ui.mainWindow\n                  .getOpenPageOrBlockUid()\n                  .then((parentUid) =>\n                    createBlock({\n                      parentUid:\n                        parentUid ||\n                        window.roamAlphaAPI.util.dateToPageUid(new Date()),\n                      node: {\n                        text: \"Response\",\n                        children: Object.entries(data).map(([k, v]) => ({\n                          text: k,\n                          children: Array.isArray(v) ? v : [{ text: `${v}` }],\n                        })),\n                      },\n                    })\n                  )\n              }\n              fields={{\n                text: { type: \"text\", label: \"Text Field\" },\n                number: { type: \"number\", label: \"Number Field\" },\n                info: { type: \"info\", label: \"Read Only Info Text\" },\n                flag: { type: \"flag\", label: \"Flag Field\" },\n                conditionalText: {\n                  type: \"text\",\n                  label: \"Conditional Text Field\",\n                  conditional: \"flag\",\n                },\n                page: { type: \"page\", label: \"Page Field\" },\n                block: { type: \"block\", label: \"Block Field\" },\n                select: {\n                  type: \"select\",\n                  label: \"Select Field\",\n                  options: [\n                    \"apple\",\n                    \"banana\",\n                    \"orange\",\n                    \"conditional select 1\",\n                  ],\n                },\n                conditionalSelect: {\n                  type: \"text\",\n                  label: \"Conditional Text Field\",\n                  conditional: \"select\",\n                  conditionalValues: [\"conditional select 1\"],\n                },\n                autocomplete: {\n                  type: \"autocomplete\",\n                  label: \"Autocomplete Field\",\n                  options: [\"apple\", \"banana\", \"orange\"],\n                },\n                embed: {\n                  type: \"embed\",\n                  label: \"Embed Field\",\n                },\n              }}\n            />\n          </>\n        );\n      }),\n    label: \"FormDialog\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value, setValue] = useState(\"\");\n        const [multiline, setMultiline] = useState(false);\n        return (\n          <>\n            <PageInput\n              value={value}\n              setValue={setValue}\n              multiline={multiline}\n            />\n            <input\n              className=\"ml-8 inline-block\"\n              checked={multiline}\n              onChange={(e) => setMultiline(e.target.checked)}\n              type={\"checkbox\"}\n            />\n          </>\n        );\n      }),\n    label: \"PageInput\",\n  },\n  {\n    callback: () =>\n      rootRender(() => {\n        const [value] = useState(new Date());\n        const [uid, setUid] = useState<string>(\"\");\n\n        React.useEffect(() => {\n          const createUid = async () => {\n            const currentPageUid =\n              (await window.roamAlphaAPI.ui.mainWindow.getOpenPageOrBlockUid()) ||\n              window.roamAlphaAPI.util.dateToPageUid(new Date());\n\n            if (!currentPageUid) throw new Error(\"No current page uid\");\n            console.log(currentPageUid);\n            const newUid = await createBlock({\n              parentUid: currentPageUid,\n              node: { text: \"time-field\" },\n            });\n            setUid(newUid);\n          };\n          createUid();\n        }, []);\n\n        if (!uid) return <div>Loading...</div>;\n\n        return (\n          <>\n            <div>Selected time: {value.toLocaleTimeString()}</div>\n            <TimePanel\n              title=\"time-field\"\n              uid={uid}\n              parentUid=\"test-parent-uid\"\n              order={0}\n              description=\"Select a time\"\n              defaultValue={value}\n            />\n          </>\n        );\n      }),\n    label: \"TimePanel\",\n  },\n];\n\nexport default runExtension(async (args) => {\n  components.forEach(({ callback, label }) => {\n    args.extensionAPI.ui.commandPalette.addCommand({\n      label: `Render RoamJS component ${label}`,\n      callback,\n    });\n  });\n  window.roamjs.extension.developer = {\n    components: {\n      AutocompleteInput,\n      FormDialog,\n      PageInput,\n      renderToast,\n      TimePanel,\n    },\n    util: {\n      renderOverlay,\n      runExtension,\n    },\n    args,\n  };\n  return () => {\n    unloads.forEach((unload) => unload());\n  };\n});\n"]}

package/date/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const MONTHS: string[];
+export declare const DAILY_NOTE_PAGE_REGEX: RegExp;
+export declare const DAILY_NOTE_PAGE_TITLE_REGEX: RegExp;

package/date/constants.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DAILY_NOTE_PAGE_TITLE_REGEX = exports.DAILY_NOTE_PAGE_REGEX = exports.MONTHS = void 0;
+exports.MONTHS = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December",
+];
+exports.DAILY_NOTE_PAGE_REGEX = /(January|February|March|April|May|June|July|August|September|October|November|December) [0-3]?[0-9](st|nd|rd|th), [0-9][0-9][0-9][0-9]/;
+exports.DAILY_NOTE_PAGE_TITLE_REGEX = new RegExp(`^${exports.DAILY_NOTE_PAGE_REGEX.source}$`);
+//# sourceMappingURL=constants.js.map

package/date/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/date/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;CACX,CAAC;AACW,QAAA,qBAAqB,GAChC,wIAAwI,CAAC;AAC9H,QAAA,2BAA2B,GAAG,IAAI,MAAM,CACnD,IAAI,6BAAqB,CAAC,MAAM,GAAG,CACpC,CAAC","sourcesContent":["export const MONTHS = [\r\n  \"January\",\r\n  \"February\",\r\n  \"March\",\r\n  \"April\",\r\n  \"May\",\r\n  \"June\",\r\n  \"July\",\r\n  \"August\",\r\n  \"September\",\r\n  \"October\",\r\n  \"November\",\r\n  \"December\",\r\n];\r\nexport const DAILY_NOTE_PAGE_REGEX =\r\n  /(January|February|March|April|May|June|July|August|September|October|November|December) [0-3]?[0-9](st|nd|rd|th), [0-9][0-9][0-9][0-9]/;\r\nexport const DAILY_NOTE_PAGE_TITLE_REGEX = new RegExp(\r\n  `^${DAILY_NOTE_PAGE_REGEX.source}$`\r\n);\r\n"]}

package/date/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseRoamDateUid = exports.parseNlpDate = void 0;
+const tslib_1 = require("tslib");
+var parseNlpDate_1 = require("./parseNlpDate");
+Object.defineProperty(exports, "parseNlpDate", { enumerable: true, get: function () { return tslib_1.__importDefault(parseNlpDate_1).default; } });
+var parseRoamDateUid_1 = require("./parseRoamDateUid");
+Object.defineProperty(exports, "parseRoamDateUid", { enumerable: true, get: function () { return tslib_1.__importDefault(parseRoamDateUid_1).default; } });
+tslib_1.__exportStar(require("./constants"), exports);
+//# sourceMappingURL=index.js.map

package/date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date/index.ts"],"names":[],"mappings":";;;;AAAA,+CAAyD;AAAhD,qIAAA,OAAO,OAAgB;AAChC,uDAAiE;AAAxD,6IAAA,OAAO,OAAoB;AACpC,sDAA4B","sourcesContent":["export { default as parseNlpDate } from \"./parseNlpDate\";\r\nexport { default as parseRoamDateUid } from \"./parseRoamDateUid\";\r\nexport * from \"./constants\";\r\n"]}

package/date/parseNlpDate.d.ts

@@ -0,0 +1,5 @@
+import { Parser } from "chrono-node";
+export declare const addNlpDateParser: (p: Parser) => number;
+declare const parseNlpDate: (s: string, ref?: Date) => Date;
+export declare const parse: (t: string, ref?: Date) => import("chrono-node").ParsedResult[];
+export default parseNlpDate;