roamjs-components 0.85.1 → 0.86.0-alpha.2

package/{writes/index.d.ts → src/writes/index.ts}

@@ -1,8 +1,8 @@
-export { default as clearBlockById } from "./clearBlockById";
-export { default as clearBlockByUid } from "./clearBlockByUid";
-export { default as createBlock } from "./createBlock";
-export { default as createPage } from "./createPage";
-export { default as deleteBlock } from "./deleteBlock";
-export { default as openBlockInSidebar } from "./openBlockInSidebar";
-export { default as updateActiveBlock } from "./updateActiveBlock";
-export { default as updateBlock } from "./updateBlock";
+export { default as clearBlockById } from "./clearBlockById";
+export { default as clearBlockByUid } from "./clearBlockByUid";
+export { default as createBlock } from "./createBlock";
+export { default as createPage } from "./createPage";
+export { default as deleteBlock } from "./deleteBlock";
+export { default as openBlockInSidebar } from "./openBlockInSidebar";
+export { default as updateActiveBlock } from "./updateActiveBlock";
+export { default as updateBlock } from "./updateBlock";

package/src/writes/openBlockInSidebar.ts

@@ -0,0 +1,13 @@
+const openBlockInSidebar = (blockUid: string): Promise<void> =>
+  window.roamAlphaAPI.ui.rightSidebar
+    .getWindows()
+    .some((w) => w.type === "block" && w["block-uid"] === blockUid)
+    ? window.roamAlphaAPI.ui.rightSidebar.open()
+    : window.roamAlphaAPI.ui.rightSidebar.addWindow({
+        window: {
+          type: "block",
+          "block-uid": blockUid,
+        },
+      });
+
+export default openBlockInSidebar;

package/src/writes/submitActions.ts

@@ -0,0 +1,54 @@
+import type { ActionParams } from "../types";
+import { ID, render as renderProgressDialog } from "../components/ProgressDialog";
+import nanoid from "nanoid";
+
+const actionQueue: {
+  id: string;
+  params: ActionParams;
+  type:
+    | "createBlock"
+    | "updateBlock"
+    | "deleteBlock"
+    | "createPage"
+    | "updatePage"
+    | "deletePage";
+}[] = [];
+
+const ROAM_TIMEOUT = 60000;
+
+const submitActions = (
+  actions: Omit<typeof actionQueue[number], "id">[]
+): Promise<void> => {
+  return Promise.all(
+    actions.map(
+      (action) =>
+        new Promise((resolve, reject) => {
+          const { params, type } = action;
+          const id = nanoid();
+          const fire = () =>
+            window.roamAlphaAPI[type](params)
+              .then(resolve)
+              .catch((e) => {
+                if (e.code === "busy") {
+                  const detail = {
+                    timeout: ROAM_TIMEOUT + new Date().valueOf(),
+                    id,
+                  };
+                  const element = document.getElementById(ID);
+                  if (element) {
+                    element.dispatchEvent(new CustomEvent("log", { detail }));
+                  } else {
+                    renderProgressDialog(detail);
+                  }
+                  setTimeout(fire, 60000);
+                } else {
+                  reject(e);
+                }
+              });
+          fire();
+        })
+    )
+  ).then(() => Promise.resolve());
+};
+
+export default submitActions;

package/src/writes/updateActiveBlock.ts

@@ -0,0 +1,17 @@
+import getActiveUids from "../dom/getActiveUids";
+import submitActions from "./submitActions";
+
+const updateActiveBlock = (text: string): Promise<void> =>
+  submitActions([
+    {
+      type: "updateBlock",
+      params: {
+        block: {
+          uid: getActiveUids().blockUid,
+          string: text,
+        },
+      },
+    },
+  ]);
+
+export default updateActiveBlock;

package/src/writes/updateBlock.ts

@@ -0,0 +1,33 @@
+import type { InputTextNode } from "../types";
+import submitActions from "./submitActions";
+
+const updateBlock = ({
+  text,
+  uid,
+  heading,
+  textAlign,
+  viewType,
+  open,
+  props,
+}: { uid: string } & Partial<
+  Omit<InputTextNode, "children">
+>): Promise<string> => {
+  return submitActions([
+    {
+      type: "updateBlock",
+      params: {
+        block: {
+          string: text,
+          uid,
+          heading,
+          "text-align": textAlign,
+          "children-view-type": viewType,
+          open,
+          props,
+        },
+      },
+    },
+  ]).then(() => uid);
+};
+
+export default updateBlock;

