roamjs-components 0.85.2 → 0.85.3

package/src/writes/updateBlock.ts

@@ -1,33 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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");
-});

package/tests/marked.test.ts

@@ -1,474 +0,0 @@
-import run, {
-  inlineLexer,
-  lexer,
-  parseInline,
-  RoamContext,
-} from "../src/marked";
-import fs from "fs";
-import { test, expect } from "@playwright/test";
-
-const runTest =
-  (md: string, expected: string, context?: Omit<RoamContext, "marked">) =>
-  async () =>
-    lexer(md, context)
-      .then((output) => {
-        fs.writeFileSync("debug.json", JSON.stringify(output, null, 4));
-        return run(md, context);
-      })
-      .then((actual) => expect(actual).toBe(expected));
-
-const runInlineTest =
-  (md: string, expected: string, context?: Omit<RoamContext, "marked">) =>
-  async () =>
-    inlineLexer(md, context)
-      .then((output) => {
-        fs.writeFileSync("debug.json", JSON.stringify(output, null, 4));
-        return parseInline(md, context);
-      })
-      .then((actual) => expect(actual).toBe(expected));
-
-test(
-  "Runs Special Formats",
-  runTest(
-    `- A ^^highlighted^^ text
-- A ~~strikethrough~~ text`,
-    `<ul>
-<li>A <span class="rm-highlight">highlighted</span> text</li>
-<li>A <del>strikethrough</del> text</li>
-</ul>
-`
-  )
-);
-
-test(
-  "Runs Italics",
-  runTest(
-    `- An __italicized__ text
-- An __italicized __ text
-- __italicized __ text`,
-    `<ul>
-<li>An <em class="rm-italics">italicized</em> text</li>
-<li>An <em class="rm-italics">italicized </em> text</li>
-<li><em class="rm-italics">italicized </em> text</li>
-</ul>
-`
-  )
-);
-test(
-  "Runs Bolds",
-  runTest(
-    `- A **bolded** text
-- A **bolded ** text
-- A ** bolded** text
-`,
-    `<ul>
-<li>A <span class="rm-bold">bolded</span> text</li>
-<li>A <span class="rm-bold">bolded </span> text</li>
-<li>A <span class="rm-bold"> bolded</span> text</li>
-</ul>
-`
-  )
-);
-
-test(
-  "Runs Todos",
-  runTest(
-    `- A {{[[TODO]]}} This is a todo block
-- A {{[[DONE]]}} This is a done block
-`,
-    `<ul>
-<li>A <span><label class="check-container"><input type="checkbox" disabled=""><span class="checkmark"></span></label></span> This is a todo block</li>
-<li>A <span><label class="check-container"><input type="checkbox" checked="" disabled=""><span class="checkmark"></span></label></span> This is a done block</li>
-</ul>
-`
-  )
-);
-
-test(
-  "Runs Basic Code Block",
-  runTest(
-    `- \`\`\`javascript
-console.log("Render");
-console.log("this");
-console.log("block");
-\`\`\``,
-    `<ul>
-<li><pre><code class="language-javascript">console.log(&quot;Render&quot;);
-console.log(&quot;this&quot;);
-console.log(&quot;block&quot;);
-</code></pre>
-</li>
-</ul>
-`
-  )
-);
-
-test(
-  "Runs code block without newline",
-  runTest(
-    `- \`\`\`javascript
-console.log("Render");
-console.log("this");
-console.log("block");\`\`\``,
-    `<ul>
-<li><pre><code class="language-javascript">console.log(&quot;Render&quot;);
-console.log(&quot;this&quot;);
-console.log(&quot;block&quot;);
-</code></pre>
-</li>
-</ul>
-`
-  )
-);
-
-test(
-  "Runs buttons",
-  runTest(
-    `- {{pull references}}`,
-    `<ul>
-<li><button class="bp3-button">pull references</button></li>
-</ul>
-`
-  )
-);
-
-test(
-  "Custom components buttons",
-  runTest(
-    `- {{component}}
-- {{no component}}`,
-    `<ul>
-<li><p>component</p></li>
-<li><button class="bp3-button">no component</button></li>
-</ul>
-`,
-    {
-      components: (c: string) => c === "component" && `<p>component</p>`,
-    }
-  )
-);
-
-test(
-  "Runs queries",
-  runTest(
-    `- {{[[query]]: {and:{or:[[TODO]] [[DONE]]} [[January 26th, 2021]]}}}`,
-    `<ul>
-<li><button class="bp3-button">query</button></li>
-</ul>
-`
-  )
-);
-
-test(
-  "Runs tags as links",
-  runTest(
-    `- Started with [[Hello World]]
-- Then #Vargas is my last name
-- This [[Page]] has no href`,
-    `<ul>
-<li>Started with <a class="rm-page-ref" data-tag="Hello World" href="/hello-world">Hello World</a></li>
-<li>Then <a class="rm-page-ref" data-tag="Vargas" href="/asdfasdf">Vargas</a> is my last name</li>
-<li>This Page has no href</li>
-</ul>
-`,
-    {
-      pagesToHrefs: (tag: string) => {
-        const pages = {
-          "Hello World": "/hello-world",
-          Vargas: "/asdfasdf",
-        } as { [key: string]: string };
-        return pages[tag];
-      },
-    }
-  )
-);
-
-test(
-  "Links without context is just text",
-  runTest(
-    `- Started with [[Hello World]]
-- Then #Vargas is my last name
-- This [[Page]] has no href`,
-    `<ul>
-<li>Started with [[Hello World]]</li>
-<li>Then #Vargas is my last name</li>
-<li>This [[Page]] has no href</li>
-</ul>
-`
-  )
-);
-
-test(
-  "Double tag on context",
-  runTest(
-    `- Started with [[Hello World]] [[Page]]`,
-    `<ul>
-<li>Started with <a class="rm-page-ref" data-tag="Hello World" href="/hello-world">Hello World</a> <a class="rm-page-ref" data-tag="Page" href="/page">Page</a></li>
-</ul>
-`,
-    {
-      pagesToHrefs: (t: string) => `/${t.toLowerCase().replace(" ", "-")}`,
-    }
-  )
-);
-
-test(
-  "Nested Links",
-  runTest(
-    `- One type of [[[[Nested]] Links]]
-- And another [[Example [[Nested]] Link]]
-- A Final [[Link [[Nested]]]]`,
-    `<ul>
-<li>One type of <a class="rm-page-ref" data-tag="[[Nested]] Links" href="/start"><a class="rm-page-ref" data-tag="Nested" href="/nested">Nested</a> Links</a></li>
-<li>And another <a class="rm-page-ref" data-tag="Example [[Nested]] Link" href="/middle">Example <a class="rm-page-ref" data-tag="Nested" href="/nested">Nested</a> Link</a></li>
-<li>A Final <a class="rm-page-ref" data-tag="Link [[Nested]]" href="/end">Link <a class="rm-page-ref" data-tag="Nested" href="/nested">Nested</a></a></li>
-</ul>
-`,
-    {
-      pagesToHrefs: (tag: string) => {
-        const pages = {
-          "[[Nested]] Links": "/start",
-          "Example [[Nested]] Link": "/middle",
-          "Link [[Nested]]": "/end",
-          Nested: "/nested",
-        } as { [key: string]: string };
-        return pages[tag];
-      },
-    }
-  )
-);
-
-test(
-  "Renders iframe",
-  runTest(
-    `- {{iframe:https://givebutter.com/roamjs}}`,
-    `<ul>
-<li><div class="rm-iframe-container"><iframe src="https://givebutter.com/roamjs" frameborder="0" class="rm-iframe"></iframe></div></li>
-</ul>
-`
-  )
-);
-
-test(
-  "Renders page aliases",
-  runTest(
-    `- Resolve an alias [Page]([[Hello World]])
-- An invalid [alias](wat)`,
-    `<ul>
-<li>Resolve an alias <a class="rm-alias" href="/hello-world">Page</a></li>
-<li>An invalid <a href="wat">alias</a></li>
-</ul>
-`,
-    {
-      pagesToHrefs: (t: string) => `/${t.toLowerCase().replace(" ", "-")}`,
-    }
-  )
-);
-
-test(
-  "Renders Roam Attributes",
-  runTest(
-    `- Known:: Attribute value
-- Unexpected:: just bold`,
-    `<ul>
-<li><span class="rm-bold"><a href="/known">Known:</a></span> Attribute value</li>
-<li><span class="rm-bold">Unexpected:</span> just bold</li>
-</ul>
-`,
-    {
-      pagesToHrefs: (t: string) => {
-        const pages: { [t: string]: string } = { Known: "/known" };
-        return pages[t];
-      },
-    }
-  )
-);
-
-test(
-  "Render block references",
-  runTest(
-    `- A known reference ((123456789))
-- An unknown reference ((abcdefghi))
-- An known with unknown page ((asdfghjkl))
-- A known alias reference [number alias](((123456789)))
-- An unknown alias reference [letter alias](((abcdefghi)))`,
-    `<ul>
-<li>A known reference <a class="rm-block-ref" href="/number#123456789">A number block</a></li>
-<li>An unknown reference ((abcdefghi))</li>
-<li>An known with unknown page linked content</li>
-<li>A known alias reference <a class="rm-alias" href="/number#123456789">number alias</a></li>
-<li>An unknown alias reference letter alias</li>
-</ul>
-`,
-    {
-      pagesToHrefs: (t: string, r?: string) => {
-        const pages: { [t: string]: string } = { Number: "/number" };
-        return pages[t] ? (r ? `${pages[t]}#${r}` : pages[t]) : "";
-      },
-      blockReferences: (t: string) => {
-        const blockReferences: { [t: string]: { text: string; page: string } } =
-          {
-            "123456789": {
-              text: "A number block",
-              page: "Number",
-            },
-            asdfghjkl: {
-              text: "linked content",
-              page: "",
-            },
-          };
-        return blockReferences[t];
-      },
-    }
-  )
-);
-
-test(
-  "Render videos",
-  runTest(
-    `- {{[[youtube]]: https://www.youtube.com/embed/cQ25hHAPZk0}}
-- {{video: https://www.youtube.com/embed/cQ25hHAPZk0}}`,
-    `<ul>
-<li><div class="rm-iframe-container"><iframe src="https://www.youtube.com/embed/cQ25hHAPZk0" class="rm-iframe rm-video-player"></iframe></div></li>
-<li><div class="rm-iframe-container"><iframe src="https://www.youtube.com/embed/cQ25hHAPZk0" class="rm-iframe rm-video-player"></iframe></div></li>
-</ul>
-`,
-    {
-      pagesToHrefs: (t: string) => {
-        const pages: { [t: string]: string } = { Known: "/known" };
-        return pages[t];
-      },
-    }
-  )
-);
-
-test("Render hrs", runInlineTest(`---`, `<hr>`));
-
-test(
-  "Incomplete Tag",
-  runTest(
-    `- [[Incomplete]`,
-    `<ul>
-<li>[[Incomplete]</li>
-</ul>
-`
-  )
-);
-
-test(
-  "Roam Render",
-  runInlineTest(
-    `{{roam/render: ((sketching))}}`,
-    `<button class="bp3-button">roam/render</button>`
-  )
-);
-
-test(
-  "Inline Code Blocks",
-  runInlineTest(
-    `\`\`\`css
-body {
-  background-color: red;
-}\`\`\``,
-    `<pre><code class="language-css"><span class="token selector">body</span> <span class="token punctuation">{</span>
-  <span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token color">red</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre>`
-  )
-);
-
-test(
-  "Inline Code Spans",
-  runInlineTest(`Here is \`a code\` span`, `Here is <code>a code</code> span`)
-);
-
-test(
-  "Blockquote",
-  runInlineTest(
-    "> an **important** aside",
-    `<blockquote class="rm-bq">an <span class="rm-bold">important</span> aside</blockquote>`
-  )
-);
-
-test(
-  "Long underscore",
-  runInlineTest(
-    "[[__________ wat]]",
-    `<a class="rm-page-ref" data-tag="__________ wat" href="/___________wat">__________ wat</a>`,
-    {
-      pagesToHrefs: (t: string) => {
-        const pages: { [t: string]: string } = {
-          "__________ wat": "/___________wat",
-        };
-        return pages[t];
-      },
-    }
-  )
-);
-
-test(
-  "Double left paren",
-  runInlineTest(
-    "This block has two left parens ((but should still parse)",
-    `This block has two left parens ((but should still parse)`
-  )
-);
-
-test(
-  "Single tilde",
-  runInlineTest(
-    "This ~~has strikethrough~~ but ~this does~ not.",
-    `This <del>has strikethrough</del> but ~this does~ not.`
-  )
-);
-
-test(
-  "Special chars",
-  runInlineTest("« So much happening! »", `« So much happening! »`)
-);
-
-test(
-  "Special chars in inline code",
-  runInlineTest(
-    "The `build` has a `url/{{github.number}}`.",
-    `The <code>build</code> has a <code>url/{{github.number}}</code>.`
-  )
-);
-
-test(
-  "Inline before special Inline character",
-  runInlineTest(
-    "There is a RoamJS component called `PageInput`, which you could find as part of the [roamjs-components](https://github.com/dvargas92495/roamjs-components) library.",
-    `There is a RoamJS component called <code>PageInput</code>, which you could find as part of the <a href="https://github.com/dvargas92495/roamjs-components">roamjs-components</a> library.`
-  )
-);
-
-test(
-  "Link weirdness",
-  runInlineTest(
-    "I have three links [distributed systems](https://en.wikipedia.org/wiki/Distributed_computing), [decentralized finance](https://en.wikipedia.org/wiki/Decentralized_finance), and [algorithmic trading]([[algorithmic trading]]). And another link [Martin](https://martin.ai/) and a final link [[Go]].",
-    `I have three links <a href="https://en.wikipedia.org/wiki/Distributed_computing">distributed systems</a>, <a href="https://en.wikipedia.org/wiki/Decentralized_finance">decentralized finance</a>, and [algorithmic trading]([[algorithmic trading]]). And another link <a href="https://martin.ai/">Martin</a> and a final link [[Go]].`
-  )
-);
-
-test(
-  "Attributes with links don't link",
-  runTest(
-    "- Foo:: test\n- Foo:: [[bar]]",
-    `<ul>
-<li><span class="rm-bold"><a href="/Foo">Foo:</a></span> test</li>
-<li><span class="rm-bold"><a href="/Foo">Foo:</a></span> <a class="rm-page-ref" data-tag="bar" href="/bar">bar</a></li>
-</ul>
-`,
-    {
-      pagesToHrefs: (t: string) => `/${t}`,
-    }
-  )
-);
-
-test(
-  "space before strikethrough link",
-  runInlineTest(
-    " ~~no~~ [all](https://google.com)",
-    ` <del>no</del> <a href="https://google.com">all</a>`
-  )
-);

