npm - @plateerlab/xgen-gallery - Versions diffs - 0.1.0 - Mend

@plateerlab/xgen-gallery 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.mjs ADDED Viewed

@@ -0,0 +1,534 @@
+// src/XgenGallery.tsx
+import { useEffect, useState, useCallback } from "react";
+// src/api.ts
+var API = "https://api.github.com";
+function headers(token) {
+  const h = { Accept: "application/vnd.github.v3+json" };
+  if (token) h.Authorization = `Bearer ${token}`;
+  return h;
+}
+async function fetchRepos(org, token) {
+  try {
+    const res = await fetch(`${API}/orgs/${org}/repos?per_page=100&sort=updated`, {
+      headers: headers(token)
+    });
+    if (!res.ok) return [];
+    return res.json();
+  } catch {
+    return [];
+  }
+}
+async function fetchReadme(org, repo, token) {
+  try {
+    const res = await fetch(`${API}/repos/${org}/${repo}/readme`, {
+      headers: { ...headers(token), Accept: "application/vnd.github.v3.raw" }
+    });
+    if (!res.ok) return null;
+    return res.text();
+  } catch {
+    return null;
+  }
+}
+async function fetchDemoSnippets(org, repo, readme, token) {
+  for (const path of [".xgen-gallery/demo.json", "demo.json"]) {
+    try {
+      const res = await fetch(`${API}/repos/${org}/${repo}/contents/${path}`, {
+        headers: { ...headers(token), Accept: "application/vnd.github.v3.raw" }
+      });
+      if (!res.ok) continue;
+      const data = await res.json();
+      if (data.snippets?.length) return data.snippets;
+    } catch {
+      continue;
+    }
+  }
+  try {
+    const res = await fetch(`${API}/repos/${org}/${repo}/contents/examples`, {
+      headers: headers(token)
+    });
+    if (res.ok) {
+      const files = await res.json();
+      const pyFiles = files.filter((f) => f.name.endsWith(".py")).slice(0, 5);
+      const snippets = [];
+      for (const f of pyFiles) {
+        try {
+          const r = await fetch(f.download_url);
+          if (r.ok) {
+            const code = await r.text();
+            snippets.push({ label: f.name.replace(/\.py$/, "").replace(/[_-]/g, " "), code: code.trim() });
+          }
+        } catch {
+          continue;
+        }
+      }
+      if (snippets.length) return snippets;
+    }
+  } catch {
+  }
+  let md = readme;
+  if (!md) md = await fetchReadme(org, repo, token);
+  if (md) {
+    const blocks = extractPythonBlocks(md);
+    if (blocks.length) return blocks;
+  }
+  return [];
+}
+function extractPythonBlocks(readme) {
+  const snippets = [];
+  const lines = readme.split("\n");
+  let i = 0;
+  while (i < lines.length) {
+    if (/^```(?:python|py)\s*$/i.test(lines[i].trim())) {
+      let label = "";
+      for (let j = i - 1; j >= Math.max(0, i - 5); j--) {
+        const prev = lines[j].trim();
+        if (/^#{1,4}\s+/.test(prev)) {
+          label = prev.replace(/^#+\s+/, "");
+          break;
+        }
+        if (prev && !label) label = prev;
+      }
+      const codeLines = [];
+      i++;
+      while (i < lines.length && !lines[i].trim().startsWith("```")) {
+        codeLines.push(lines[i]);
+        i++;
+      }
+      const code = codeLines.join("\n").trim();
+      if (code && code.split("\n").length >= 2 && !code.startsWith("pip ") && !code.startsWith("$ pip")) {
+        snippets.push({ label: label || `Example ${snippets.length + 1}`, code });
+      }
+    }
+    i++;
+  }
+  return snippets;
+}
+// src/styles.ts
+var themes = {
+  dark: {
+    bg: "#0a0a0f",
+    bgCard: "#12121a",
+    bgCardHover: "#1a1a25",
+    border: "#1e1e2e",
+    text: "#e8e8f0",
+    textSecondary: "#a0a0b8",
+    textMuted: "#6b6b80",
+    accent: "#6c63ff",
+    accentLight: "#8b83ff",
+    accentGlow: "rgba(108,99,255,0.15)"
+  },
+  light: {
+    bg: "#f8f9fa",
+    bgCard: "#ffffff",
+    bgCardHover: "#f0f0f5",
+    border: "#e0e0e8",
+    text: "#1a1a2e",
+    textSecondary: "#4a4a5a",
+    textMuted: "#8a8a9a",
+    accent: "#5b52e0",
+    accentLight: "#5b52e0",
+    accentGlow: "rgba(91,82,224,0.1)"
+  }
+};
+var LANG_COLORS = {
+  Python: "#3572A5",
+  TypeScript: "#3178c6",
+  JavaScript: "#f1e05a",
+  Rust: "#dea584",
+  HTML: "#e34c26",
+  CSS: "#563d7c",
+  Go: "#00ADD8",
+  Shell: "#89e051",
+  Java: "#b07219",
+  "C++": "#f34b7d",
+  C: "#555555",
+  Ruby: "#701516"
+};
+// src/ReadmeView.tsx
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import rehypeRaw from "rehype-raw";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReadmeView({
+  org,
+  repoName,
+  content,
+  t
+}) {
+  if (!content) {
+    return /* @__PURE__ */ jsx("div", { style: { textAlign: "center", padding: 40, color: t.textMuted }, children: "README not found" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "xgen-markdown", style: { color: t.text, lineHeight: 1.7, fontSize: 14 }, children: [
+    /* @__PURE__ */ jsx("style", { children: markdownStyles(t) }),
+    /* @__PURE__ */ jsx(
+      ReactMarkdown,
+      {
+        remarkPlugins: [remarkGfm],
+        rehypePlugins: [rehypeRaw],
+        components: {
+          img: ({ src, alt, ...props }) => {
+            let resolved = src;
+            if (typeof src === "string" && !src.startsWith("http")) {
+              resolved = `https://raw.githubusercontent.com/${org}/${repoName}/main/${src}`;
+            }
+            return /* @__PURE__ */ jsx("img", { src: resolved, alt: alt || "", style: { maxWidth: "100%" }, ...props });
+          },
+          a: ({ href, children, ...props }) => /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", style: { color: t.accentLight }, ...props, children }),
+          code: ({ children, className, ...props }) => {
+            const isBlock = className?.includes("language-");
+            if (isBlock) {
+              return /* @__PURE__ */ jsx(
+                "code",
+                {
+                  style: {
+                    display: "block",
+                    background: t.bg,
+                    padding: 16,
+                    borderRadius: 8,
+                    overflow: "auto",
+                    fontSize: 13,
+                    lineHeight: 1.6
+                  },
+                  ...props,
+                  children
+                }
+              );
+            }
+            return /* @__PURE__ */ jsx("code", { style: { background: t.accentGlow, padding: "2px 6px", borderRadius: 4, fontSize: 13 }, ...props, children });
+          }
+        },
+        children: content
+      }
+    )
+  ] });
+}
+function markdownStyles(t) {
+  return `
+    .xgen-markdown h1, .xgen-markdown h2, .xgen-markdown h3 { color: ${t.text}; margin: 1.2em 0 0.5em; }
+    .xgen-markdown h1 { font-size: 1.8em; border-bottom: 1px solid ${t.border}; padding-bottom: 8px; }
+    .xgen-markdown h2 { font-size: 1.4em; border-bottom: 1px solid ${t.border}; padding-bottom: 6px; }
+    .xgen-markdown h3 { font-size: 1.15em; }
+    .xgen-markdown p { margin: 0.8em 0; }
+    .xgen-markdown ul, .xgen-markdown ol { padding-left: 24px; }
+    .xgen-markdown li { margin: 4px 0; }
+    .xgen-markdown pre { background: ${t.bg}; border: 1px solid ${t.border}; border-radius: 8px; padding: 16px; overflow: auto; margin: 12px 0; }
+    .xgen-markdown blockquote { border-left: 3px solid ${t.accent}; padding-left: 12px; color: ${t.textSecondary}; margin: 12px 0; }
+    .xgen-markdown table { border-collapse: collapse; width: 100%; margin: 12px 0; }
+    .xgen-markdown th, .xgen-markdown td { border: 1px solid ${t.border}; padding: 8px 12px; text-align: left; }
+    .xgen-markdown th { background: ${t.bgCard}; font-weight: 600; }
+    .xgen-markdown hr { border: none; border-top: 1px solid ${t.border}; margin: 16px 0; }
+  `;
+}
+// src/XgenGallery.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function XgenGallery({ org, token, theme: themeName = "dark", limit, onRepoClick }) {
+  const t = themes[themeName];
+  const [repos, setRepos] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [search, setSearch] = useState("");
+  const [lang, setLang] = useState(null);
+  const [view, setView] = useState({ type: "list" });
+  useEffect(() => {
+    fetchRepos(org, token).then((data) => {
+      setRepos(limit ? data.slice(0, limit) : data);
+      setLoading(false);
+    });
+  }, [org, token, limit]);
+  const languages = [...new Set(repos.map((r) => r.language).filter(Boolean))];
+  const filtered = repos.filter((r) => {
+    if (lang && r.language !== lang) return false;
+    if (search) {
+      const q = search.toLowerCase();
+      return r.name.toLowerCase().includes(q) || (r.description || "").toLowerCase().includes(q);
+    }
+    return true;
+  });
+  const handleCardClick = useCallback((repo) => {
+    if (onRepoClick) {
+      onRepoClick(repo);
+    } else {
+      setView({ type: "detail", repo });
+    }
+  }, [onRepoClick]);
+  if (view.type === "detail") {
+    return /* @__PURE__ */ jsx2(RepoDetail, { org, repo: view.repo, token, t, onBack: () => setView({ type: "list" }) });
+  }
+  return /* @__PURE__ */ jsxs2("div", { style: { background: t.bg, color: t.text, fontFamily: "system-ui, -apple-system, sans-serif", padding: 24 }, children: [
+    /* @__PURE__ */ jsxs2("div", { style: { marginBottom: 24 }, children: [
+      /* @__PURE__ */ jsx2("h2", { style: { fontSize: 24, fontWeight: 700, margin: 0 }, children: org }),
+      /* @__PURE__ */ jsxs2("p", { style: { color: t.textMuted, fontSize: 14, margin: "4px 0 0" }, children: [
+        repos.length,
+        " repositories"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search...",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          style: {
+            background: t.bgCard,
+            border: `1px solid ${t.border}`,
+            borderRadius: 8,
+            padding: "8px 12px",
+            color: t.text,
+            fontSize: 14,
+            outline: "none",
+            flex: "1 1 200px"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          onClick: () => setLang(null),
+          style: {
+            padding: "6px 12px",
+            borderRadius: 8,
+            fontSize: 12,
+            fontWeight: 500,
+            cursor: "pointer",
+            background: !lang ? t.accent : "transparent",
+            color: !lang ? "#fff" : t.textMuted,
+            border: `1px solid ${!lang ? t.accent : t.border}`
+          },
+          children: "All"
+        }
+      ),
+      languages.map((l) => /* @__PURE__ */ jsx2(
+        "button",
+        {
+          onClick: () => setLang(lang === l ? null : l),
+          style: {
+            padding: "6px 12px",
+            borderRadius: 8,
+            fontSize: 12,
+            fontWeight: 500,
+            cursor: "pointer",
+            background: lang === l ? t.accent : "transparent",
+            color: lang === l ? "#fff" : t.textMuted,
+            border: `1px solid ${lang === l ? t.accent : t.border}`
+          },
+          children: l
+        },
+        l
+      ))
+    ] }),
+    loading ? /* @__PURE__ */ jsx2("div", { style: { textAlign: "center", padding: 60, color: t.textMuted }, children: "Loading..." }) : /* @__PURE__ */ jsx2("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: 16 }, children: filtered.map((repo) => /* @__PURE__ */ jsx2(RepoCard, { repo, t, onClick: () => handleCardClick(repo) }, repo.name)) }),
+    !loading && filtered.length === 0 && /* @__PURE__ */ jsx2("div", { style: { textAlign: "center", padding: 60, color: t.textMuted }, children: "No results" })
+  ] });
+}
+function RepoCard({ repo, t, onClick }) {
+  const [hover, setHover] = useState(false);
+  const langColor = repo.language ? LANG_COLORS[repo.language] || "#888" : null;
+  const date = new Date(repo.updated_at).toLocaleDateString("ko-KR", { year: "numeric", month: "short", day: "numeric" });
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      onClick,
+      onMouseEnter: () => setHover(true),
+      onMouseLeave: () => setHover(false),
+      style: {
+        background: hover ? t.bgCardHover : t.bgCard,
+        border: `1px solid ${hover ? t.accent : t.border}`,
+        borderRadius: 12,
+        padding: 20,
+        cursor: "pointer",
+        transform: hover ? "translateY(-2px)" : "none",
+        boxShadow: hover ? `0 0 20px ${t.accentGlow}` : "none",
+        transition: "all 0.2s"
+      },
+      children: [
+        /* @__PURE__ */ jsxs2("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 8 }, children: [
+          /* @__PURE__ */ jsx2("span", { style: { fontSize: 16, fontWeight: 600, color: t.accentLight }, children: repo.name }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                window.open(repo.html_url, "_blank");
+              },
+              style: {
+                fontSize: 11,
+                padding: "2px 8px",
+                borderRadius: 6,
+                cursor: "pointer",
+                border: `1px solid ${t.border}`,
+                background: "transparent",
+                color: t.textMuted
+              },
+              children: "GitHub \u2192"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2("p", { style: { fontSize: 13, color: t.textSecondary, margin: "0 0 12px", lineHeight: 1.5, minHeight: 40 }, children: repo.description || "No description" }),
+        /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 12, fontSize: 12, color: t.textMuted }, children: [
+          langColor && /* @__PURE__ */ jsxs2("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+            /* @__PURE__ */ jsx2("span", { style: { width: 10, height: 10, borderRadius: "50%", background: langColor, display: "inline-block" } }),
+            repo.language
+          ] }),
+          repo.stargazers_count > 0 && /* @__PURE__ */ jsxs2("span", { children: [
+            "\u2605 ",
+            repo.stargazers_count
+          ] }),
+          repo.forks_count > 0 && /* @__PURE__ */ jsxs2("span", { children: [
+            "Fork ",
+            repo.forks_count
+          ] }),
+          /* @__PURE__ */ jsx2("span", { children: date })
+        ] })
+      ]
+    }
+  );
+}
+function RepoDetail({ org, repo, token, t, onBack }) {
+  const [tab, setTab] = useState("readme");
+  const [readme, setReadme] = useState(null);
+  const [snippets, setSnippets] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    Promise.all([
+      fetchReadme(org, repo.name, token),
+      fetchDemoSnippets(org, repo.name, void 0, token)
+    ]).then(([md, s]) => {
+      setReadme(md);
+      setSnippets(s);
+      setLoading(false);
+    });
+  }, [org, repo.name, token]);
+  return /* @__PURE__ */ jsxs2("div", { style: { background: t.bg, color: t.text, fontFamily: "system-ui, -apple-system, sans-serif", padding: 24 }, children: [
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        onClick: onBack,
+        style: {
+          background: "transparent",
+          border: "none",
+          color: t.accentLight,
+          cursor: "pointer",
+          fontSize: 14,
+          padding: 0,
+          marginBottom: 16
+        },
+        children: "\u2190 Back"
+      }
+    ),
+    /* @__PURE__ */ jsx2("div", { style: { background: t.bgCard, border: `1px solid ${t.border}`, borderRadius: 12, padding: 24, marginBottom: 16 }, children: /* @__PURE__ */ jsxs2("div", { style: { display: "flex", justifyContent: "space-between", flexWrap: "wrap", gap: 16 }, children: [
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("h1", { style: { fontSize: 22, fontWeight: 700, margin: 0 }, children: repo.name }),
+        /* @__PURE__ */ jsx2("p", { style: { color: t.textSecondary, fontSize: 14, margin: "8px 0" }, children: repo.description || "No description" })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        "a",
+        {
+          href: repo.html_url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 8,
+            padding: "8px 16px",
+            borderRadius: 8,
+            fontSize: 14,
+            fontWeight: 500,
+            background: t.accent,
+            color: "#fff",
+            textDecoration: "none",
+            height: "fit-content"
+          },
+          children: "View on GitHub"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx2("div", { style: { display: "flex", gap: 4, borderBottom: `1px solid ${t.border}`, marginBottom: 16 }, children: ["readme", ...snippets.length > 0 ? ["demo"] : []].map((key) => /* @__PURE__ */ jsx2(
+      "button",
+      {
+        onClick: () => setTab(key),
+        style: {
+          padding: "10px 16px",
+          fontSize: 14,
+          fontWeight: 500,
+          cursor: "pointer",
+          background: "transparent",
+          border: "none",
+          color: tab === key ? t.accentLight : t.textMuted,
+          borderBottom: tab === key ? `2px solid ${t.accent}` : "2px solid transparent"
+        },
+        children: key === "readme" ? "README" : "Demo"
+      },
+      key
+    )) }),
+    /* @__PURE__ */ jsx2("div", { style: { background: t.bgCard, border: `1px solid ${t.border}`, borderRadius: 12, padding: 24 }, children: loading ? /* @__PURE__ */ jsx2("div", { style: { textAlign: "center", padding: 40, color: t.textMuted }, children: "Loading..." }) : tab === "readme" ? /* @__PURE__ */ jsx2(ReadmeView, { org, repoName: repo.name, content: readme, t }) : /* @__PURE__ */ jsx2(DemoView, { snippets, t }) })
+  ] });
+}
+function DemoView({ snippets, t }) {
+  const [idx, setIdx] = useState(0);
+  const snippet = snippets[idx];
+  if (!snippet) return null;
+  return /* @__PURE__ */ jsxs2("div", { children: [
+    snippets.length > 1 && /* @__PURE__ */ jsx2("div", { style: { display: "flex", gap: 6, marginBottom: 12, flexWrap: "wrap" }, children: snippets.map((s, i) => /* @__PURE__ */ jsx2(
+      "button",
+      {
+        onClick: () => setIdx(i),
+        style: {
+          padding: "4px 12px",
+          borderRadius: 99,
+          fontSize: 12,
+          cursor: "pointer",
+          background: i === idx ? t.accentGlow : "transparent",
+          color: i === idx ? t.accentLight : t.textMuted,
+          border: `1px solid ${i === idx ? t.accent : t.border}`
+        },
+        children: s.label
+      },
+      i
+    )) }),
+    /* @__PURE__ */ jsx2(
+      "pre",
+      {
+        style: {
+          background: t.bg,
+          border: `1px solid ${t.border}`,
+          borderRadius: 8,
+          padding: 16,
+          fontSize: 13,
+          lineHeight: 1.6,
+          overflow: "auto",
+          color: t.textSecondary,
+          margin: 0
+        },
+        children: /* @__PURE__ */ jsx2("code", { children: snippet.code })
+      }
+    ),
+    snippet.expectedOutput && /* @__PURE__ */ jsxs2("div", { style: { marginTop: 12 }, children: [
+      /* @__PURE__ */ jsx2("span", { style: { fontSize: 12, color: t.textMuted }, children: "Expected Output:" }),
+      /* @__PURE__ */ jsx2(
+        "pre",
+        {
+          style: {
+            background: t.bg,
+            border: `1px solid ${t.border}`,
+            borderRadius: 8,
+            padding: 12,
+            fontSize: 12,
+            color: t.textMuted,
+            margin: "4px 0 0"
+          },
+          children: snippet.expectedOutput
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  XgenGallery
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/XgenGallery.tsx","../src/api.ts","../src/styles.ts","../src/ReadmeView.tsx"],"sourcesContent":["import { useEffect, useState, useCallback } from \"react\";\r\nimport type { Repo, GalleryProps, DemoSnippet } from \"./types\";\r\nimport { fetchRepos, fetchReadme, fetchDemoSnippets } from \"./api\";\r\nimport { themes, LANG_COLORS, Theme } from \"./styles\";\r\nimport { ReadmeView } from \"./ReadmeView\";\r\n\r\ntype View = { type: \"list\" } | { type: \"detail\"; repo: Repo };\r\n\r\nexport function XgenGallery({ org, token, theme: themeName = \"dark\", limit, onRepoClick }: GalleryProps) {\r\n const t = themes[themeName];\r\n const [repos, setRepos] = useState<Repo[]>([]);\r\n const [loading, setLoading] = useState(true);\r\n const [search, setSearch] = useState(\"\");\r\n const [lang, setLang] = useState<string | null>(null);\r\n const [view, setView] = useState<View>({ type: \"list\" });\r\n\r\n useEffect(() => {\r\n fetchRepos(org, token).then((data) => {\r\n setRepos(limit ? data.slice(0, limit) : data);\r\n setLoading(false);\r\n });\r\n }, [org, token, limit]);\r\n\r\n const languages = [...new Set(repos.map((r) => r.language).filter(Boolean))] as string[];\r\n\r\n const filtered = repos.filter((r) => {\r\n if (lang && r.language !== lang) return false;\r\n if (search) {\r\n const q = search.toLowerCase();\r\n return r.name.toLowerCase().includes(q) || (r.description || \"\").toLowerCase().includes(q);\r\n }\r\n return true;\r\n });\r\n\r\n const handleCardClick = useCallback((repo: Repo) => {\r\n if (onRepoClick) {\r\n onRepoClick(repo);\r\n } else {\r\n setView({ type: \"detail\", repo });\r\n }\r\n }, [onRepoClick]);\r\n\r\n if (view.type === \"detail\") {\r\n return <RepoDetail org={org} repo={view.repo} token={token} t={t} onBack={() => setView({ type: \"list\" })} />;\r\n }\r\n\r\n return (\r\n <div style={{ background: t.bg, color: t.text, fontFamily: \"system-ui, -apple-system, sans-serif\", padding: 24 }}>\r\n {/* Header */}\r\n <div style={{ marginBottom: 24 }}>\r\n <h2 style={{ fontSize: 24, fontWeight: 700, margin: 0 }}>{org}</h2>\r\n <p style={{ color: t.textMuted, fontSize: 14, margin: \"4px 0 0\" }}>\r\n {repos.length} repositories\r\n </p>\r\n </div>\r\n\r\n {/* Search + Filter */}\r\n <div style={{ display: \"flex\", gap: 8, flexWrap: \"wrap\", marginBottom: 16 }}>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search...\"\r\n value={search}\r\n onChange={(e) => setSearch(e.target.value)}\r\n style={{\r\n background: t.bgCard, border: `1px solid ${t.border}`, borderRadius: 8,\r\n padding: \"8px 12px\", color: t.text, fontSize: 14, outline: \"none\", flex: \"1 1 200px\",\r\n }}\r\n />\r\n <button\r\n onClick={() => setLang(null)}\r\n style={{\r\n padding: \"6px 12px\", borderRadius: 8, fontSize: 12, fontWeight: 500, cursor: \"pointer\",\r\n background: !lang ? t.accent : \"transparent\",\r\n color: !lang ? \"#fff\" : t.textMuted,\r\n border: `1px solid ${!lang ? t.accent : t.border}`,\r\n }}\r\n >\r\n All\r\n </button>\r\n {languages.map((l) => (\r\n <button\r\n key={l}\r\n onClick={() => setLang(lang === l ? null : l)}\r\n style={{\r\n padding: \"6px 12px\", borderRadius: 8, fontSize: 12, fontWeight: 500, cursor: \"pointer\",\r\n background: lang === l ? t.accent : \"transparent\",\r\n color: lang === l ? \"#fff\" : t.textMuted,\r\n border: `1px solid ${lang === l ? t.accent : t.border}`,\r\n }}\r\n >\r\n {l}\r\n </button>\r\n ))}\r\n </div>\r\n\r\n {/* Grid */}\r\n {loading ? (\r\n <div style={{ textAlign: \"center\", padding: 60, color: t.textMuted }}>Loading...</div>\r\n ) : (\r\n <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fill, minmax(300px, 1fr))\", gap: 16 }}>\r\n {filtered.map((repo) => (\r\n <RepoCard key={repo.name} repo={repo} t={t} onClick={() => handleCardClick(repo)} />\r\n ))}\r\n </div>\r\n )}\r\n {!loading && filtered.length === 0 && (\r\n <div style={{ textAlign: \"center\", padding: 60, color: t.textMuted }}>No results</div>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\n/* ---------- RepoCard ---------- */\r\n\r\nfunction RepoCard({ repo, t, onClick }: { repo: Repo; t: Theme; onClick: () => void }) {\r\n const [hover, setHover] = useState(false);\r\n const langColor = repo.language ? LANG_COLORS[repo.language] || \"#888\" : null;\r\n const date = new Date(repo.updated_at).toLocaleDateString(\"ko-KR\", { year: \"numeric\", month: \"short\", day: \"numeric\" });\r\n\r\n return (\r\n <div\r\n onClick={onClick}\r\n onMouseEnter={() => setHover(true)}\r\n onMouseLeave={() => setHover(false)}\r\n style={{\r\n background: hover ? t.bgCardHover : t.bgCard,\r\n border: `1px solid ${hover ? t.accent : t.border}`,\r\n borderRadius: 12, padding: 20, cursor: \"pointer\",\r\n transform: hover ? \"translateY(-2px)\" : \"none\",\r\n boxShadow: hover ? `0 0 20px ${t.accentGlow}` : \"none\",\r\n transition: \"all 0.2s\",\r\n }}\r\n >\r\n <div style={{ display: \"flex\", justifyContent: \"space-between\", marginBottom: 8 }}>\r\n <span style={{ fontSize: 16, fontWeight: 600, color: t.accentLight }}>{repo.name}</span>\r\n <button\r\n onClick={(e) => { e.stopPropagation(); window.open(repo.html_url, \"_blank\"); }}\r\n style={{\r\n fontSize: 11, padding: \"2px 8px\", borderRadius: 6, cursor: \"pointer\",\r\n border: `1px solid ${t.border}`, background: \"transparent\", color: t.textMuted,\r\n }}\r\n >\r\n GitHub →\r\n </button>\r\n </div>\r\n <p style={{ fontSize: 13, color: t.textSecondary, margin: \"0 0 12px\", lineHeight: 1.5, minHeight: 40 }}>\r\n {repo.description || \"No description\"}\r\n </p>\r\n <div style={{ display: \"flex\", gap: 12, fontSize: 12, color: t.textMuted }}>\r\n {langColor && (\r\n <span style={{ display: \"flex\", alignItems: \"center\", gap: 4 }}>\r\n <span style={{ width: 10, height: 10, borderRadius: \"50%\", background: langColor, display: \"inline-block\" }} />\r\n {repo.language}\r\n </span>\r\n )}\r\n {repo.stargazers_count > 0 && <span>★ {repo.stargazers_count}</span>}\r\n {repo.forks_count > 0 && <span>Fork {repo.forks_count}</span>}\r\n <span>{date}</span>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n/* ---------- RepoDetail ---------- */\r\n\r\nfunction RepoDetail({ org, repo, token, t, onBack }: { org: string; repo: Repo; token?: string; t: Theme; onBack: () => void }) {\r\n const [tab, setTab] = useState<\"readme\" | \"demo\">(\"readme\");\r\n const [readme, setReadme] = useState<string | null>(null);\r\n const [snippets, setSnippets] = useState<DemoSnippet[]>([]);\r\n const [loading, setLoading] = useState(true);\r\n\r\n useEffect(() => {\r\n Promise.all([\r\n fetchReadme(org, repo.name, token),\r\n fetchDemoSnippets(org, repo.name, undefined, token),\r\n ]).then(([md, s]) => {\r\n setReadme(md);\r\n setSnippets(s);\r\n setLoading(false);\r\n });\r\n }, [org, repo.name, token]);\r\n\r\n return (\r\n <div style={{ background: t.bg, color: t.text, fontFamily: \"system-ui, -apple-system, sans-serif\", padding: 24 }}>\r\n {/* Back */}\r\n <button\r\n onClick={onBack}\r\n style={{\r\n background: \"transparent\", border: \"none\", color: t.accentLight,\r\n cursor: \"pointer\", fontSize: 14, padding: 0, marginBottom: 16,\r\n }}\r\n >\r\n ← Back\r\n </button>\r\n\r\n {/* Header */}\r\n <div style={{ background: t.bgCard, border: `1px solid ${t.border}`, borderRadius: 12, padding: 24, marginBottom: 16 }}>\r\n <div style={{ display: \"flex\", justifyContent: \"space-between\", flexWrap: \"wrap\", gap: 16 }}>\r\n <div>\r\n <h1 style={{ fontSize: 22, fontWeight: 700, margin: 0 }}>{repo.name}</h1>\r\n <p style={{ color: t.textSecondary, fontSize: 14, margin: \"8px 0\" }}>{repo.description || \"No description\"}</p>\r\n </div>\r\n <a\r\n href={repo.html_url}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n style={{\r\n display: \"inline-flex\", alignItems: \"center\", gap: 8,\r\n padding: \"8px 16px\", borderRadius: 8, fontSize: 14, fontWeight: 500,\r\n background: t.accent, color: \"#fff\", textDecoration: \"none\",\r\n height: \"fit-content\",\r\n }}\r\n >\r\n View on GitHub\r\n </a>\r\n </div>\r\n </div>\r\n\r\n {/* Tabs */}\r\n <div style={{ display: \"flex\", gap: 4, borderBottom: `1px solid ${t.border}`, marginBottom: 16 }}>\r\n {([\"readme\", ...(snippets.length > 0 ? [\"demo\"] : [])] as const).map((key) => (\r\n <button\r\n key={key}\r\n onClick={() => setTab(key as typeof tab)}\r\n style={{\r\n padding: \"10px 16px\", fontSize: 14, fontWeight: 500, cursor: \"pointer\",\r\n background: \"transparent\", border: \"none\",\r\n color: tab === key ? t.accentLight : t.textMuted,\r\n borderBottom: tab === key ? `2px solid ${t.accent}` : \"2px solid transparent\",\r\n }}\r\n >\r\n {key === \"readme\" ? \"README\" : \"Demo\"}\r\n </button>\r\n ))}\r\n </div>\r\n\r\n {/* Content */}\r\n <div style={{ background: t.bgCard, border: `1px solid ${t.border}`, borderRadius: 12, padding: 24 }}>\r\n {loading ? (\r\n <div style={{ textAlign: \"center\", padding: 40, color: t.textMuted }}>Loading...</div>\r\n ) : tab === \"readme\" ? (\r\n <ReadmeView org={org} repoName={repo.name} content={readme} t={t} />\r\n ) : (\r\n <DemoView snippets={snippets} t={t} />\r\n )}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n/* ---------- DemoView ---------- */\r\n\r\nfunction DemoView({ snippets, t }: { snippets: DemoSnippet[]; t: Theme }) {\r\n const [idx, setIdx] = useState(0);\r\n const snippet = snippets[idx];\r\n\r\n if (!snippet) return null;\r\n\r\n return (\r\n <div>\r\n {snippets.length > 1 && (\r\n <div style={{ display: \"flex\", gap: 6, marginBottom: 12, flexWrap: \"wrap\" }}>\r\n {snippets.map((s, i) => (\r\n <button\r\n key={i}\r\n onClick={() => setIdx(i)}\r\n style={{\r\n padding: \"4px 12px\", borderRadius: 99, fontSize: 12, cursor: \"pointer\",\r\n background: i === idx ? t.accentGlow : \"transparent\",\r\n color: i === idx ? t.accentLight : t.textMuted,\r\n border: `1px solid ${i === idx ? t.accent : t.border}`,\r\n }}\r\n >\r\n {s.label}\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n <pre\r\n style={{\r\n background: t.bg, border: `1px solid ${t.border}`, borderRadius: 8,\r\n padding: 16, fontSize: 13, lineHeight: 1.6, overflow: \"auto\",\r\n color: t.textSecondary, margin: 0,\r\n }}\r\n >\r\n <code>{snippet.code}</code>\r\n </pre>\r\n {snippet.expectedOutput && (\r\n <div style={{ marginTop: 12 }}>\r\n <span style={{ fontSize: 12, color: t.textMuted }}>Expected Output:</span>\r\n <pre\r\n style={{\r\n background: t.bg, border: `1px solid ${t.border}`, borderRadius: 8,\r\n padding: 12, fontSize: 12, color: t.textMuted, margin: \"4px 0 0\",\r\n }}\r\n >\r\n {snippet.expectedOutput}\r\n </pre>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n","import type { Repo, DemoSnippet } from \"./types\";\r\n\r\nconst API = \"https://api.github.com\";\r\n\r\nfunction headers(token?: string): HeadersInit {\r\n const h: Record<string, string> = { Accept: \"application/vnd.github.v3+json\" };\r\n if (token) h.Authorization = `Bearer ${token}`;\r\n return h;\r\n}\r\n\r\nexport async function fetchRepos(org: string, token?: string): Promise<Repo[]> {\r\n try {\r\n const res = await fetch(`${API}/orgs/${org}/repos?per_page=100&sort=updated`, {\r\n headers: headers(token),\r\n });\r\n if (!res.ok) return [];\r\n return res.json();\r\n } catch {\r\n return [];\r\n }\r\n}\r\n\r\nexport async function fetchReadme(org: string, repo: string, token?: string): Promise<string | null> {\r\n try {\r\n const res = await fetch(`${API}/repos/${org}/${repo}/readme`, {\r\n headers: { ...headers(token), Accept: \"application/vnd.github.v3.raw\" },\r\n });\r\n if (!res.ok) return null;\r\n return res.text();\r\n } catch {\r\n return null;\r\n }\r\n}\r\n\r\nexport async function fetchDemoSnippets(\r\n org: string,\r\n repo: string,\r\n readme?: string | null,\r\n token?: string,\r\n): Promise<DemoSnippet[]> {\r\n // 1. demo.json\r\n for (const path of [\".xgen-gallery/demo.json\", \"demo.json\"]) {\r\n try {\r\n const res = await fetch(`${API}/repos/${org}/${repo}/contents/${path}`, {\r\n headers: { ...headers(token), Accept: \"application/vnd.github.v3.raw\" },\r\n });\r\n if (!res.ok) continue;\r\n const data = await res.json();\r\n if (data.snippets?.length) return data.snippets;\r\n } catch {\r\n continue;\r\n }\r\n }\r\n\r\n // 2. examples/\r\n try {\r\n const res = await fetch(`${API}/repos/${org}/${repo}/contents/examples`, {\r\n headers: headers(token),\r\n });\r\n if (res.ok) {\r\n const files: { name: string; download_url: string }[] = await res.json();\r\n const pyFiles = files.filter((f) => f.name.endsWith(\".py\")).slice(0, 5);\r\n const snippets: DemoSnippet[] = [];\r\n for (const f of pyFiles) {\r\n try {\r\n const r = await fetch(f.download_url);\r\n if (r.ok) {\r\n const code = await r.text();\r\n snippets.push({ label: f.name.replace(/\\.py$/, \"\").replace(/[_-]/g, \" \"), code: code.trim() });\r\n }\r\n } catch { continue; }\r\n }\r\n if (snippets.length) return snippets;\r\n }\r\n } catch { /* ignore */ }\r\n\r\n // 3. README python blocks\r\n let md = readme;\r\n if (!md) md = await fetchReadme(org, repo, token);\r\n if (md) {\r\n const blocks = extractPythonBlocks(md);\r\n if (blocks.length) return blocks;\r\n }\r\n\r\n return [];\r\n}\r\n\r\nfunction extractPythonBlocks(readme: string): DemoSnippet[] {\r\n const snippets: DemoSnippet[] = [];\r\n const lines = readme.split(\"\\n\");\r\n let i = 0;\r\n while (i < lines.length) {\r\n if (/^```(?:python|py)\\s*$/i.test(lines[i].trim())) {\r\n let label = \"\";\r\n for (let j = i - 1; j >= Math.max(0, i - 5); j--) {\r\n const prev = lines[j].trim();\r\n if (/^#{1,4}\\s+/.test(prev)) { label = prev.replace(/^#+\\s+/, \"\"); break; }\r\n if (prev && !label) label = prev;\r\n }\r\n const codeLines: string[] = [];\r\n i++;\r\n while (i < lines.length && !lines[i].trim().startsWith(\"```\")) { codeLines.push(lines[i]); i++; }\r\n const code = codeLines.join(\"\\n\").trim();\r\n if (code && code.split(\"\\n\").length >= 2 && !code.startsWith(\"pip \") && !code.startsWith(\"$ pip\")) {\r\n snippets.push({ label: label || `Example ${snippets.length + 1}`, code });\r\n }\r\n }\r\n i++;\r\n }\r\n return snippets;\r\n}\r\n","export const themes = {\r\n dark: {\r\n bg: \"#0a0a0f\",\r\n bgCard: \"#12121a\",\r\n bgCardHover: \"#1a1a25\",\r\n border: \"#1e1e2e\",\r\n text: \"#e8e8f0\",\r\n textSecondary: \"#a0a0b8\",\r\n textMuted: \"#6b6b80\",\r\n accent: \"#6c63ff\",\r\n accentLight: \"#8b83ff\",\r\n accentGlow: \"rgba(108,99,255,0.15)\",\r\n },\r\n light: {\r\n bg: \"#f8f9fa\",\r\n bgCard: \"#ffffff\",\r\n bgCardHover: \"#f0f0f5\",\r\n border: \"#e0e0e8\",\r\n text: \"#1a1a2e\",\r\n textSecondary: \"#4a4a5a\",\r\n textMuted: \"#8a8a9a\",\r\n accent: \"#5b52e0\",\r\n accentLight: \"#5b52e0\",\r\n accentGlow: \"rgba(91,82,224,0.1)\",\r\n },\r\n};\r\n\r\nexport type Theme = {\r\n bg: string; bgCard: string; bgCardHover: string; border: string;\r\n text: string; textSecondary: string; textMuted: string;\r\n accent: string; accentLight: string; accentGlow: string;\r\n};\r\n\r\nexport const LANG_COLORS: Record<string, string> = {\r\n Python: \"#3572A5\",\r\n TypeScript: \"#3178c6\",\r\n JavaScript: \"#f1e05a\",\r\n Rust: \"#dea584\",\r\n HTML: \"#e34c26\",\r\n CSS: \"#563d7c\",\r\n Go: \"#00ADD8\",\r\n Shell: \"#89e051\",\r\n Java: \"#b07219\",\r\n \"C++\": \"#f34b7d\",\r\n C: \"#555555\",\r\n Ruby: \"#701516\",\r\n};\r\n","import ReactMarkdown from \"react-markdown\";\r\nimport remarkGfm from \"remark-gfm\";\r\nimport rehypeRaw from \"rehype-raw\";\r\nimport type { Theme } from \"./styles\";\r\n\r\nexport function ReadmeView({\r\n org,\r\n repoName,\r\n content,\r\n t,\r\n}: {\r\n org: string;\r\n repoName: string;\r\n content: string | null;\r\n t: Theme;\r\n}) {\r\n if (!content) {\r\n return <div style={{ textAlign: \"center\", padding: 40, color: t.textMuted }}>README not found</div>;\r\n }\r\n\r\n return (\r\n <div className=\"xgen-markdown\" style={{ color: t.text, lineHeight: 1.7, fontSize: 14 }}>\r\n <style>{markdownStyles(t)}</style>\r\n <ReactMarkdown\r\n remarkPlugins={[remarkGfm]}\r\n rehypePlugins={[rehypeRaw]}\r\n components={{\r\n img: ({ src, alt, ...props }) => {\r\n let resolved = src;\r\n if (typeof src === \"string\" && !src.startsWith(\"http\")) {\r\n resolved = `https://raw.githubusercontent.com/${org}/${repoName}/main/${src}`;\r\n }\r\n return <img src={resolved} alt={alt || \"\"} style={{ maxWidth: \"100%\" }} {...props} />;\r\n },\r\n a: ({ href, children, ...props }) => (\r\n <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" style={{ color: t.accentLight }} {...props}>\r\n {children}\r\n </a>\r\n ),\r\n code: ({ children, className, ...props }) => {\r\n const isBlock = className?.includes(\"language-\");\r\n if (isBlock) {\r\n return (\r\n <code\r\n style={{\r\n display: \"block\", background: t.bg, padding: 16, borderRadius: 8,\r\n overflow: \"auto\", fontSize: 13, lineHeight: 1.6,\r\n }}\r\n {...props}\r\n >\r\n {children}\r\n </code>\r\n );\r\n }\r\n return (\r\n <code style={{ background: t.accentGlow, padding: \"2px 6px\", borderRadius: 4, fontSize: 13 }} {...props}>\r\n {children}\r\n </code>\r\n );\r\n },\r\n }}\r\n >\r\n {content}\r\n </ReactMarkdown>\r\n </div>\r\n );\r\n}\r\n\r\nfunction markdownStyles(t: Theme): string {\r\n return `\r\n .xgen-markdown h1, .xgen-markdown h2, .xgen-markdown h3 { color: ${t.text}; margin: 1.2em 0 0.5em; }\r\n .xgen-markdown h1 { font-size: 1.8em; border-bottom: 1px solid ${t.border}; padding-bottom: 8px; }\r\n .xgen-markdown h2 { font-size: 1.4em; border-bottom: 1px solid ${t.border}; padding-bottom: 6px; }\r\n .xgen-markdown h3 { font-size: 1.15em; }\r\n .xgen-markdown p { margin: 0.8em 0; }\r\n .xgen-markdown ul, .xgen-markdown ol { padding-left: 24px; }\r\n .xgen-markdown li { margin: 4px 0; }\r\n .xgen-markdown pre { background: ${t.bg}; border: 1px solid ${t.border}; border-radius: 8px; padding: 16px; overflow: auto; margin: 12px 0; }\r\n .xgen-markdown blockquote { border-left: 3px solid ${t.accent}; padding-left: 12px; color: ${t.textSecondary}; margin: 12px 0; }\r\n .xgen-markdown table { border-collapse: collapse; width: 100%; margin: 12px 0; }\r\n .xgen-markdown th, .xgen-markdown td { border: 1px solid ${t.border}; padding: 8px 12px; text-align: left; }\r\n .xgen-markdown th { background: ${t.bgCard}; font-weight: 600; }\r\n .xgen-markdown hr { border: none; border-top: 1px solid ${t.border}; margin: 16px 0; }\r\n `;\r\n}\r\n"],"mappings":"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","names":["jsx","jsxs"]}

package/package.json ADDED Viewed

@@ -0,0 +1,43 @@
+{
+  "name": "@plateerlab/xgen-gallery",
+  "version": "0.1.0",
+  "description": "React component to showcase GitHub organization repositories",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "react-markdown": "^10.1.0",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "tsup": "^8",
+    "typescript": "^5"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/PlateerLab/xgen-gallery.git"
+  },
+  "keywords": ["react", "github", "gallery", "plateerlab", "xgen"]
+}