@dxos/plugin-github 0.6.8-main.046e6cf

package/dist/lib/browser/index.mjs

@@ -0,0 +1,1531 @@
+import {
+  GITHUB_PLUGIN,
+  GITHUB_PLUGIN_SHORT_ID,
+  meta_default
+} from "./chunk-NJP5BGD2.mjs";
+
+// packages/plugins/experimental/plugin-github/src/GithubPlugin.tsx
+import { GithubLogo } from "@phosphor-icons/react";
+import React16 from "react";
+import { resolvePlugin } from "@dxos/app-framework";
+import { LocalStorageStore } from "@dxos/local-storage";
+import { log as log7 } from "@dxos/log";
+import { parseClientPlugin } from "@dxos/plugin-client";
+import { createExtension } from "@dxos/plugin-graph";
+import { isMarkdownProperties } from "@dxos/plugin-markdown";
+import { DocumentType as DocumentType3 } from "@dxos/plugin-markdown/types";
+import { memoizeQuery } from "@dxos/plugin-space";
+import { getMeta as getMeta4, isSpace, Filter as Filter2 } from "@dxos/react-client/echo";
+
+// packages/plugins/experimental/plugin-github/src/components/EmbeddedMain/EmbeddedMain.tsx
+import { ArrowSquareOut as ArrowSquareOut2, CaretDown as CaretDown2, DotsThreeVertical, Eye, Option, PencilSimpleLine, UserPlus } from "@phosphor-icons/react";
+import React10, { useCallback as useCallback2, useContext as useContext4, useRef, useState as useState6 } from "react";
+import { Surface, useIntent } from "@dxos/app-framework";
+import { SPACE_PLUGIN, SpaceAction, getSpaceDisplayName as getSpaceDisplayName2 } from "@dxos/plugin-space";
+import { useClient as useClient2 } from "@dxos/react-client";
+import { getMeta as getMeta2 } from "@dxos/react-client/echo";
+import { Avatar, Button as Button4, ButtonGroup, DensityProvider, Dialog as Dialog2, DropdownMenu, Main, Toggle, Tooltip as Tooltip2, toLocalizedString, useTranslation as useTranslation7 } from "@dxos/react-ui";
+import { defaultTx, descriptionText, getSize as getSize3, mx as mx4 } from "@dxos/react-ui-theme";
+import { hexToFallback } from "@dxos/util";
+
+// packages/plugins/experimental/plugin-github/src/components/EmbeddedMain/GfmPreview.tsx
+import "github-markdown-css/github-markdown.css";
+import DOMPurify from "dompurify";
+import React4, { useEffect as useEffect3, useState as useState3 } from "react";
+import { useTranslation as useTranslation2 } from "@dxos/react-ui";
+
+// packages/plugins/experimental/plugin-github/src/components/GithubApiProviders/GitHubSettings.tsx
+import { ArrowSquareOut } from "@phosphor-icons/react";
+import React2, { useEffect as useEffect2, useState as useState2 } from "react";
+import { SettingsValue } from "@dxos/plugin-settings";
+import { Link, Input, Trans, useTranslation, useId } from "@dxos/react-ui";
+import { getSize, mx } from "@dxos/react-ui-theme";
+
+// packages/plugins/experimental/plugin-github/src/components/GithubApiProviders/OctokitProvider.tsx
+import { Octokit } from "octokit";
+import React, { createContext, useContext, useEffect, useState } from "react";
+import { log } from "@dxos/log";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-github/src/components/GithubApiProviders/OctokitProvider.tsx";
+var OctokitContext = /* @__PURE__ */ createContext({
+  setPat: () => {
+  },
+  patError: null,
+  octokit: null
+});
+var useOctokitContext = () => useContext(OctokitContext);
+var OctokitProvider = ({ pat, onPatChanged, children }) => {
+  const [octokit, setOctokit] = useState(null);
+  const [patError, setPatError] = useState(null);
+  useEffect(() => {
+    if (pat && !octokit) {
+      void setPat(pat);
+    }
+  }, [
+    pat,
+    octokit
+  ]);
+  const setPat = async (pat2) => {
+    onPatChanged?.(pat2);
+    if (pat2) {
+      const octokit2 = new Octokit({
+        auth: pat2
+      });
+      return octokit2.rest.users.getAuthenticated().then(() => {
+        setPatError(null);
+        setOctokit(octokit2);
+      }, (err) => {
+        log.warn("Failed to authenticate Octokit from PAT", err, {
+          F: __dxlog_file,
+          L: 49,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        setPatError("failed");
+        setOctokit(null);
+      });
+    } else {
+      setOctokit(null);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(OctokitContext.Provider, {
+    value: {
+      pat,
+      setPat,
+      patError,
+      octokit
+    }
+  }, children);
+};
+
+// packages/plugins/experimental/plugin-github/src/components/GithubApiProviders/GitHubSettings.tsx
+var ExternalLink = ({ children }) => {
+  const { t } = useTranslation(GITHUB_PLUGIN);
+  const descriptionId = useId("link--external");
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Link, {
+    href: t("github pat description href"),
+    target: "_blank",
+    rel: "noreferrer",
+    "aria-describedby": descriptionId
+  }, children, /* @__PURE__ */ React2.createElement(ArrowSquareOut, {
+    weight: "bold",
+    className: mx(getSize(3), "inline-block leading-none -mbs-0.5 mli-px")
+  })), /* @__PURE__ */ React2.createElement("span", {
+    className: "sr-only",
+    id: descriptionId
+  }, t("target blank description", {
+    ns: GITHUB_PLUGIN
+  })));
+};
+var GitHubSettings = () => {
+  const { t } = useTranslation(GITHUB_PLUGIN);
+  const { pat, setPat } = useOctokitContext();
+  const [patValue, setPatValue] = useState2(pat);
+  useEffect2(() => {
+    setPatValue(pat);
+  }, [
+    pat
+  ]);
+  useEffect2(() => {
+    void setPat(patValue);
+  }, [
+    patValue
+  ]);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(SettingsValue, {
+    label: t("github pat label"),
+    description: /* @__PURE__ */ React2.createElement(Trans, {
+      t,
+      i18nKey: "github pat description",
+      components: {
+        docsLink: /* @__PURE__ */ React2.createElement(ExternalLink, null)
+      }
+    })
+  }, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    autoFocus: true,
+    spellCheck: false,
+    classNames: "font-mono mlb-1",
+    value: patValue ?? "",
+    onChange: ({ target: { value } }) => setPatValue(value)
+  })));
+};
+
+// packages/plugins/experimental/plugin-github/src/components/Loading/Loading.tsx
+import React3 from "react";
+import { useId as useId2 } from "@dxos/react-ui";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+var sizeMap = /* @__PURE__ */ new Map([
+  [
+    "sm",
+    "w-4 h-4"
+  ],
+  [
+    "md",
+    "w-8 h-8"
+  ],
+  [
+    "lg",
+    "w-12 h-12"
+  ],
+  [
+    "xl",
+    "w-16 h-16"
+  ]
+]);
+var Loading = ({ size, color, label, slots = {} }) => {
+  const labelId = useId2("loading-label");
+  const sizeClassName = sizeMap.get(size ?? "md");
+  return /* @__PURE__ */ React3.createElement("div", {
+    ...slots.root,
+    className: mx2("flex justify-center p-4", slots.root?.className),
+    role: "status",
+    "aria-labelledby": labelId
+  }, /* @__PURE__ */ React3.createElement("svg", {
+    role: "none",
+    className: mx2(sizeClassName, "text-neutral-200/50 animate-spin dark:text-neutral-600/50", color === "neutral" ? "fill-neutral-400" : "fill-primary-400", slots.svg?.className),
+    viewBox: "0 0 100 101",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ React3.createElement("path", {
+    d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+    fill: "currentColor"
+  }), /* @__PURE__ */ React3.createElement("path", {
+    d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+    fill: "currentFill"
+  })), /* @__PURE__ */ React3.createElement("span", {
+    className: "sr-only",
+    id: labelId
+  }, label));
+};
+
+// packages/plugins/experimental/plugin-github/src/components/EmbeddedMain/GfmPreview.tsx
+var defaultOptions = {
+  ALLOWED_TAGS: [
+    "span",
+    "div",
+    "b",
+    "i",
+    "em",
+    "strong",
+    "a",
+    "p",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "table",
+    "td",
+    "th",
+    "tr",
+    "blockquote",
+    "ul",
+    "ol",
+    "li",
+    "dd",
+    "tt",
+    "dl",
+    "dt",
+    "details",
+    "figcaption",
+    "figure",
+    "summary",
+    "abbr",
+    "dfn",
+    "mark",
+    "sub",
+    "sup",
+    "img",
+    "code",
+    "kbd",
+    "pre",
+    "samp",
+    "hr",
+    "input",
+    "pre",
+    "del",
+    "g-emoji",
+    "label"
+  ],
+  ALLOWED_ATTR: [
+    "class",
+    "href",
+    "target",
+    "hidden",
+    "title",
+    "type",
+    "role",
+    "align",
+    "data-footnote-ref"
+  ]
+};
+var sanitize = (dirty, options) => ({
+  __html: DOMPurify.sanitize(dirty, {
+    ...defaultOptions,
+    ...options
+  })
+});
+var GfmPreview = ({ markdown, owner, repo }) => {
+  const [html, setHtml] = useState3("");
+  const { octokit } = useOctokitContext();
+  const { t } = useTranslation2(GITHUB_PLUGIN);
+  useEffect3(() => {
+    if (octokit && markdown) {
+      void octokit.request("POST /markdown", {
+        text: markdown,
+        ...owner && repo && {
+          context: `${owner}/${repo}`
+        }
+      }).then(({ data }) => setHtml(data), () => {
+      });
+    }
+  }, [
+    markdown,
+    octokit
+  ]);
+  return html ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("style", null, ".markdown-body ol, .markdown-body ul {list-style-type: disc; list-style-position: outside;}"), /* @__PURE__ */ React4.createElement("article", {
+    className: "markdown-body grow is-full max-is-[980px] mli-auto p-[15px] sm:pli-[45px] sm:plb-[30px]",
+    dangerouslySetInnerHTML: sanitize(html, {})
+  })) : /* @__PURE__ */ React4.createElement("div", {
+    role: "none",
+    className: "mli-auto max-is-md pli-2 text-center"
+  }, !octokit && /* @__PURE__ */ React4.createElement("p", {
+    className: "mlb-4 text-lg font-medium"
+  }, t("empty github pat message")), octokit ? /* @__PURE__ */ React4.createElement(Loading, {
+    label: t("loading preview message")
+  }) : /* @__PURE__ */ React4.createElement(GitHubSettings, null));
+};
+
+// packages/plugins/experimental/plugin-github/src/hooks/useDocGhId.ts
+import { useMemo } from "react";
+import { log as log2 } from "@dxos/log";
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-github/src/hooks/useDocGhId.ts";
+var useDocGhId = (keys) => {
+  return useMemo(() => {
+    try {
+      const key = keys?.find((key2) => key2.source === "github.com");
+      const [owner, repo, type, ...rest] = key?.id?.split("/") ?? [];
+      if (type === "issues") {
+        return {
+          owner,
+          repo,
+          issueNumber: parseInt(rest[0], 10)
+        };
+      } else if (type === "blob") {
+        const [ref, ...pathParts] = rest;
+        return {
+          owner,
+          repo,
+          ref,
+          path: pathParts.join("/")
+        };
+      } else {
+        return null;
+      }
+    } catch (err) {
+      log2.catch(err, void 0, {
+        F: __dxlog_file2,
+        L: 34,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      return null;
+    }
+  }, [
+    keys
+  ]);
+};
+
+// packages/plugins/experimental/plugin-github/src/hooks/useGhIdFromUrl.ts
+import { useMemo as useMemo2 } from "react";
+var useGhIdFromUrl = (ghUrlValue) => useMemo2(() => {
+  try {
+    const url = new URL(ghUrlValue);
+    const [_, owner, repo, type, ...rest] = url.pathname.split("/");
+    if (type === "blob") {
+      const [ref, ...pathParts] = rest;
+      const path = pathParts.join("/");
+      const ext = pathParts[pathParts.length - 1].split(".")[1];
+      return ext === "md" ? `${owner}/${repo}/blob/${ref}/${path}` : null;
+    } else if (type === "issues") {
+      const [issueNumberString] = rest;
+      return `${owner}/${repo}/issues/${issueNumberString}`;
+    } else {
+      return null;
+    }
+  } catch (e) {
+    return null;
+  }
+}, [
+  ghUrlValue
+]);
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/ResolverDialog.tsx
+import React9 from "react";
+import { Button as Button3, useTranslation as useTranslation6 } from "@dxos/react-ui";
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/ResolverTree.tsx
+import React8, { useCallback, useContext as useContext3 } from "react";
+import { useClient } from "@dxos/react-client";
+import { useSpaces as useSpaces2 } from "@dxos/react-client/echo";
+import { Button as Button2, Dialog, Tree as Tree2, useId as useId3, useTranslation as useTranslation5 } from "@dxos/react-ui";
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/ResolverContext.tsx
+import React5, { createContext as createContext2, useContext as useContext2, useEffect as useEffect4, useMemo as useMemo3, useState as useState4 } from "react";
+import { create } from "@dxos/echo-schema";
+import { log as log3 } from "@dxos/log";
+import { DocumentType, TextType } from "@dxos/plugin-markdown/types";
+import { useMulticastObservable } from "@dxos/react-client";
+import { getMeta, SpaceState, useQuery, useSpaces } from "@dxos/react-client/echo";
+import { useIdentity } from "@dxos/react-client/halo";
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/spaceResolvers.ts
+import get from "lodash.get";
+import update from "lodash.update";
+var ghMatch = (space, identityHex, id) => {
+  const [ghOwner, ghRepo, ..._ghEtc] = id.split("/");
+  return get(space.properties, [
+    "members",
+    identityHex,
+    "github",
+    "repos"
+  ], []).includes(`${ghOwner}/${ghRepo}`);
+};
+var matchSpace = (space, identityHex, source, id) => {
+  if (!id) {
+    return false;
+  }
+  switch (source) {
+    case "github.com":
+      return ghMatch(space, identityHex, id);
+    default:
+      return false;
+  }
+};
+var ghBind = (space, identityHex, id) => {
+  const [ghOwner, ghRepo, ..._ghEtc] = id.split("/");
+  update(space.properties, [
+    "members",
+    identityHex,
+    "github",
+    "repos"
+  ], (ghBindings) => {
+    return [
+      ...ghBindings ?? [],
+      `${ghOwner}/${ghRepo}`
+    ];
+  });
+  return space.properties.members?.[identityHex]?.github?.repos ?? [];
+};
+var bindSpace = (space, identityHex, source, id) => {
+  switch (source) {
+    case "github.com":
+      return ghBind(space, identityHex, id);
+    default:
+      return [];
+  }
+};
+var ghUnbind = (space, identityHex, id) => {
+  const [ghOwner, ghRepo, ..._ghEtc] = id.split("/");
+  update(space.properties, [
+    "members",
+    identityHex,
+    "github",
+    "repos"
+  ], (ghBindings) => {
+    const index = ghBindings.indexOf(`${ghOwner}/${ghRepo}`);
+    if (index >= 0) {
+      const result = [
+        ...ghBindings
+      ];
+      result.splice(index, 1);
+      return result;
+    } else {
+      return ghBindings;
+    }
+  });
+  return space.properties.members?.[identityHex]?.github?.repos ?? [];
+};
+var unbindSpace = (space, identityHex, source, id) => {
+  switch (source) {
+    case "github.com":
+      return ghUnbind(space, identityHex, id);
+    default:
+      return [];
+  }
+};
+var ghDisplayName = (id) => {
+  const [ghOwner, ghRepo, ghResource, ...etc] = id.split("/");
+  switch (ghResource) {
+    case "issues":
+      return `${ghOwner}/${ghRepo} #${etc[0]}`;
+    default:
+      return `${ghOwner}/${ghRepo} ${[
+        ghResource,
+        ...etc
+      ].join("/")}`;
+  }
+};
+var displayName = (source, id) => {
+  switch (source) {
+    case "github.com":
+      return ghDisplayName(id);
+    default:
+      return id;
+  }
+};
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/ResolverContext.tsx
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/ResolverContext.tsx";
+var getLocationIdentifier = () => {
+  const searchParams = new URLSearchParams(window.location.search);
+  const location2 = searchParams.get("location");
+  let source, id;
+  try {
+    const url = location2 ? new URL(location2) : void 0;
+    source = url?.hostname.split(".").reverse().join(".");
+    id = url?.pathname.slice(1);
+  } catch (err) {
+    log3.catch(err, void 0, {
+      F: __dxlog_file3,
+      L: 34,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
+  }
+  return [
+    source,
+    id
+  ];
+};
+var SpaceResolverContext = /* @__PURE__ */ createContext2({
+  space: null,
+  setSpace: (_space) => {
+  }
+});
+var SpaceResolverProvider = ({ children }) => {
+  const identity = useIdentity();
+  const identityHex = identity?.identityKey.toHex();
+  const [source, id] = getLocationIdentifier();
+  const spaces = useSpaces({
+    all: true
+  });
+  const [nextSpace, setSpace] = useState4(null);
+  const space = useMemo3(() => nextSpace ?? (identityHex ? spaces.find((space2) => matchSpace(space2, identityHex, source, id)) ?? null : null), [
+    spaces,
+    nextSpace,
+    identityHex,
+    source,
+    id
+  ]);
+  return /* @__PURE__ */ React5.createElement(SpaceResolverContext.Provider, {
+    value: {
+      space,
+      setSpace,
+      source,
+      id,
+      identityHex
+    }
+  }, children);
+};
+var defaultDocumentResolverContext = {
+  document: null,
+  setDocument: (_document) => {
+  }
+};
+var DocumentResolverContext = /* @__PURE__ */ createContext2(defaultDocumentResolverContext);
+var DocumentResolverProviderImpl = ({ space, source, id, children }) => {
+  const spaceState = useMulticastObservable(space.state);
+  const [document2, setDocument] = useState4(null);
+  const defaultDisplayName = displayName(source, id);
+  const documents = useQuery(space, (obj) => {
+    const keys = getMeta(obj)?.keys;
+    return keys?.find((key) => key.source === source && key.id === id);
+  });
+  useEffect4(() => {
+    const handler = (event) => {
+      if (event.source !== window.parent || spaceState !== SpaceState.SPACE_READY) {
+        return;
+      }
+      if (event.data.type === "initial-data") {
+        const nextDocument = space.db.add(create(DocumentType, {
+          name: defaultDisplayName,
+          content: create(TextType, {
+            content: event.data.content
+          }),
+          threads: []
+        }, {
+          keys: [
+            {
+              source,
+              id
+            }
+          ]
+        }));
+        setDocument(nextDocument);
+      }
+    };
+    if (documents.length === 0) {
+      window.addEventListener("message", handler);
+      window.parent.postMessage({
+        type: "request-initial-data"
+      }, "https://github.com");
+      return () => window.removeEventListener("message", handler);
+    } else {
+      setDocument(documents[0]);
+    }
+  }, [
+    spaceState,
+    space,
+    documents
+  ]);
+  return /* @__PURE__ */ React5.createElement(DocumentResolverContext.Provider, {
+    value: {
+      document: document2,
+      setDocument
+    }
+  }, children);
+};
+var DocumentResolverProvider = ({ children }) => {
+  const { space, source, id } = useContext2(SpaceResolverContext);
+  return space && source && id ? /* @__PURE__ */ React5.createElement(DocumentResolverProviderImpl, {
+    space,
+    source,
+    id
+  }, children) : /* @__PURE__ */ React5.createElement(DocumentResolverContext.Provider, {
+    value: defaultDocumentResolverContext
+  }, children);
+};
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/SpacePickerTreeItem.tsx
+import { CaretDown, CaretRight } from "@phosphor-icons/react";
+import React7, { useMemo as useMemo4, useState as useState5 } from "react";
+import { DocumentType as DocumentType2 } from "@dxos/plugin-markdown/types";
+import { getSpaceDisplayName } from "@dxos/plugin-space";
+import { useMulticastObservable as useMulticastObservable2 } from "@dxos/react-client";
+import { SpaceState as SpaceState2, useQuery as useQuery2, Filter } from "@dxos/react-client/echo";
+import { Button, Tag, Tooltip, Tree, TreeItem as TreeItem2, useTranslation as useTranslation4 } from "@dxos/react-ui";
+import { staticDisabled } from "@dxos/react-ui-theme";
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/DocumentTreeItem.tsx
+import { TextAa } from "@phosphor-icons/react";
+import React6 from "react";
+import { useTranslation as useTranslation3, TreeItem } from "@dxos/react-ui";
+import { getSize as getSize2, mx as mx3 } from "@dxos/react-ui-theme";
+var DocumentTreeItem = ({ document: document2 }) => {
+  const { t } = useTranslation3(GITHUB_PLUGIN);
+  return /* @__PURE__ */ React6.createElement(TreeItem.Root, {
+    classNames: "flex gap-2"
+  }, /* @__PURE__ */ React6.createElement(TreeItem.Heading, {
+    classNames: "contents"
+  }, /* @__PURE__ */ React6.createElement(TextAa, {
+    weight: "regular",
+    className: mx3(getSize2(4), "shrink-0 mbs-2")
+  }), /* @__PURE__ */ React6.createElement("span", {
+    className: "grow mbs-2 text-sm no-leading"
+  }, document2.name || t("document title placeholder", {
+    ns: "dxos.org/plugin/markdown"
+  }))));
+};
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/SpacePickerTreeItem.tsx
+var SpacePickerTreeItem = ({ identityHex, space, source, id, setSpace, selected }) => {
+  const { t } = useTranslation4(GITHUB_PLUGIN);
+  const spaceSate = useMulticastObservable2(space.state);
+  const disabled = spaceSate !== SpaceState2.SPACE_READY;
+  const spaceDisplayName = getSpaceDisplayName(space);
+  const documents = useQuery2(space, Filter.schema(DocumentType2));
+  const hasDocuments = documents.length > 0;
+  const [open, setOpen] = useState5(false);
+  const nBoundMembers = useMemo4(() => {
+    return Object.keys(space.properties.members ?? {}).filter((identityHex2) => matchSpace(space, identityHex2, source, id)).length;
+  }, [
+    source,
+    id,
+    space.properties
+  ]);
+  const OpenTriggerIcon = open ? CaretDown : CaretRight;
+  return /* @__PURE__ */ React7.createElement(TreeItem2.Root, {
+    collapsible: true,
+    open,
+    onOpenChange: setOpen,
+    classNames: [
+      "mbe-2 block",
+      disabled && staticDisabled
+    ],
+    ...disabled && {
+      "aria-disabled": true
+    }
+  }, /* @__PURE__ */ React7.createElement("div", {
+    role: "none",
+    className: "flex items-center gap-2"
+  }, hasDocuments ? /* @__PURE__ */ React7.createElement(TreeItem2.OpenTrigger, null, /* @__PURE__ */ React7.createElement(OpenTriggerIcon, null)) : /* @__PURE__ */ React7.createElement(TreeItem2.OpenTrigger, {
+    disabled: true,
+    classNames: staticDisabled
+  }, /* @__PURE__ */ React7.createElement(CaretRight, null)), /* @__PURE__ */ React7.createElement(TreeItem2.Heading, {
+    classNames: "grow break-words pbs-1 text-base font-medium",
+    "data-testid": "composer.spaceTreeItemHeading"
+  }, Array.isArray(spaceDisplayName) ? t(...spaceDisplayName) : spaceDisplayName), nBoundMembers > 0 && /* @__PURE__ */ React7.createElement(Tooltip.Root, null, /* @__PURE__ */ React7.createElement(Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React7.createElement(Tag, {
+    palette: "info",
+    "aria-label": t("bound members message", {
+      count: nBoundMembers
+    })
+  }, nBoundMembers)), /* @__PURE__ */ React7.createElement(Tooltip.Portal, null, /* @__PURE__ */ React7.createElement(Tooltip.Content, {
+    side: "bottom"
+  }, /* @__PURE__ */ React7.createElement(Tooltip.Arrow, null), t("bound members message", {
+    count: nBoundMembers
+  })))), /* @__PURE__ */ React7.createElement(Button, {
+    disabled: selected,
+    density: "fine",
+    classNames: "shrink-0",
+    onClick: () => setSpace(space)
+  }, t(selected ? "selected label" : "select label"))), /* @__PURE__ */ React7.createElement(TreeItem2.Body, {
+    className: "pis-4"
+  }, hasDocuments && /* @__PURE__ */ React7.createElement(Tree.Branch, null, documents.map((document2) => /* @__PURE__ */ React7.createElement(DocumentTreeItem, {
+    key: document2.id,
+    document: document2
+  })))));
+};
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/ResolverTree.tsx
+var ResolverTree = () => {
+  const client = useClient();
+  const spaces = useSpaces2({
+    all: true
+  });
+  const treeLabel = useId3("treeLabel");
+  const { t } = useTranslation5(GITHUB_PLUGIN);
+  const { space: selectedSpace, setSpace: setSelectedSpace, source, id, identityHex } = useContext3(SpaceResolverContext);
+  const setSpace = useCallback((nextSpace) => {
+    if (identityHex && source && id) {
+      selectedSpace && unbindSpace(selectedSpace, identityHex, source, id);
+      nextSpace && bindSpace(nextSpace, identityHex, source, id);
+    }
+    setSelectedSpace(nextSpace);
+  }, [
+    selectedSpace,
+    setSelectedSpace,
+    identityHex,
+    source,
+    id
+  ]);
+  return spaces.length ? /* @__PURE__ */ React8.createElement(React8.Fragment, null, " ", /* @__PURE__ */ React8.createElement(Dialog.Title, {
+    tabIndex: -1,
+    classNames: "shrink-0"
+  }, t("resolver tree label")), /* @__PURE__ */ React8.createElement(Dialog.Description, null, t("resolver tree description")), /* @__PURE__ */ React8.createElement("div", {
+    role: "separator",
+    className: "shrink-0 bs-px bg-neutral-500/20 mlb-1"
+  }), /* @__PURE__ */ React8.createElement(Tree2.Root, {
+    "aria-label": t("resolver tree label"),
+    "data-testid": "composer.sidebarTree",
+    classNames: "overflow-y-auto -mli-2 p-2"
+  }, spaces.map((space) => {
+    return /* @__PURE__ */ React8.createElement(SpacePickerTreeItem, {
+      key: space.key.toHex(),
+      space,
+      selected: selectedSpace === space,
+      setSpace,
+      identityHex,
+      source,
+      id
+    });
+  }))) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("h1", {
+    className: "text-lg font-normal",
+    id: treeLabel
+  }, t("resolver no spaces message")), /* @__PURE__ */ React8.createElement("div", {
+    role: "separator",
+    className: "bs-px bg-neutral-500/20 mlb-2"
+  }), /* @__PURE__ */ React8.createElement(Button2, {
+    classNames: "block is-full",
+    onClick: async () => {
+      const space = await client.spaces.create();
+      bindSpace(space, identityHex, source, id);
+      setSpace(space);
+    }
+  }, t("resolver create space label")));
+};
+
+// packages/plugins/experimental/plugin-github/src/components/GithubEchoResolverProviders/ResolverDialog.tsx
+var ResolverDialog = ({ handleJoinSpace, handleCreateSpace }) => {
+  const { t } = useTranslation6(GITHUB_PLUGIN);
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(ResolverTree, null), /* @__PURE__ */ React9.createElement("div", {
+    role: "group",
+    className: "shrink-0 flex is-full gap-2"
+  }, /* @__PURE__ */ React9.createElement(Button3, {
+    classNames: "grow",
+    onClick: handleCreateSpace
+  }, t("create space label", {
+    ns: "appkit"
+  })), /* @__PURE__ */ React9.createElement(Button3, {
+    classNames: "grow",
+    onClick: handleJoinSpace
+  }, t("join space label", {
+    ns: "appkit"
+  }))));
+};
+
+// packages/plugins/experimental/plugin-github/src/components/EmbeddedMain/EmbeddedMain.tsx
+var overlayAttrs = {
+  side: "top",
+  sideOffset: 4
+};
+var EmbeddedLayoutImpl = () => {
+  const { t } = useTranslation7(GITHUB_PLUGIN);
+  const { space, source, id, identityHex } = useContext4(SpaceResolverContext);
+  const { document: document2 } = useContext4(DocumentResolverContext);
+  const { dispatch } = useIntent();
+  const client = useClient2();
+  const handleCloseEmbed = useCallback2(() => {
+    window.parent.postMessage({
+      type: "close-embed"
+    }, "https://github.com");
+  }, []);
+  const handleSaveAndCloseEmbed = useCallback2(() => {
+    document2 && window.parent.postMessage({
+      type: "save-data",
+      content: document2.content?.content
+    }, "https://github.com");
+  }, [
+    document2
+  ]);
+  const handleCreateSpace = () => dispatch({
+    action: SpaceAction.CREATE
+  });
+  const handleJoinSpace = () => dispatch({
+    action: SpaceAction.JOIN
+  });
+  const handleInvite = useCallback2(() => {
+    if (client && space) {
+      void client.shell.shareSpace({
+        spaceKey: space.key
+      });
+    }
+  }, [
+    client,
+    space
+  ]);
+  const [editorViewState, setEditorViewState] = useState6("editor");
+  const isPreviewing = editorViewState === "preview";
+  const suppressNextTooltip = useRef(false);
+  const [optionsTooltipOpen, setOptionsTooltipOpen] = useState6(false);
+  const [optionsMenuOpen, setOptionsMenuOpen] = useState6(false);
+  const [renameDialogOpen, setRenameDialogOpen] = useState6(false);
+  const [resolverDialogOpen, setResolverDialogOpen] = useState6(false);
+  const spaceFallbackValue = hexToFallback(space?.key.toHex() ?? "0");
+  const docGhId = useDocGhId((document2 ? getMeta2(document2)?.keys : []) ?? []);
+  const name = space && getSpaceDisplayName2(space);
+  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("style", {
+    type: "text/css"
+  }, `
+        :root {
+          --surface-bg: #F6F8FA;
+        }
+        .dark:root {
+          --surface-bg: #161b22;
+        }
+      `), /* @__PURE__ */ React10.createElement(DensityProvider, {
+    density: "fine"
+  }, /* @__PURE__ */ React10.createElement("div", {
+    role: "none",
+    className: "fixed inline-end-2 block-end-2 z-10 flex gap-2"
+  }, /* @__PURE__ */ React10.createElement(Tooltip2.Root, null, /* @__PURE__ */ React10.createElement(Tooltip2.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React10.createElement(Button4, {
+    disabled: !space,
+    onClick: handleInvite
+  }, /* @__PURE__ */ React10.createElement("span", {
+    className: "sr-only"
+  }, t("create invitation label", {
+    ns: "appkit"
+  })), /* @__PURE__ */ React10.createElement(UserPlus, {
+    className: getSize3(5)
+  }))), /* @__PURE__ */ React10.createElement(Tooltip2.Content, overlayAttrs, t("create invitation label", {
+    ns: "appkit"
+  }), /* @__PURE__ */ React10.createElement(Tooltip2.Arrow, null))), /* @__PURE__ */ React10.createElement(Tooltip2.Root, null, /* @__PURE__ */ React10.createElement(Tooltip2.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React10.createElement(Toggle, {
+    disabled: !(space && document2),
+    pressed: isPreviewing,
+    onPressedChange: (nextPressed) => setEditorViewState(nextPressed ? "preview" : "editor")
+  }, /* @__PURE__ */ React10.createElement("span", {
+    className: "sr-only"
+  }, t(isPreviewing ? "exit gfm preview label" : "preview gfm label")), isPreviewing ? /* @__PURE__ */ React10.createElement(PencilSimpleLine, {
+    className: getSize3(5)
+  }) : /* @__PURE__ */ React10.createElement(Eye, {
+    className: getSize3(5)
+  }))), /* @__PURE__ */ React10.createElement(Tooltip2.Content, overlayAttrs, t(isPreviewing ? "exit gfm preview label" : "preview gfm label"), /* @__PURE__ */ React10.createElement(Tooltip2.Arrow, null))), /* @__PURE__ */ React10.createElement(Tooltip2.Root, {
+    open: optionsTooltipOpen,
+    onOpenChange: (nextOpen) => {
+      if (suppressNextTooltip.current) {
+        setOptionsTooltipOpen(false);
+        suppressNextTooltip.current = false;
+      } else {
+        setOptionsTooltipOpen(nextOpen);
+      }
+    }
+  }, /* @__PURE__ */ React10.createElement(DropdownMenu.Root, {
+    modal: false,
+    open: optionsMenuOpen,
+    onOpenChange: (nextOpen) => {
+      if (!nextOpen) {
+        suppressNextTooltip.current = true;
+      }
+      return setOptionsMenuOpen(nextOpen);
+    }
+  }, /* @__PURE__ */ React10.createElement(Tooltip2.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React10.createElement(DropdownMenu.Trigger, {
+    asChild: true,
+    disabled: !(space && document2)
+  }, /* @__PURE__ */ React10.createElement(Button4, null, /* @__PURE__ */ React10.createElement(DotsThreeVertical, {
+    className: getSize3(5)
+  }), /* @__PURE__ */ React10.createElement("span", {
+    className: "sr-only"
+  }, t("embedded options label"))))), /* @__PURE__ */ React10.createElement(DropdownMenu.Content, overlayAttrs, /* @__PURE__ */ React10.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React10.createElement(DropdownMenu.Item, {
+    asChild: true
+  }, /* @__PURE__ */ React10.createElement("a", {
+    target: "_blank",
+    rel: "noreferrer",
+    href: space && document2 ? `${location.origin}/dxos/space/${space?.key.toHex() ?? "never"}/${document2.id}` : "#"
+  }, /* @__PURE__ */ React10.createElement(ArrowSquareOut2, {
+    className: mx4("shrink-0", getSize3(5))
+  }), /* @__PURE__ */ React10.createElement("span", {
+    className: "grow"
+  }, t("open in composer label", {
+    ns: GITHUB_PLUGIN
+  })))), /* @__PURE__ */ React10.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React10.createElement(DropdownMenu.GroupLabel, null, t("active space label", {
+    ns: SPACE_PLUGIN
+  }), /* @__PURE__ */ React10.createElement(Avatar.Root, {
+    size: 5,
+    variant: "circle"
+  }, /* @__PURE__ */ React10.createElement("div", {
+    role: "none",
+    className: "flex gap-1 mlb-1 items-center"
+  }, /* @__PURE__ */ React10.createElement(Avatar.Frame, null, /* @__PURE__ */ React10.createElement(Avatar.Fallback, {
+    text: spaceFallbackValue.emoji
+  })), /* @__PURE__ */ React10.createElement(Avatar.Label, {
+    classNames: "text-sm text-[--surface-text]"
+  }, name && toLocalizedString(name, t))))), /* @__PURE__ */ React10.createElement(DropdownMenu.Item, {
+    onClick: () => setRenameDialogOpen(true)
+  }, /* @__PURE__ */ React10.createElement("span", {
+    className: "grow"
+  }, t("rename space label", {
+    ns: SPACE_PLUGIN
+  })), /* @__PURE__ */ React10.createElement(PencilSimpleLine, {
+    className: mx4("shrink-0", getSize3(5))
+  })), /* @__PURE__ */ React10.createElement(DropdownMenu.Item, {
+    onClick: () => setResolverDialogOpen(true)
+  }, /* @__PURE__ */ React10.createElement("span", {
+    className: "grow"
+  }, t("unset repo space label")), /* @__PURE__ */ React10.createElement(Option, {
+    className: mx4("shrink-0", getSize3(5))
+  }))), /* @__PURE__ */ React10.createElement(DropdownMenu.Arrow, null)), /* @__PURE__ */ React10.createElement(Tooltip2.Content, overlayAttrs, t("embedded options label"), /* @__PURE__ */ React10.createElement(Tooltip2.Arrow, null)))), /* @__PURE__ */ React10.createElement(ButtonGroup, {
+    classNames: [
+      !(space && document2) && "shadow-none"
+    ]
+  }, /* @__PURE__ */ React10.createElement(Button4, {
+    disabled: !(space && document2),
+    onClick: handleSaveAndCloseEmbed
+  }, t("save and close label")), /* @__PURE__ */ React10.createElement(DropdownMenu.Root, null, /* @__PURE__ */ React10.createElement(DropdownMenu.Trigger, {
+    asChild: true,
+    disabled: !(space && document2)
+  }, /* @__PURE__ */ React10.createElement(Button4, null, /* @__PURE__ */ React10.createElement(CaretDown2, null))), /* @__PURE__ */ React10.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React10.createElement(DropdownMenu.Content, overlayAttrs, /* @__PURE__ */ React10.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React10.createElement(DropdownMenu.Item, {
+    onClick: handleSaveAndCloseEmbed,
+    classNames: "block"
+  }, /* @__PURE__ */ React10.createElement("p", null, t("save and close label")), /* @__PURE__ */ React10.createElement("p", {
+    className: descriptionText
+  }, t("save and close description"))), /* @__PURE__ */ React10.createElement(DropdownMenu.Item, {
+    onClick: handleCloseEmbed,
+    classNames: "block"
+  }, /* @__PURE__ */ React10.createElement("p", null, t("close label", {
+    ns: "appkit"
+  })), /* @__PURE__ */ React10.createElement("p", {
+    className: descriptionText
+  }, t("close embed description")))), /* @__PURE__ */ React10.createElement(DropdownMenu.Arrow, null)))))), space && document2 ? editorViewState === "preview" ? /* @__PURE__ */ React10.createElement(Main.Content, {
+    classNames: "min-bs-[100dvh] flex flex-col p-0.5"
+  }, /* @__PURE__ */ React10.createElement(GfmPreview, {
+    markdown: document2.content?.toString() ?? "",
+    ...docGhId && {
+      owner: docGhId.owner,
+      repo: docGhId.repo
+    }
+  })) : (
+    // TODO(burdon): This will break since model is not defined.
+    /* @__PURE__ */ React10.createElement(Surface, {
+      role: "main",
+      data: {
+        properties: document2,
+        view: "embedded"
+      }
+    })
+  ) : source && id && identityHex ? /* @__PURE__ */ React10.createElement(Dialog2.Root, {
+    open: true,
+    onOpenChange: () => true
+  }, /* @__PURE__ */ React10.createElement("div", {
+    role: "none",
+    className: defaultTx("dialog.overlay", "dialog--resolver__overlay", {}, "static bs-full")
+  }, /* @__PURE__ */ React10.createElement("div", {
+    role: "none",
+    className: defaultTx("dialog.content", "dialog--resolver__content", {}, "p-2 bs-72 flex flex-col shadow-none bg-transparent")
+  }, /* @__PURE__ */ React10.createElement(ResolverDialog, {
+    handleCreateSpace,
+    handleJoinSpace
+  })))) : null, space && /* @__PURE__ */ React10.createElement(Dialog2.Root, {
+    open: renameDialogOpen,
+    onOpenChange: setRenameDialogOpen
+  }, /* @__PURE__ */ React10.createElement(Dialog2.Overlay, {
+    classNames: "backdrop-blur"
+  }, /* @__PURE__ */ React10.createElement(Dialog2.Content, null, /* @__PURE__ */ React10.createElement(Surface, {
+    role: "dialog",
+    data: {
+      content: "dxos.org/plugin/space/RenameSpaceDialog",
+      subject: space
+    }
+  })))), /* @__PURE__ */ React10.createElement(Dialog2.Root, {
+    open: resolverDialogOpen,
+    onOpenChange: setResolverDialogOpen
+  }, /* @__PURE__ */ React10.createElement(Dialog2.Overlay, {
+    classNames: "backdrop-blur"
+  }, /* @__PURE__ */ React10.createElement(Dialog2.Content, null, /* @__PURE__ */ React10.createElement(ResolverDialog, {
+    handleCreateSpace,
+    handleJoinSpace
+  }))))));
+};
+var EmbeddedMain = () => {
+  return /* @__PURE__ */ React10.createElement(SpaceResolverProvider, null, /* @__PURE__ */ React10.createElement(DocumentResolverProvider, null, /* @__PURE__ */ React10.createElement(EmbeddedLayoutImpl, null)));
+};
+
+// packages/plugins/experimental/plugin-github/src/components/ExportDialog.tsx
+import React11, { useCallback as useCallback3, useState as useState7 } from "react";
+import { log as log4 } from "@dxos/log";
+import { Button as Button5, Dialog as Dialog3, Input as Input2, Trans as Trans2, useTranslation as useTranslation8 } from "@dxos/react-ui";
+
+// packages/plugins/experimental/plugin-github/src/components/ImportDialog.tsx
+import React12, { useCallback as useCallback4 } from "react";
+import { log as log5 } from "@dxos/log";
+import { Button as Button6, Dialog as Dialog4, useTranslation as useTranslation9 } from "@dxos/react-ui";
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-github/src/components/ImportDialog.tsx";
+var ImportDialog = ({ docGhId, onUpdate }) => {
+  const { t } = useTranslation9(GITHUB_PLUGIN);
+  const { octokit } = useOctokitContext();
+  const importGhIssueContent = useCallback4(async () => {
+    if (octokit && docGhId && "issueNumber") {
+      try {
+        const { owner, repo, issueNumber } = docGhId;
+        const { data } = await octokit.rest.issues.get({
+          owner,
+          repo,
+          issue_number: issueNumber
+        });
+        onUpdate(data.body ?? "");
+      } catch (err) {
+        log5.error("Failed to import from Github issue", err, {
+          F: __dxlog_file4,
+          L: 25,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+      }
+    } else {
+      log5.error("Not prepared to import from Github issue when requested.", void 0, {
+        F: __dxlog_file4,
+        L: 28,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  }, [
+    octokit,
+    docGhId
+  ]);
+  const importGhFileContent = useCallback4(async () => {
+    if (octokit && docGhId && "path" in docGhId) {
+      try {
+        const { owner, repo, path } = docGhId;
+        const { data } = await octokit.rest.repos.getContent({
+          owner,
+          repo,
+          path
+        });
+        if (!Array.isArray(data) && data.type === "file") {
+          onUpdate(atob(data.content));
+        } else {
+          log5.error("Did not receive file with content from Github.", void 0, {
+            F: __dxlog_file4,
+            L: 40,
+            S: void 0,
+            C: (f, a) => f(...a)
+          });
+        }
+      } catch (err) {
+        log5.error("Failed to import from Github file", err, {
+          F: __dxlog_file4,
+          L: 43,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+      }
+    } else {
+      log5.error("Not prepared to import from Github file when requested.", void 0, {
+        F: __dxlog_file4,
+        L: 46,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  }, [
+    octokit,
+    docGhId
+  ]);
+  const handleGhImport = useCallback4(() => {
+    return docGhId && ("issueNumber" in docGhId ? importGhIssueContent() : "path" in docGhId ? importGhFileContent() : null);
+  }, [
+    importGhIssueContent,
+    importGhFileContent,
+    docGhId
+  ]);
+  return /* @__PURE__ */ React12.createElement(Dialog4.Content, null, /* @__PURE__ */ React12.createElement(Dialog4.Title, null, t("confirm import title")), /* @__PURE__ */ React12.createElement("p", {
+    className: "plb-2"
+  }, t("confirm import body")), /* @__PURE__ */ React12.createElement("div", {
+    role: "none",
+    className: "flex justify-end gap-2"
+  }, /* @__PURE__ */ React12.createElement(Dialog4.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React12.createElement(Button6, null, t("cancel label", {
+    ns: "appkit"
+  }))), /* @__PURE__ */ React12.createElement(Dialog4.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React12.createElement(Button6, {
+    variant: "primary",
+    onClick: handleGhImport
+  }, t("import from github label")))));
+};
+
+// packages/plugins/experimental/plugin-github/src/components/Issue.tsx
+import { IconBase } from "@phosphor-icons/react";
+import React13, { forwardRef } from "react";
+var weights = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement("path", {
+      d: "M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Z"
+    }), /* @__PURE__ */ React13.createElement("path", {
+      d: "M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128Z"
+    }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement("path", {
+      d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
+      opacity: "0.2"
+    }), /* @__PURE__ */ React13.createElement("path", {
+      d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z"
+    }), /* @__PURE__ */ React13.createElement("path", {
+      d: "M176,128a48,48,0,1,1-48-48A48,48,0,0,1,176,128Z",
+      opacity: "0.2"
+    }), /* @__PURE__ */ React13.createElement("path", {
+      d: "M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z"
+    }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement("path", {
+      d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z"
+    }), /* @__PURE__ */ React13.createElement("path", {
+      d: "M128,80a48,48,0,1,0,48,48A48,48,0,0,0,128,80Zm0,60a12,12,0,1,1,12-12A12,12,0,0,1,128,140Z"
+    }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement("path", {
+      d: "M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Z"
+    }), /* @__PURE__ */ React13.createElement("path", {
+      d: "M138,128a10,10,0,1,1-10-10A10,10,0,0,1,138,128Z"
+    }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement("path", {
+      d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z"
+    }), /* @__PURE__ */ React13.createElement("path", {
+      d: "M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z"
+    }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement("path", {
+      d: "M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Z"
+    }), /* @__PURE__ */ React13.createElement("path", {
+      d: "M136,128a8,8,0,1,1-8-8A8,8,0,0,1,136,128Z"
+    }))
+  ]
+]);
+var Issue = /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React13.createElement(IconBase, {
+  ref,
+  ...props,
+  weights
+}));
+Issue.displayName = "Issue";
+
+// packages/plugins/experimental/plugin-github/src/components/MarkdownActions.tsx
+import { ArrowSquareOut as ArrowSquareOut3, FileArrowDown, FileArrowUp, Link as Link2, LinkBreak } from "@phosphor-icons/react";
+import React14, { useCallback as useCallback5 } from "react";
+import { LayoutAction, useIntent as useIntent2 } from "@dxos/app-framework";
+import { log as log6 } from "@dxos/log";
+import { getMeta as getMeta3 } from "@dxos/react-client/echo";
+import { DropdownMenu as DropdownMenu2, useTranslation as useTranslation10 } from "@dxos/react-ui";
+import { getSize as getSize4 } from "@dxos/react-ui-theme";
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-github/src/components/MarkdownActions.tsx";
+var MarkdownActions = ({ content, properties }) => {
+  const ghId = getMeta3(properties)?.keys?.find((key) => key.source === "github.com")?.id;
+  const { octokit } = useOctokitContext();
+  const { t } = useTranslation10(GITHUB_PLUGIN);
+  const { dispatch } = useIntent2();
+  const docGhId = useDocGhId(properties.__meta?.keys ?? []);
+  const updateIssueContent = useCallback5(() => {
+    const { owner, repo, issueNumber } = docGhId;
+    return octokit.rest.issues.update({
+      owner,
+      repo,
+      issue_number: issueNumber,
+      body: content
+    });
+  }, [
+    octokit,
+    docGhId,
+    content
+  ]);
+  const exportGhIssueContent = useCallback5(async () => {
+    if (octokit && docGhId && "issueNumber" in docGhId && content) {
+      try {
+        const { data: { html_url: issueUrl } } = await updateIssueContent();
+        await dispatch({
+          action: LayoutAction.SET_LAYOUT,
+          data: {
+            element: "dialog",
+            component: "dxos.org/plugin/github/ExportDialog",
+            subject: {
+              type: "response",
+              target: issueUrl,
+              docGhId,
+              content
+            }
+          }
+        });
+      } catch (err) {
+        log6.error("Failed to export to Github issue", void 0, {
+          F: __dxlog_file5,
+          L: 56,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+      }
+    } else {
+      log6.error("Not prepared to export to Github issue when requested.", void 0, {
+        F: __dxlog_file5,
+        L: 59,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  }, [
+    octokit,
+    docGhId,
+    content
+  ]);
+  const handleGhExport = useCallback5(() => {
+    if ("issueNumber" in docGhId) {
+      void exportGhIssueContent();
+    } else if ("path" in docGhId) {
+      void dispatch({
+        action: LayoutAction.SET_LAYOUT,
+        data: {
+          element: "dialog",
+          component: "dxos.org/plugin/github/ExportDialog",
+          subject: {
+            type: "create-pr",
+            content,
+            docGhId
+          }
+        }
+      });
+    }
+  }, [
+    exportGhIssueContent,
+    docGhId
+  ]);
+  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(DropdownMenu2.GroupLabel, null, t("markdown actions label")), docGhId ? /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(DropdownMenu2.Item, {
+    classNames: "gap-2",
+    disabled: !docGhId,
+    onClick: () => (
+      // TODO(burdon): Intent should return content value from dialog.
+      dispatch({
+        action: LayoutAction.SET_LAYOUT,
+        data: {
+          element: "dialog",
+          component: "dxos.org/plugin/github/ImportDialog",
+          subject: {
+            docGhId
+          }
+        }
+      })
+    )
+  }, /* @__PURE__ */ React14.createElement(FileArrowDown, {
+    className: getSize4(4)
+  }), /* @__PURE__ */ React14.createElement("span", {
+    className: "grow"
+  }, t("import from github label"))), /* @__PURE__ */ React14.createElement(DropdownMenu2.Item, {
+    classNames: "gap-2",
+    disabled: !docGhId,
+    onClick: () => docGhId && handleGhExport()
+  }, /* @__PURE__ */ React14.createElement(FileArrowUp, {
+    className: getSize4(4)
+  }), /* @__PURE__ */ React14.createElement("span", {
+    className: "grow"
+  }, t("export to github label"))), /* @__PURE__ */ React14.createElement(DropdownMenu2.Item, {
+    asChild: true,
+    classNames: "gap-2",
+    disabled: !ghId
+  }, /* @__PURE__ */ React14.createElement("a", ghId ? {
+    href: `https://github.com/${ghId}`,
+    target: "_blank",
+    rel: "noreferrer"
+  } : {
+    href: "#"
+  }, /* @__PURE__ */ React14.createElement(ArrowSquareOut3, {
+    className: getSize4(4)
+  }), /* @__PURE__ */ React14.createElement("span", {
+    className: "grow"
+  }, t("open in github label")))), /* @__PURE__ */ React14.createElement(DropdownMenu2.Item, {
+    classNames: "gap-2",
+    onClick: () => {
+      const index = getMeta3(properties)?.keys?.findIndex((key) => key.source === "github.com");
+      typeof index !== "undefined" && index >= 0 && properties.__meta?.keys?.splice(index, 1);
+    }
+  }, /* @__PURE__ */ React14.createElement(LinkBreak, {
+    className: getSize4(4)
+  }), /* @__PURE__ */ React14.createElement("span", {
+    className: "grow"
+  }, t("unbind to file in github label")))) : /* @__PURE__ */ React14.createElement(DropdownMenu2.Item, {
+    classNames: "gap-2",
+    onClick: () => dispatch({
+      action: LayoutAction.SET_LAYOUT,
+      data: {
+        element: "dialog",
+        component: "dxos.org/plugin/github/BindDialog",
+        subject: properties
+      }
+    })
+  }, /* @__PURE__ */ React14.createElement(Link2, {
+    className: getSize4(4)
+  }), /* @__PURE__ */ React14.createElement("span", {
+    className: "grow"
+  }, t("bind to file in github label"))));
+};
+
+// packages/plugins/experimental/plugin-github/src/components/UrlDialog.tsx
+import React15, { useState as useState8 } from "react";
+import { Dialog as Dialog5, Button as Button7, useTranslation as useTranslation11, Input as Input3 } from "@dxos/react-ui";
+var UrlDialog = ({ properties }) => {
+  const { t } = useTranslation11(GITHUB_PLUGIN);
+  const [ghUrlValue, setGhUrlValue] = useState8("");
+  const ghId = useGhIdFromUrl(ghUrlValue);
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(Dialog5.Title, {
+    classNames: "mbe-2"
+  }, t("bind to file in github label")), /* @__PURE__ */ React15.createElement(Input3.Root, {
+    validationValence: "error"
+  }, /* @__PURE__ */ React15.createElement(Input3.Label, null, t("paste url to file in github label")), /* @__PURE__ */ React15.createElement(Input3.TextInput, {
+    placeholder: t("paste url to file in github placeholder"),
+    value: ghUrlValue,
+    onChange: ({ target: { value } }) => setGhUrlValue(value)
+  }), /* @__PURE__ */ React15.createElement(Input3.DescriptionAndValidation, null, ghUrlValue.length > 0 && !ghId && /* @__PURE__ */ React15.createElement(Input3.Validation, null, t("error github markdown path message")), /* @__PURE__ */ React15.createElement(Input3.Description, null, t("paste url to file in github description")))), /* @__PURE__ */ React15.createElement("div", {
+    role: "none",
+    className: "flex justify-end gap-2"
+  }, /* @__PURE__ */ React15.createElement(Dialog5.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React15.createElement(Button7, {
+    classNames: "mbs-2",
+    onClick: () => {
+      if (ghId && document) {
+        properties.__meta.keys.push({
+          source: "github.com",
+          id: ghId
+        });
+      }
+    }
+  }, t("done label", {
+    ns: "os"
+  })))));
+};
+
+// packages/plugins/experimental/plugin-github/src/translations.ts
+var translations_default = [
+  {
+    "en-US": {
+      [GITHUB_PLUGIN]: {
+        "plugin name": "GitHub",
+        "markdown actions label": "GitHub actions",
+        "unbind to file in github label": "Disconnect from\xA0GitHub",
+        "bind to file in github label": "Connect to issue or file in\xA0GitHub",
+        "github pat label": "GitHub personal access\xA0token:",
+        "github pat description": "Composer needs this in order to communicate with GitHub. <docsLink>GitHub\u2019s documentation describes how to create a token.</docsLink> Composer only needs write access to issues, contents, and pull\xA0requests.",
+        "github pat description href": "https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens",
+        "empty github pat message": "Set a GitHub personal access token to\xA0continue.",
+        "set github pat label": "Set GitHub token",
+        "error github pat message": "There was a problem authenticating with GitHub using the personal access token\xA0provided.",
+        "error github markdown path message": "This is not a valid path to a Markdown file or Issue in\xA0GitHub.",
+        "paste url to file in github label": "Paste the URL to the Issue or Markdown file in\xA0GitHub.",
+        "paste url to file in github description": "Navigate to the issue or file in GitHub, then copy the URL in your browser and paste it\xA0here.",
+        "paste url to file in github placeholder": "https://github.com/owner/repo/blob/main/path/to/README.md",
+        "confirm export title": "Export to GitHub",
+        "export to github success message": "<resultStyle>Success!</resultStyle> Your changes are now live here: <prLink>{{linkText}}</prLink>",
+        "github branch name label": "Name of the branch to\xA0create",
+        "github branch name placeholder": "update-readme",
+        "github commit message label": "Commit message",
+        "github commit message placeholder": "Updated README.md",
+        "save and close description": "Save changes to GitHub and close the\xA0editor",
+        "close embed description": "Close the editor without saving changes to GitHub. Your changes will still persist in\xA0Composer.",
+        "resolver init document message": "Syncing this document, one\xA0moment\u2026",
+        "comment stale title": "No longer in-sync",
+        "comment stale body": "The document in GitHub was updated in another session. To re-sync, please save your changes, reload the page, and choose to edit from GitHub\xA0again.",
+        "open in github label": "Open in GitHub",
+        "stale rescue title": "Set a personal access\xA0token",
+        "stale rescue description": "Another user has recently updated this issue, so GitHub won\u2019t accept your changes unless you set a personal access token (a PAT) here, or refresh the\xA0page.",
+        "embedded options label": "Options",
+        "unset repo space label": "Select a different space for this\xA0repository",
+        "loading preview message": "Loading preview\u2026",
+        "preview gfm label": "Preview Markdown",
+        "exit gfm preview label": "Exit preview",
+        "save and close label": "Save & close",
+        "export to github label": "Export to GitHub",
+        "import from github label": "Import from GitHub",
+        "resolver tree label": "Choose a Space",
+        "resolver tree description": "To collaborate on documents in this repository, choose the Space that will store and control access to the documents.",
+        "resolver no spaces message": "You aren\u2019t in any spaces yet",
+        "resolver create space label": "Create a space for this repository",
+        "bound members message_one": "One member uses this space for this repository",
+        "bound members message_other": "{{count}} members use this space for this repository",
+        "select label": "Select",
+        "selected label": "Selected",
+        "open in composer label": "Open in Composer",
+        "confirm import title": "Overwrite this document\u2019s content?",
+        "confirm import body": "Importing will overwrite this document\u2019s content. If you\u2019d rather import into a new document, first create a new document and then import into it.",
+        "target blank description": "Link opens in a new tab."
+      }
+    }
+  }
+];
+
+// packages/plugins/experimental/plugin-github/src/GithubPlugin.tsx
+var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-github/src/GithubPlugin.tsx";
+var GithubPlugin = () => {
+  const settings = new LocalStorageStore(GITHUB_PLUGIN);
+  return {
+    meta: meta_default,
+    ready: async () => {
+      settings.prop({
+        key: "pat",
+        type: LocalStorageStore.string({
+          allowUndefined: true
+        })
+      });
+    },
+    unload: async () => {
+      settings.close();
+    },
+    provides: {
+      settings: settings.values,
+      translations: translations_default,
+      graph: {
+        builder: (plugins) => {
+          const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
+          if (!client) {
+            return [];
+          }
+          return createExtension({
+            id: GITHUB_PLUGIN,
+            filter: (node) => isSpace(node.data),
+            connector: ({ node }) => {
+              const documents = memoizeQuery(node.data, Filter2.schema(DocumentType3, (doc) => getMeta4(doc)?.keys?.find((key) => key?.source?.includes("github"))));
+              if (documents.length > 0) {
+                return [
+                  {
+                    id: `${GITHUB_PLUGIN_SHORT_ID}:${node.id}`,
+                    data: GITHUB_PLUGIN_SHORT_ID,
+                    type: GITHUB_PLUGIN,
+                    properties: {
+                      label: [
+                        "plugin name",
+                        {
+                          ns: GITHUB_PLUGIN
+                        }
+                      ],
+                      icon: (props) => /* @__PURE__ */ React16.createElement(GithubLogo, props),
+                      iconSymbol: "ph--github-logo--regular"
+                    }
+                  }
+                ];
+              }
+            }
+          });
+        }
+      },
+      context: (props) => /* @__PURE__ */ React16.createElement(OctokitProvider, {
+        pat: settings.values.pat,
+        onPatChanged: (pat) => settings.values.pat = pat,
+        ...props
+      }),
+      surface: {
+        component: ({ data, role }) => {
+          switch (data.component) {
+            case `${GITHUB_PLUGIN}/embedded`:
+              return /* @__PURE__ */ React16.createElement(EmbeddedMain, null);
+          }
+          switch (role) {
+            case "dialog":
+              switch (data.content) {
+                case "dxos.org/plugin/github/BindDialog":
+                  return isMarkdownProperties(data.properties) ? /* @__PURE__ */ React16.createElement(UrlDialog, {
+                    properties: data.properties
+                  }) : null;
+                case "dxos.org/plugin/github/ExportDialog":
+                  return null;
+                case "dxos.org/plugin/github/ImportDialog":
+                  return /* @__PURE__ */ React16.createElement(ImportDialog, {
+                    docGhId: data.docGhId,
+                    onUpdate: (content) => {
+                      log7.info("onUpdate", content, {
+                        F: __dxlog_file6,
+                        L: 107,
+                        S: void 0,
+                        C: (f, a) => f(...a)
+                      });
+                    }
+                  });
+                default:
+                  return null;
+              }
+            case "menuitem":
+              return typeof data.content === "string" && isMarkdownProperties(data.properties) && !data.properties.readonly ? /* @__PURE__ */ React16.createElement(MarkdownActions, {
+                content: data.content,
+                properties: data.properties
+              }) : null;
+            case "settings":
+              return data.plugin === meta_default.id ? /* @__PURE__ */ React16.createElement(GitHubSettings, null) : null;
+            default:
+              return null;
+          }
+        }
+      }
+    }
+  };
+};
+
+// packages/plugins/experimental/plugin-github/src/index.ts
+var src_default = GithubPlugin;
+export {
+  GithubPlugin,
+  src_default as default
+};
+//# sourceMappingURL=index.mjs.map