package/tests/backend.test.tsx

@@ -0,0 +1,28 @@
+import getRoamJSUser from "../src/backend/getRoamJSUser";
+import putRoamJSUser from "../src/backend/putRoamJSUser";
+import nanoid from "nanoid";
+import { test, expect } from "@playwright/test";
+
+test("get and put user metadata", async () => {
+  const params = {
+    token: `Bearer ${Buffer.from(
+      `support@roamjs.com:${process.env.ROAMJS_TEST_DEVELOPER_TOKEN}`
+    ).toString("base64")}`,
+    extensionId: "developer",
+    email: "support@roamjs.com",
+    dev: true,
+  };
+  const foo = nanoid();
+  await getRoamJSUser(params)
+    .then((u) => {
+      expect(u.email).toBe(params.email);
+      return putRoamJSUser({ data: { foo }, ...params });
+    })
+    .then((r) => {
+      expect(r.success).toBeTruthy();
+      return getRoamJSUser(params);
+    })
+    .then((r) => {
+      expect(r.foo).toBe(foo);
+    });
+});

package/tests/date.test.ts

@@ -0,0 +1,26 @@
+import parseRoamDateUid from "../src/date/parseRoamDateUid";
+import parseNlpDate from "../src/date/parseNlpDate";
+import { test, expect } from "@playwright/test";
+
+test("parseRoamDateUid", () => {
+  const roamDate = parseRoamDateUid("06-11-2022");
+  expect(roamDate.getMonth()).toBe(5);
+  expect(roamDate.getDate()).toBe(11);
+  expect(roamDate.getFullYear()).toBe(2022);
+});
+
+test("parseNlpDate - today", () => {
+  const dateBasis = new Date();
+  const endOfMonth = parseNlpDate("today");
+  expect(endOfMonth.getMonth()).toBe(dateBasis.getMonth());
+  expect(endOfMonth.getDate()).toBe(dateBasis.getDate());
+  expect(endOfMonth.getFullYear()).toBe(dateBasis.getFullYear());
+});
+
+test.skip("parseNlpDate - end of the month", () => {
+  const dateBasis = new Date(2022, 7, 19);
+  const endOfMonth = parseNlpDate("end of the month", dateBasis);
+  expect(endOfMonth.getMonth()).toBe(7);
+  expect(endOfMonth.getDate()).toBe(31);
+  expect(endOfMonth.getFullYear()).toBe(2022);
+});

package/tests/dom.test.tsx

@@ -0,0 +1,10 @@
+import getUidsFromId from "../src/dom/getUidsFromId";
+import { test, expect } from "@playwright/test";
+
+test("getUidsFromId", () => {
+  const { blockUid, windowId } = getUidsFromId(
+    "block-input-gxCw10dD79O6yRGXFYiqBvd1doo1-body-outline-06-15-2022-_-xhP9myA"
+  );
+  expect(blockUid).toBe("_-xhP9myA");
+  expect(windowId).toBe("gxCw10dD79O6yRGXFYiqBvd1doo1-body-outline-06-15-2022");
+});

package/tests/index.test.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { createConfigObserver } from "../src/components/ConfigPage";
+import { test, expect } from "@playwright/test";
+
+test("Renders Package", async () => {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore Not setting this whole object. Might one day build roam-jest
+  window.roamAlphaAPI = {};
+  window.roamAlphaAPI.q = () => [[{ uid: "exists" }]];
+  window.roamAlphaAPI.pull = () => ({});
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore Not setting this whole object. Might one day build roam-jest
+  window.roamAlphaAPI.util = {
+    generateUID: () => "abcdefghi",
+  };
+  window.roamAlphaAPI.createPage = () => Promise.resolve();
+  window.roamAlphaAPI.createBlock = () => Promise.resolve();
+  render(<div className="roam-body" />);
+  const { pageUid } = await createConfigObserver({
+    title: "roam/js/test",
+    config: { tabs: [] },
+  });
+  expect(pageUid).toBe("abcdefghi");
+});