package/tests/util/createTagRegex.test.ts

@@ -1,63 +0,0 @@
-import createTagRegex from "../../src/util/createTagRegex";
-import { test, expect } from "@playwright/test";
-
-test("createTagRegex - Matches simple tag", () => {
-  const regex = createTagRegex("test");
-  expect("[[test]]").toMatch(regex);
-  expect("#test").toMatch(regex);
-  expect("#[[test]]").toMatch(regex);
-});
-
-test("createTagRegex - Matches tag with special characters", () => {
-  const regex = createTagRegex("test.*()+?[]");
-  expect("[[test.*()+?[]]]").toMatch(regex);
-  expect("#test.*()+?[]").toMatch(regex);
-  expect("#[[test.*()+?[]]]").toMatch(regex);
-});
-
-test("createTagRegex - Complex nested structures", () => {
-  const cases = [
-    "note with [[brackets]]",
-    "[[note]] with * and . and ?",
-    "[[EVD]] - Discourse Graph Evidence - [[@source]]",
-    "[[EVD]] - #tags here",
-  ];
-
-  cases.forEach((content) => {
-    const regex = createTagRegex(content);
-    expect(`[[${content}]]`).toMatch(regex);
-    expect(`#${content}`).toMatch(regex);
-    expect(`#[[${content}]]`).toMatch(regex);
-  });
-});
-
-test("createTagRegex - Handles special regex characters", () => {
-  const cases = [
-    "test.note", // dot
-    "v1*", // asterisk
-    "question?", // question mark
-    "tag+", // plus
-    "note[1]", // brackets
-    "path/to/note", // forward slash
-    "note\\path", // backslash
-    "(parentheses)", // parentheses
-    "{curly}", // curly braces
-    "tag|another", // pipe
-    "^start", // caret
-    "end$", // dollar
-  ];
-
-  cases.forEach((tag) => {
-    const regex = createTagRegex(tag);
-    expect(`[[${tag}]]`).toMatch(regex);
-    expect(`#${tag}`).toMatch(regex);
-    expect(`#[[${tag}]]`).toMatch(regex);
-  });
-});
-
-test("createTagRegex - Does not match partial tags", () => {
-  const regex = createTagRegex("test");
-  expect("testing").not.toMatch(regex);
-  expect("#testing").not.toMatch(regex);
-  expect("[[testing]]").not.toMatch(regex);
-});

package/tests/util/extractTag.test.ts

@@ -1,17 +0,0 @@
-import extractTag from "../../src/util/extractTag";
-import { test, expect } from "@playwright/test";
-
-test("extractTag - Handles default case", () => {
-  const key = "[[Hello, World]]";
-  expect(extractTag(key)).toBe("Hello, World");
-});
-
-test("extractTag - Handles nested case", () => {
-  const key = "[[Hello, [[my]] World]]";
-  expect(extractTag(key)).toBe("Hello, [[my]] World");
-});
-
-test("extractTag - Handles page title with nested titles at ends", () => {
-  const key = "[[Hello]] [[World]]";
-  expect(extractTag(key)).toBe(key);
-});

package/tests/util/toFlexRegex.test.ts

@@ -1,7 +0,0 @@
-import toFlexRegex from "../../src/util/toFlexRegex";
-import { test, expect } from "@playwright/test";
-
-test("toFlexRegex - Handles keys with parens", () => {
-  const key = "Hello (World)";
-  expect(toFlexRegex(key).test(key)).toBe(true);
-});