@x-otto/cli 0.0.1-alpha.49 → 0.0.1-alpha.50

package/dist/bundled-extensions/plugin-feedback/panels-dist/feedback.mjs

@@ -0,0 +1,257 @@
+const { usePluginData } = globalThis.__ottoPanelRuntime || {};const { claim: claimPanelFocus, release: releasePanelFocus, usePanelFocusClaimed, requestClose: requestPanelClose, setHint: setPanelHint } = globalThis.__ottoPanelFocusBridge || { claim(){}, release(){}, usePanelFocusClaimed: () => true, requestClose(){}, setHint(){} };const { getTheme, getFigures } = globalThis.__ottoPanelTheme || { getTheme: () => ({ text: undefined, inactive: '#9498B8', secondary: '#C8CBDB', success: '#7EE095', error: '#FF9592', warning: '#FFC966', special: '#DD78C9', selection: '#4D7CFF', focusBorder: '#4D7CFF', panelBorder: '#9498B8' }), getFigures: () => ({ check: '✓', cross: '✗', pointer: '▶', bullet: '●' }) };const { SPACING, LAYOUT } = globalThis.__ottoPanelSpacing || { SPACING: { none: 0, tight: 1, section: 2, loose: 4 }, LAYOUT: { contentInset: 4, borderInset: 2 } };const { t: t, i18next: panelI18next } = globalThis.__ottoPanelI18n || { t: (k) => k, i18next: { language: 'en' } };const { usePanelBackend } = globalThis.__ottoPanelBackendRuntime || { usePanelBackend: () => ({ call: () => Promise.reject(new Error('otto panel: backend runtime not installed')), cancel(){}, state: undefined, status: 'disabled' }) };
+
+// ../../../../../tmp/otto-panel-shims-xkXuT3/react-shim.js
+var R = globalThis.React;
+if (!R) throw new Error("otto panel: globalThis.React \u672A\u6CE8\u5165\uFF08TUI \u987B\u5728\u52A0\u8F7D\u9762\u677F\u524D import panel-globals\uFF09");
+var react_shim_default = R;
+var useState = R.useState;
+var useEffect = R.useEffect;
+var useCallback = R.useCallback;
+var useMemo = R.useMemo;
+var useRef = R.useRef;
+var useContext = R.useContext;
+var useReducer = R.useReducer;
+var useLayoutEffect = R.useLayoutEffect;
+var createElement = R.createElement;
+var Fragment = R.Fragment;
+var memo = R.memo;
+var forwardRef = R.forwardRef;
+var createContext = R.createContext;
+var Children = R.Children;
+var cloneElement = R.cloneElement;
+var isValidElement = R.isValidElement;
+
+// ../../../../../tmp/otto-panel-shims-xkXuT3/ink-shim.js
+var I = globalThis.__ottoPanelInk;
+if (!I) throw new Error("otto panel: globalThis.__ottoPanelInk \u672A\u6CE8\u5165\uFF08TUI \u987B\u5728\u52A0\u8F7D\u9762\u677F\u524D import panel-globals\uFF09");
+var Box = I.Box;
+var Text = I.Text;
+var Newline = I.Newline;
+var Spacer = I.Spacer;
+var Static = I.Static;
+var Transform = I.Transform;
+var useApp = I.useApp;
+var useInput = I.useInput;
+var useStdin = I.useStdin;
+var useStdout = I.useStdout;
+var useStderr = I.useStderr;
+var useFocus = I.useFocus;
+var useFocusManager = I.useFocusManager;
+var measureElement = I.measureElement;
+var render = I.render;
+
+// ../../../../../tmp/otto-panel-shims-xkXuT3/tui-shim.js
+var T = globalThis.__ottoPanelTui;
+if (!T) throw new Error("otto panel: globalThis.__ottoPanelTui \u672A\u6CE8\u5165\uFF08TUI \u987B\u5728\u52A0\u8F7D\u9762\u677F\u524D import panel-globals\uFF09");
+var Tabs = T.Tabs;
+var DataList = T.DataList;
+var Button = T.Button;
+var GroupDivider = T.GroupDivider;
+var ScrollIndicatorAbove = T.ScrollIndicatorAbove;
+var ScrollIndicatorBelow = T.ScrollIndicatorBelow;
+var Tabable = T.Tabable;
+var useTabable = T.useTabable;
+var TabScope = T.TabScope;
+
+// extensions/plugin-feedback/panels/feedback.tsx
+var POLL_MS = 15e3;
+var sourceBadge = (source, theme) => {
+  const label = source === "github" ? "GH" : "COD";
+  const color = source === "github" ? theme.success : theme.warning;
+  return /* @__PURE__ */ react_shim_default.createElement(Text, { key: "badge", color, bold: true }, "[", label, "]");
+};
+function formatDate(iso) {
+  if (!iso) return "";
+  try {
+    return new Date(iso).toLocaleDateString();
+  } catch {
+    return iso;
+  }
+}
+function rowId(row) {
+  return `${row.source}:${row.platformIssueId}`;
+}
+function FeedbackPanel() {
+  const backend = usePanelBackend();
+  const [view, setView] = useState("list");
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [filterMode, setFilterMode] = useState("all");
+  const [listResult, setListResult] = useState(void 0);
+  const [resolvedMarks, setResolvedMarks] = useState([]);
+  const [platform, setPlatform] = useState("github");
+  const [loading, setLoading] = useState(true);
+  const [formTitle, setFormTitle] = useState("");
+  const [formRepro, setFormRepro] = useState("");
+  const [formExpected, setFormExpected] = useState("");
+  const [formActual, setFormActual] = useState("");
+  const [formFocus, setFormFocus] = useState(0);
+  const [formMsg, setFormMsg] = useState(null);
+  const [formMsgTone, setFormMsgTone] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  const refresh = useCallback(async () => {
+    setLoading(true);
+    try {
+      const [listResult2, resolvedResult, platformResult] = await Promise.all([
+        backend.call("feedback.listIssues", { state: "all", limitPerSource: 20 }),
+        backend.call("feedback.listResolvedMarks", {}),
+        backend.call("feedback.resolvePlatform", {})
+      ]);
+      setListResult(listResult2);
+      setResolvedMarks(resolvedResult.marks ?? []);
+      setPlatform(platformResult.platform);
+    } catch {
+    } finally {
+      setLoading(false);
+    }
+  }, [backend]);
+  useEffect(() => {
+    const timer = setInterval(refresh, POLL_MS);
+    refresh();
+    return () => clearInterval(timer);
+  }, [refresh]);
+  const allRows = useMemo(() => listResult?.items ?? [], [listResult]);
+  const resolvedSet = useMemo(() => {
+    const s = /* @__PURE__ */ new Set();
+    for (const m of resolvedMarks) s.add(`${m.source}:${m.platformIssueId}`);
+    return s;
+  }, [resolvedMarks]);
+  const filteredRows = useMemo(() => {
+    return allRows.filter((row) => {
+      const isResolved = resolvedSet.has(rowId(row));
+      if (filterMode === "resolved") return isResolved;
+      if (filterMode === "open") return !isResolved;
+      return true;
+    });
+  }, [allRows, resolvedSet, filterMode]);
+  useEffect(() => {
+    setSelectedIndex((i) => filteredRows.length === 0 ? 0 : Math.min(i, filteredRows.length - 1));
+  }, [filteredRows]);
+  const markResolved = useCallback(async (row) => {
+    await backend.call("feedback.markResolved", {
+      source: row.source,
+      platformIssueId: row.platformIssueId,
+      url: row.url,
+      title: row.title
+    });
+    refresh();
+  }, [backend, refresh]);
+  const unmarkResolved = useCallback(async (row) => {
+    await backend.call("feedback.unmarkResolved", {
+      source: row.source,
+      platformIssueId: row.platformIssueId
+    });
+    refresh();
+  }, [backend, refresh]);
+  const submitForm = useCallback(async () => {
+    if (submitting) return;
+    if (!formTitle.trim()) {
+      setFormMsg(t("feedbackPanel.formRequired"));
+      return;
+    }
+    setSubmitting(true);
+    setFormMsg(t("feedbackPanel.formSubmitting"));
+    setFormMsgTone(null);
+    try {
+      const resp = await backend.call("feedback.submitIssue", {
+        title: formTitle,
+        reproduce: formRepro || void 0,
+        expected: formExpected || void 0,
+        actual: formActual || void 0
+      });
+      if (resp?.ok && resp.url) {
+        setFormMsg(t("feedbackPanel.formSuccess", { url: resp.url }));
+        setFormMsgTone("success");
+        setView("list");
+      } else if (resp?.error === "repo-unresolved") {
+        setFormMsg(t("feedbackPanel.formRepoUnresolved"));
+        setFormMsgTone("error");
+      } else {
+        setFormMsg(t("feedbackPanel.formNoChannel"));
+        setFormMsgTone("error");
+      }
+    } catch {
+      setFormMsg(t("feedbackPanel.formNoChannel"));
+      setFormMsgTone("error");
+    } finally {
+      setSubmitting(false);
+    }
+  }, [backend, formTitle, formRepro, formExpected, formActual, submitting]);
+  useInput((input, key) => {
+    if (view === "new") {
+      if (key.escape || input === "q") {
+        setView("list");
+        setFormMsg(null);
+        return;
+      }
+      if (key.tab) {
+        setFormFocus((f) => (f + 1) % 4);
+        return;
+      }
+      if (key.return) {
+        void submitForm();
+        return;
+      }
+      if (key.backspace || key.delete) {
+        if (formFocus === 0) setFormTitle((v) => v.slice(0, -1));
+        else if (formFocus === 1) setFormRepro((v) => v.slice(0, -1));
+        else if (formFocus === 2) setFormExpected((v) => v.slice(0, -1));
+        else if (formFocus === 3) setFormActual((v) => v.slice(0, -1));
+        return;
+      }
+      if (input && input.length === 1) {
+        if (formFocus === 0) setFormTitle((v) => v + input);
+        else if (formFocus === 1) setFormRepro((v) => v + input);
+        else if (formFocus === 2) setFormExpected((v) => v + input);
+        else if (formFocus === 3) setFormActual((v) => v + input);
+      }
+      return;
+    }
+    if (key.downArrow || input === "j") {
+      setSelectedIndex((i) => filteredRows.length === 0 ? 0 : Math.min(i + 1, filteredRows.length - 1));
+    }
+    if (key.upArrow || input === "k") {
+      setSelectedIndex((i) => Math.max(i - 1, 0));
+    }
+    if (input === "n") setView("new");
+    if (input === "r") refresh();
+    if (input === "f") setFilterMode((v) => v === "all" ? "open" : v === "open" ? "resolved" : "all");
+    if (input === "m" && filteredRows[selectedIndex]) {
+      const row = filteredRows[selectedIndex];
+      const isResolved = resolvedSet.has(rowId(row));
+      if (isResolved) unmarkResolved(row);
+      else markResolved(row);
+    }
+    if (input === "x" && filteredRows[selectedIndex]) {
+      unmarkResolved(filteredRows[selectedIndex]);
+    }
+    if (input === "o" && filteredRows[selectedIndex]) {
+      void backend.call("feedback.openExternal", { url: filteredRows[selectedIndex].url });
+    }
+    if (input === "q" || key.escape) requestPanelClose();
+  });
+  const theme = getTheme();
+  const figures = getFigures();
+  useEffect(() => {
+    setPanelHint([
+      ["n", t("feedbackPanel.hintNew")],
+      ["m", t("feedbackPanel.hintMark")],
+      ["x", t("feedbackPanel.hintUnmark")],
+      ["o", t("feedbackPanel.hintOpen")],
+      ["r", t("feedbackPanel.hintRefresh")],
+      ["f", t("feedbackPanel.hintFilter")],
+      ["q", t("feedbackPanel.hintClose")]
+    ]);
+  }, []);
+  const formRow = (label, value, focused, placeholder) => /* @__PURE__ */ react_shim_default.createElement(Box, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: !focused }, focused ? figures.pointer : " ", " ", label), /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: !value && !focused }, value || placeholder), /* @__PURE__ */ react_shim_default.createElement(Text, { color: theme.selection }, value || (focused ? "_" : "")));
+  if (view === "new") {
+    return /* @__PURE__ */ react_shim_default.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ react_shim_default.createElement(Text, { bold: true }, t("feedbackPanel.newTitle")), /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, t("feedbackPanel.newSubtitle", { platform })), formRow(t("feedbackPanel.formTitle"), formTitle, formFocus === 0, ""), formRow(t("feedbackPanel.formRepro"), formRepro, formFocus === 1, t("feedbackPanel.formRepro")), formRow(t("feedbackPanel.formExpected"), formExpected, formFocus === 2, t("feedbackPanel.formExpected")), formRow(t("feedbackPanel.formActual"), formActual, formFocus === 3, t("feedbackPanel.formActual")), formMsg && /* @__PURE__ */ react_shim_default.createElement(Text, { color: formMsgTone === "success" ? theme.success : theme.warning }, formMsg), /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, t("feedbackPanel.formHint")));
+  }
+  return /* @__PURE__ */ react_shim_default.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ react_shim_default.createElement(Box, { justifyContent: "space-between" }, /* @__PURE__ */ react_shim_default.createElement(Text, { bold: true }, t("feedbackPanel.title")), /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, t("feedbackPanel.platform", { platform }))), loading && /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, t("feedbackPanel.loading")), listResult?.unavailable && Object.entries(listResult.unavailable).map(([source, reason]) => /* @__PURE__ */ react_shim_default.createElement(Box, { key: source }, /* @__PURE__ */ react_shim_default.createElement(Text, { color: theme.warning }, source, ": ", reason))), /* @__PURE__ */ react_shim_default.createElement(Box, { flexDirection: "column" }, filteredRows.length === 0 && !loading && /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, t("feedbackPanel.empty")), filteredRows.map((row, i) => {
+    const isSelected = i === selectedIndex;
+    const isResolved = resolvedSet.has(rowId(row));
+    return /* @__PURE__ */ react_shim_default.createElement(Box, { key: rowId(row), gap: 1 }, isSelected && /* @__PURE__ */ react_shim_default.createElement(Text, { color: theme.selection }, figures.pointer), sourceBadge(row.source, theme), /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: isResolved }, isResolved ? `${figures.check} ` : "", row.title), /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, formatDate(row.updatedAt ?? row.createdAt)), /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, row.state));
+  })), /* @__PURE__ */ react_shim_default.createElement(GroupDivider, { label: t("feedbackPanel.legend") }), /* @__PURE__ */ react_shim_default.createElement(Box, { gap: 2 }, /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, t("feedbackPanel.filter", { filter: filterMode })), /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, t("feedbackPanel.total", { count: String(filteredRows.length) }))), /* @__PURE__ */ react_shim_default.createElement(Text, { dimColor: true }, t("feedbackPanel.resolvedNote")));
+}
+export {
+  FeedbackPanel as default
+};

package/dist/bundled-extensions/plugin-feedback/plugin-dist/meta.json

@@ -0,0 +1 @@
+{"apiVersion":1,"compilerVersion":"0.1.0-alpha.6","sourceHash":"9b098c146a255a15c3f2959595ba5729a2da6d666882a4fb8795e4abc1256b39"}