✨ いろんな方法でページを開けるようにした

Author: takker99

browser/dom/mod.ts

@@ -6,5 +6,5 @@ export * from "./click.ts";
 export * from "./statusBar.ts";
 export * from "./caret.ts";
 export * from "./dom.ts";
-export * from "./openInTheSameTab.ts";
+export * from "./open.ts";
 export * from "./cache.ts";

browser/dom/open.ts

@@ -0,0 +1,78 @@
+/// <reference no-default-lib="true"/>
+/// <reference lib="esnext"/>
+/// <reference lib="dom" />
+
+import { encodeTitleURI } from "../../title.ts";
+import type { Scrapbox } from "../../deps/scrapbox.ts";
+declare const scrapbox: Scrapbox;
+
+export interface OpenOptions {
+  /** line id */
+  id?: string;
+
+  /** ページに追記するテキスト */
+  body?: string;
+
+  /** 新しいタブで開くかどうか
+   *
+   * @default 同じタブで開く
+   */
+  newTab?: boolean;
+
+  /** 同じタブでページを開く場合、ページを再読込するかどうか
+   *
+   * @default 同じprojectの場合は再読み込みせず、違うprojectの場合は再読込する
+   */
+  reload?: boolean;
+}
+
+/** ページを開く
+ *
+ * @param project 開くページのproject名
+ * @param title 開くページのタイトル
+ * @param options
+ */
+export const open = (
+  project: string,
+  title: string,
+  options?: OpenOptions,
+) => {
+  const url = new URL(`/${project}/${encodeTitleURI(title)}`, location.href);
+  if (options?.body) url.search = `?body=${encodeURIComponent(options.body)}`;
+  if (options?.id) url.hash = `#${options.id}`;
+
+  if (
+    options?.newTab !== false &&
+    (options?.newTab === true || project !== scrapbox.Project.name)
+  ) {
+    window.open(url);
+    return;
+  }
+  if (
+    options?.reload !== false &&
+    (options?.reload === true || project !== scrapbox.Project.name)
+  ) {
+    window.open(url, "_self");
+    return;
+  }
+
+  const a = document.createElement("a");
+  a.href = url.toString();
+  document.body.append(a);
+  a.click();
+  a.remove();
+};
+
+/** 同じタブでページを開く
+ *
+ * このとき、ページは再読み込みされない
+ *
+ * @param project 開くページのproject名
+ * @param title 開くページのタイトル
+ * @param [body] ページに追記するテキスト
+ */
+export const openInTheSameTab = (
+  project: string,
+  title: string,
+  body?: string,
+) => open(project, title, { newTab: false, reload: false, body });