@gorgo/medusa-integration 0.1.3 → 0.1.5

package/.medusa/server/src/admin/index.js

@@ -1957,15 +1957,25 @@ function renderControl(field, f, secretConfigured, t) {
   switch (field.control) {
     case "switch":
       return /* @__PURE__ */ jsxRuntime.jsx(ui.Switch, { checked: !!f.value, onCheckedChange: f.onChange, disabled });
-    case "select":
-      return /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: f.value ?? "", onValueChange: f.onChange, disabled, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: (field.options ?? []).map((o) => {
-          var _a;
-          const labelKey = (_a = field.optionLabels) == null ? void 0 : _a[o];
-          return /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: o, children: labelKey ? t(labelKey) : o }, o);
-        }) })
-      ] });
+    case "select": {
+      const declared = field.options ?? [];
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Select,
+        {
+          value: f.value == null ? "" : String(f.value),
+          onValueChange: (next) => f.onChange(declared.find((o) => String(o) === next) ?? next),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: declared.map((o) => {
+              var _a;
+              const labelKey = (_a = field.optionLabels) == null ? void 0 : _a[String(o)];
+              return /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: String(o), children: labelKey ? t(labelKey) : String(o) }, String(o));
+            }) })
+          ]
+        }
+      );
+    }
     case "number":
       return /* @__PURE__ */ jsxRuntime.jsx(
         ui.Input,
@@ -2300,38 +2310,205 @@ const IntegrationBreadcrumb = ({ params }) => {
 const handle$1 = {
   breadcrumb: ({ params }) => /* @__PURE__ */ jsxRuntime.jsx(IntegrationBreadcrumb, { params })
 };
+function isSafeHref(raw) {
+  try {
+    return new URL(raw).protocol === "https:";
+  } catch {
+    return false;
+  }
+}
+const INLINE_RE = /`([^`\n]+)`|\[([^\]\n]*)\]\(([^)\s]+)\)|\*\*([^*\n]+)\*\*|\*([^*\n]+)\*|_([^_\n]+)_/;
+const MAX_DEPTH = 3;
+function parseInline(src, depth = 0) {
+  if (!src) return [];
+  if (depth >= MAX_DEPTH) return [{ type: "text", value: src }];
+  const out = [];
+  const re = new RegExp(INLINE_RE, "g");
+  let last = 0;
+  let m;
+  while ((m = re.exec(src)) !== null) {
+    const [full, code, linkText, linkHref, strong, star, underscore] = m;
+    if (m.index > last) out.push({ type: "text", value: src.slice(last, m.index) });
+    last = m.index + full.length;
+    if (code !== void 0) {
+      out.push({ type: "code", value: code });
+    } else if (linkHref !== void 0) {
+      const isImage = m.index > 0 && src[m.index - 1] === "!";
+      if (!isImage && isSafeHref(linkHref)) {
+        out.push({ type: "link", href: linkHref, children: parseInline(linkText, depth + 1) });
+      } else {
+        out.push({ type: "text", value: full });
+      }
+    } else if (strong !== void 0) {
+      out.push({ type: "strong", children: parseInline(strong, depth + 1) });
+    } else {
+      out.push({ type: "em", children: parseInline(star ?? underscore, depth + 1) });
+    }
+  }
+  if (last < src.length) out.push({ type: "text", value: src.slice(last) });
+  return out;
+}
+const MD_MAX_CHARS = 8e3;
+const MD_MAX_BLOCKS = 200;
+const FENCE_RE = /^```(.*)$/;
+const HEADING_RE = /^(#{1,3})\s+(.*)$/;
+const HR_RE = /^-{3,}\s*$/;
+const UL_RE = /^[-*]\s+(.*)$/;
+const OL_RE = /^\d+\.\s+(.*)$/;
+function fenceLabel(info) {
+  const first = info.trim().split(/\s+/)[0] ?? "";
+  return first.replace(/[^a-zA-Z0-9._/-]/g, "").slice(0, 40) || null;
+}
+function parseMarkdown(src) {
+  if (typeof src !== "string" || !src) return [];
+  if (src.length > MD_MAX_CHARS) return [{ type: "truncated" }];
+  const lines = src.replace(/\r\n?/g, "\n").split("\n");
+  const blocks = [];
+  let para = [];
+  const flushPara = () => {
+    if (!para.length) return;
+    blocks.push({ type: "paragraph", children: parseInline(para.join(" ")) });
+    para = [];
+  };
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const fence = FENCE_RE.exec(line);
+    if (fence) {
+      flushPara();
+      const body = [];
+      i++;
+      while (i < lines.length && !FENCE_RE.test(lines[i])) body.push(lines[i++]);
+      blocks.push({ type: "codeBlock", label: fenceLabel(fence[1]), value: body.join("\n") });
+      continue;
+    }
+    if (!line.trim()) {
+      flushPara();
+      continue;
+    }
+    if (HR_RE.test(line)) {
+      flushPara();
+      blocks.push({ type: "hr" });
+      continue;
+    }
+    const heading = HEADING_RE.exec(line);
+    if (heading) {
+      flushPara();
+      blocks.push({
+        type: "heading",
+        level: heading[1].length + 1,
+        children: parseInline(heading[2])
+      });
+      continue;
+    }
+    const ul = UL_RE.exec(line);
+    const ol = ul ? null : OL_RE.exec(line);
+    if (ul || ol) {
+      flushPara();
+      const ordered = !!ol;
+      const itemRe = ordered ? OL_RE : UL_RE;
+      const items = [];
+      while (i < lines.length) {
+        const item = itemRe.exec(lines[i]);
+        if (!item) break;
+        items.push(parseInline(item[1]));
+        i++;
+      }
+      i--;
+      blocks.push({ type: "list", ordered, items });
+      continue;
+    }
+    para.push(line);
+  }
+  flushPara();
+  const weight = blocks.reduce((n, b) => n + (b.type === "list" ? b.items.length : 1), 0);
+  return weight > MD_MAX_BLOCKS ? [{ type: "truncated" }] : blocks;
+}
+const Inline = ({ nodes }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: nodes.map((node, i) => {
+  switch (node.type) {
+    case "text":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { children: node.value }, i);
+    case "code":
+      return /* @__PURE__ */ jsxRuntime.jsx("code", { className: "txt-compact-small bg-ui-bg-component rounded px-1 py-0.5", children: node.value }, i);
+    case "strong":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small-plus", children: /* @__PURE__ */ jsxRuntime.jsx(Inline, { nodes: node.children }) }, i);
+    case "em":
+      return /* @__PURE__ */ jsxRuntime.jsx("em", { children: /* @__PURE__ */ jsxRuntime.jsx(Inline, { nodes: node.children }) }, i);
+    case "link":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: node.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-ui-fg-interactive hover:underline",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Inline, { nodes: node.children })
+        },
+        i
+      );
+  }
+}) });
+const Block = ({ block, truncatedLabel }) => {
+  switch (block.type) {
+    case "heading":
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: block.level === 2 ? "h2" : "h3", children: /* @__PURE__ */ jsxRuntime.jsx(Inline, { nodes: block.children }) });
+    case "paragraph":
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: /* @__PURE__ */ jsxRuntime.jsx(Inline, { nodes: block.children }) });
+    case "list": {
+      const List = block.ordered ? "ol" : "ul";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        List,
+        {
+          className: `text-ui-fg-subtle txt-small flex flex-col gap-y-1 pl-5 ${block.ordered ? "list-decimal" : "list-disc"}`,
+          children: block.items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Inline, { nodes: item }) }, i))
+        }
+      );
+    }
+    case "codeBlock":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-subtle flex flex-col gap-y-2 rounded-md px-3 pb-1 pt-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-2", children: [
+          block.label ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-subtle", children: block.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Copy, { content: block.value })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "txt-compact-small text-ui-fg-subtle overflow-x-auto whitespace-pre pb-2", children: block.value })
+      ] });
+    case "hr":
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-ui-border-base border-t" });
+    case "truncated":
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: truncatedLabel });
+  }
+};
+const Markdown = ({
+  source,
+  truncatedLabel
+}) => {
+  const blocks = React.useMemo(() => parseMarkdown(source), [source]);
+  if (!blocks.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-4", children: blocks.map((block, i) => /* @__PURE__ */ jsxRuntime.jsx(Block, { block, truncatedLabel }, i)) });
+};
 const PUBLISH_URL = "https://docs.gorgojs.com/medusa-modules/integration";
 const API_URL = "https://gorgojs.com";
-const InstallModal = ({ item, onOpenChange }) => {
-  const { t } = reactI18next.useTranslation();
+const iconSrc = (icon) => icon.startsWith("data:") ? icon : API_URL + icon;
+const InstallModal = ({
+  item,
+  onOpenChange
+}) => {
+  var _a, _b, _c;
+  const { t, i18n } = reactI18next.useTranslation();
+  const lang = i18n.language.split("-")[0] === "ru" ? "ru" : "en";
+  const source = ((_a = item == null ? void 0 : item.docsSnippet) == null ? void 0 : _a[lang]) || ((_b = item == null ? void 0 : item.docsSnippet) == null ? void 0 : _b.en) || ((_c = item == null ? void 0 : item.docsSnippet) == null ? void 0 : _c.ru) || "";
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open: !!item, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
-      item && /* @__PURE__ */ jsxRuntime.jsx(IntegrationIcon, { src: API_URL + item.icon, alt: item.label, size: "small" }),
+      item && /* @__PURE__ */ jsxRuntime.jsx(IntegrationIcon, { src: iconSrc(item.icon), alt: item.label, size: "small" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: item == null ? void 0 : item.label })
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", children: item && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: t("integration.browse.install_addToConfig") }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-subtle flex items-center justify-between gap-x-2 rounded-md px-3 py-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("code", { className: "txt-compact-small text-ui-fg-subtle", children: `yarn add @gorgo/medusa-integration ${item.npm}@beta` }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Copy, { content: `yarn add @gorgo/medusa-integration ${item.npm}@beta` })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-subtle flex items-center justify-between gap-x-2 rounded-md px-3 py-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("code", { className: "txt-compact-small text-ui-fg-subtle", children: `npm install @gorgo/medusa-integration ${item.npm}@beta` }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Copy, { content: `npm install @gorgo/medusa-integration ${item.npm}@beta` })
-      ] }),
-      item.configSnippet && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-subtle flex flex-col gap-y-2 rounded-md px-3 py-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-subtle", children: "medusa-config.ts" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Copy, { content: item.configSnippet })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "txt-compact-small text-ui-fg-subtle overflow-x-auto whitespace-pre", children: item.configSnippet })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("a", { href: item.docsUrl, target: "_blank", rel: "noreferrer", className: "text-ui-fg-base txt-small", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", children: source.trim() ? /* @__PURE__ */ jsxRuntime.jsx(Markdown, { source, truncatedLabel: t("integration.browse.install_truncated") }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: t("integration.browse.install_empty") }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: t("integration.actions.cancel") }) }),
+      (item == null ? void 0 : item.docsUrl) && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: item.docsUrl, target: "_blank", rel: "noopener noreferrer", children: [
         t("integration.browse.install_docs"),
-        " →"
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: t("integration.actions.cancel") }) }) })
+        /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, {})
+      ] }) })
+    ] })
   ] }) });
 };
 const BrowsePage = () => {
@@ -2380,7 +2557,7 @@ const BrowsePage = () => {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-y-3 p-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-x-2", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IntegrationIcon, { src: API_URL + item.icon, alt: item.label }),
+            /* @__PURE__ */ jsxRuntime.jsx(IntegrationIcon, { src: iconSrc(item.icon), alt: item.label }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", leading: "compact", children: item.label }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", leading: "compact", className: "text-ui-fg-subtle", children: t("integration.browse.by", { author: item.authorLocalized }) })
@@ -2446,8 +2623,9 @@ const integration$1 = {
     notInstalled: "Not installed",
     add: "Add",
     settings: "Settings",
-    install_addToConfig: "Add this to your medusa-config.ts and restart the server.",
-    install_docs: "Documentation"
+    install_docs: "Read docs",
+    install_empty: "Setup instructions for this integration aren't available yet.",
+    install_truncated: "These instructions are too long to show here — open the documentation."
   },
   columns: {
     integration: "Integration",
@@ -2549,8 +2727,9 @@ const integration = {
     notInstalled: "Не установлено",
     add: "Добавить",
     settings: "Настройки",
-    install_addToConfig: "Добавьте это в medusa-config.ts и перезапустите сервер.",
-    install_docs: "Документация"
+    install_docs: "Читать документацию",
+    install_empty: "Инструкция по настройке для этой интеграции пока недоступна.",
+    install_truncated: "Инструкция слишком длинная для показа здесь — откройте документацию."
   },
   columns: {
     integration: "Интеграция",

package/.medusa/server/src/admin/index.mjs

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { defineRouteConfig } from "@medusajs/admin-sdk";
-import { PuzzleSolid, CogSixTooth, Trash, Spinner, EllipsisHorizontal, PencilSquare, Plus } from "@medusajs/icons";
+import { PuzzleSolid, CogSixTooth, Trash, Spinner, EllipsisHorizontal, PencilSquare, Plus, ArrowUpRightOnBox } from "@medusajs/icons";
 import { clx, createDataTableColumnHelper, usePrompt, toast, Text, Badge, useDataTable, Container, Heading, Button, DataTable, Tabs, StatusBadge, Label, Input, Select, Switch, Textarea, Drawer, DropdownMenu, IconButton, Copy } from "@medusajs/ui";
 import { useQueryClient, useQuery, keepPreviousData, useMutation } from "@tanstack/react-query";
 import React, { useState, useMemo } from "react";
@@ -1953,15 +1953,25 @@ function renderControl(field, f, secretConfigured, t) {
   switch (field.control) {
     case "switch":
       return /* @__PURE__ */ jsx(Switch, { checked: !!f.value, onCheckedChange: f.onChange, disabled });
-    case "select":
-      return /* @__PURE__ */ jsxs(Select, { value: f.value ?? "", onValueChange: f.onChange, disabled, children: [
-        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder }) }),
-        /* @__PURE__ */ jsx(Select.Content, { children: (field.options ?? []).map((o) => {
-          var _a;
-          const labelKey = (_a = field.optionLabels) == null ? void 0 : _a[o];
-          return /* @__PURE__ */ jsx(Select.Item, { value: o, children: labelKey ? t(labelKey) : o }, o);
-        }) })
-      ] });
+    case "select": {
+      const declared = field.options ?? [];
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: f.value == null ? "" : String(f.value),
+          onValueChange: (next) => f.onChange(declared.find((o) => String(o) === next) ?? next),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder }) }),
+            /* @__PURE__ */ jsx(Select.Content, { children: declared.map((o) => {
+              var _a;
+              const labelKey = (_a = field.optionLabels) == null ? void 0 : _a[String(o)];
+              return /* @__PURE__ */ jsx(Select.Item, { value: String(o), children: labelKey ? t(labelKey) : String(o) }, String(o));
+            }) })
+          ]
+        }
+      );
+    }
     case "number":
       return /* @__PURE__ */ jsx(
         Input,
@@ -2296,38 +2306,205 @@ const IntegrationBreadcrumb = ({ params }) => {
 const handle$1 = {
   breadcrumb: ({ params }) => /* @__PURE__ */ jsx(IntegrationBreadcrumb, { params })
 };
+function isSafeHref(raw) {
+  try {
+    return new URL(raw).protocol === "https:";
+  } catch {
+    return false;
+  }
+}
+const INLINE_RE = /`([^`\n]+)`|\[([^\]\n]*)\]\(([^)\s]+)\)|\*\*([^*\n]+)\*\*|\*([^*\n]+)\*|_([^_\n]+)_/;
+const MAX_DEPTH = 3;
+function parseInline(src, depth = 0) {
+  if (!src) return [];
+  if (depth >= MAX_DEPTH) return [{ type: "text", value: src }];
+  const out = [];
+  const re = new RegExp(INLINE_RE, "g");
+  let last = 0;
+  let m;
+  while ((m = re.exec(src)) !== null) {
+    const [full, code, linkText, linkHref, strong, star, underscore] = m;
+    if (m.index > last) out.push({ type: "text", value: src.slice(last, m.index) });
+    last = m.index + full.length;
+    if (code !== void 0) {
+      out.push({ type: "code", value: code });
+    } else if (linkHref !== void 0) {
+      const isImage = m.index > 0 && src[m.index - 1] === "!";
+      if (!isImage && isSafeHref(linkHref)) {
+        out.push({ type: "link", href: linkHref, children: parseInline(linkText, depth + 1) });
+      } else {
+        out.push({ type: "text", value: full });
+      }
+    } else if (strong !== void 0) {
+      out.push({ type: "strong", children: parseInline(strong, depth + 1) });
+    } else {
+      out.push({ type: "em", children: parseInline(star ?? underscore, depth + 1) });
+    }
+  }
+  if (last < src.length) out.push({ type: "text", value: src.slice(last) });
+  return out;
+}
+const MD_MAX_CHARS = 8e3;
+const MD_MAX_BLOCKS = 200;
+const FENCE_RE = /^```(.*)$/;
+const HEADING_RE = /^(#{1,3})\s+(.*)$/;
+const HR_RE = /^-{3,}\s*$/;
+const UL_RE = /^[-*]\s+(.*)$/;
+const OL_RE = /^\d+\.\s+(.*)$/;
+function fenceLabel(info) {
+  const first = info.trim().split(/\s+/)[0] ?? "";
+  return first.replace(/[^a-zA-Z0-9._/-]/g, "").slice(0, 40) || null;
+}
+function parseMarkdown(src) {
+  if (typeof src !== "string" || !src) return [];
+  if (src.length > MD_MAX_CHARS) return [{ type: "truncated" }];
+  const lines = src.replace(/\r\n?/g, "\n").split("\n");
+  const blocks = [];
+  let para = [];
+  const flushPara = () => {
+    if (!para.length) return;
+    blocks.push({ type: "paragraph", children: parseInline(para.join(" ")) });
+    para = [];
+  };
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const fence = FENCE_RE.exec(line);
+    if (fence) {
+      flushPara();
+      const body = [];
+      i++;
+      while (i < lines.length && !FENCE_RE.test(lines[i])) body.push(lines[i++]);
+      blocks.push({ type: "codeBlock", label: fenceLabel(fence[1]), value: body.join("\n") });
+      continue;
+    }
+    if (!line.trim()) {
+      flushPara();
+      continue;
+    }
+    if (HR_RE.test(line)) {
+      flushPara();
+      blocks.push({ type: "hr" });
+      continue;
+    }
+    const heading = HEADING_RE.exec(line);
+    if (heading) {
+      flushPara();
+      blocks.push({
+        type: "heading",
+        level: heading[1].length + 1,
+        children: parseInline(heading[2])
+      });
+      continue;
+    }
+    const ul = UL_RE.exec(line);
+    const ol = ul ? null : OL_RE.exec(line);
+    if (ul || ol) {
+      flushPara();
+      const ordered = !!ol;
+      const itemRe = ordered ? OL_RE : UL_RE;
+      const items = [];
+      while (i < lines.length) {
+        const item = itemRe.exec(lines[i]);
+        if (!item) break;
+        items.push(parseInline(item[1]));
+        i++;
+      }
+      i--;
+      blocks.push({ type: "list", ordered, items });
+      continue;
+    }
+    para.push(line);
+  }
+  flushPara();
+  const weight = blocks.reduce((n, b) => n + (b.type === "list" ? b.items.length : 1), 0);
+  return weight > MD_MAX_BLOCKS ? [{ type: "truncated" }] : blocks;
+}
+const Inline = ({ nodes }) => /* @__PURE__ */ jsx(Fragment, { children: nodes.map((node, i) => {
+  switch (node.type) {
+    case "text":
+      return /* @__PURE__ */ jsx("span", { children: node.value }, i);
+    case "code":
+      return /* @__PURE__ */ jsx("code", { className: "txt-compact-small bg-ui-bg-component rounded px-1 py-0.5", children: node.value }, i);
+    case "strong":
+      return /* @__PURE__ */ jsx("span", { className: "txt-compact-small-plus", children: /* @__PURE__ */ jsx(Inline, { nodes: node.children }) }, i);
+    case "em":
+      return /* @__PURE__ */ jsx("em", { children: /* @__PURE__ */ jsx(Inline, { nodes: node.children }) }, i);
+    case "link":
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: node.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-ui-fg-interactive hover:underline",
+          children: /* @__PURE__ */ jsx(Inline, { nodes: node.children })
+        },
+        i
+      );
+  }
+}) });
+const Block = ({ block, truncatedLabel }) => {
+  switch (block.type) {
+    case "heading":
+      return /* @__PURE__ */ jsx(Heading, { level: block.level === 2 ? "h2" : "h3", children: /* @__PURE__ */ jsx(Inline, { nodes: block.children }) });
+    case "paragraph":
+      return /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: /* @__PURE__ */ jsx(Inline, { nodes: block.children }) });
+    case "list": {
+      const List = block.ordered ? "ol" : "ul";
+      return /* @__PURE__ */ jsx(
+        List,
+        {
+          className: `text-ui-fg-subtle txt-small flex flex-col gap-y-1 pl-5 ${block.ordered ? "list-decimal" : "list-disc"}`,
+          children: block.items.map((item, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Inline, { nodes: item }) }, i))
+        }
+      );
+    }
+    case "codeBlock":
+      return /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle flex flex-col gap-y-2 rounded-md px-3 pb-1 pt-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-2", children: [
+          block.label ? /* @__PURE__ */ jsx(Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-subtle", children: block.label }) : /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx(Copy, { content: block.value })
+        ] }),
+        /* @__PURE__ */ jsx("pre", { className: "txt-compact-small text-ui-fg-subtle overflow-x-auto whitespace-pre pb-2", children: block.value })
+      ] });
+    case "hr":
+      return /* @__PURE__ */ jsx("div", { className: "border-ui-border-base border-t" });
+    case "truncated":
+      return /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: truncatedLabel });
+  }
+};
+const Markdown = ({
+  source,
+  truncatedLabel
+}) => {
+  const blocks = useMemo(() => parseMarkdown(source), [source]);
+  if (!blocks.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: blocks.map((block, i) => /* @__PURE__ */ jsx(Block, { block, truncatedLabel }, i)) });
+};
 const PUBLISH_URL = "https://docs.gorgojs.com/medusa-modules/integration";
 const API_URL = "https://gorgojs.com";
-const InstallModal = ({ item, onOpenChange }) => {
-  const { t } = useTranslation();
+const iconSrc = (icon) => icon.startsWith("data:") ? icon : API_URL + icon;
+const InstallModal = ({
+  item,
+  onOpenChange
+}) => {
+  var _a, _b, _c;
+  const { t, i18n } = useTranslation();
+  const lang = i18n.language.split("-")[0] === "ru" ? "ru" : "en";
+  const source = ((_a = item == null ? void 0 : item.docsSnippet) == null ? void 0 : _a[lang]) || ((_b = item == null ? void 0 : item.docsSnippet) == null ? void 0 : _b.en) || ((_c = item == null ? void 0 : item.docsSnippet) == null ? void 0 : _c.ru) || "";
   return /* @__PURE__ */ jsx(Drawer, { open: !!item, onOpenChange, children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
     /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-      item && /* @__PURE__ */ jsx(IntegrationIcon, { src: API_URL + item.icon, alt: item.label, size: "small" }),
+      item && /* @__PURE__ */ jsx(IntegrationIcon, { src: iconSrc(item.icon), alt: item.label, size: "small" }),
       /* @__PURE__ */ jsx("span", { children: item == null ? void 0 : item.label })
     ] }) }) }),
-    /* @__PURE__ */ jsx(Drawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", children: item && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("integration.browse.install_addToConfig") }),
-      /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle flex items-center justify-between gap-x-2 rounded-md px-3 py-2", children: [
-        /* @__PURE__ */ jsx("code", { className: "txt-compact-small text-ui-fg-subtle", children: `yarn add @gorgo/medusa-integration ${item.npm}@beta` }),
-        /* @__PURE__ */ jsx(Copy, { content: `yarn add @gorgo/medusa-integration ${item.npm}@beta` })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle flex items-center justify-between gap-x-2 rounded-md px-3 py-2", children: [
-        /* @__PURE__ */ jsx("code", { className: "txt-compact-small text-ui-fg-subtle", children: `npm install @gorgo/medusa-integration ${item.npm}@beta` }),
-        /* @__PURE__ */ jsx(Copy, { content: `npm install @gorgo/medusa-integration ${item.npm}@beta` })
-      ] }),
-      item.configSnippet && /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle flex flex-col gap-y-2 rounded-md px-3 py-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-2", children: [
-          /* @__PURE__ */ jsx(Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-subtle", children: "medusa-config.ts" }),
-          /* @__PURE__ */ jsx(Copy, { content: item.configSnippet })
-        ] }),
-        /* @__PURE__ */ jsx("pre", { className: "txt-compact-small text-ui-fg-subtle overflow-x-auto whitespace-pre", children: item.configSnippet })
-      ] }),
-      /* @__PURE__ */ jsxs("a", { href: item.docsUrl, target: "_blank", rel: "noreferrer", className: "text-ui-fg-base txt-small", children: [
+    /* @__PURE__ */ jsx(Drawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", children: source.trim() ? /* @__PURE__ */ jsx(Markdown, { source, truncatedLabel: t("integration.browse.install_truncated") }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("integration.browse.install_empty") }) }),
+    /* @__PURE__ */ jsxs(Drawer.Footer, { children: [
+      /* @__PURE__ */ jsx(Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("integration.actions.cancel") }) }),
+      (item == null ? void 0 : item.docsUrl) && /* @__PURE__ */ jsx(Button, { size: "small", variant: "primary", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: item.docsUrl, target: "_blank", rel: "noopener noreferrer", children: [
         t("integration.browse.install_docs"),
-        " →"
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsx(Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("integration.actions.cancel") }) }) })
+        /* @__PURE__ */ jsx(ArrowUpRightOnBox, {})
+      ] }) })
+    ] })
   ] }) });
 };
 const BrowsePage = () => {
@@ -2376,7 +2553,7 @@ const BrowsePage = () => {
       /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-y-3 p-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-x-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
-            /* @__PURE__ */ jsx(IntegrationIcon, { src: API_URL + item.icon, alt: item.label }),
+            /* @__PURE__ */ jsx(IntegrationIcon, { src: iconSrc(item.icon), alt: item.label }),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: item.label }),
               /* @__PURE__ */ jsx(Text, { size: "xsmall", leading: "compact", className: "text-ui-fg-subtle", children: t("integration.browse.by", { author: item.authorLocalized }) })
@@ -2442,8 +2619,9 @@ const integration$1 = {
     notInstalled: "Not installed",
     add: "Add",
     settings: "Settings",
-    install_addToConfig: "Add this to your medusa-config.ts and restart the server.",
-    install_docs: "Documentation"
+    install_docs: "Read docs",
+    install_empty: "Setup instructions for this integration aren't available yet.",
+    install_truncated: "These instructions are too long to show here — open the documentation."
   },
   columns: {
     integration: "Integration",
@@ -2545,8 +2723,9 @@ const integration = {
     notInstalled: "Не установлено",
     add: "Добавить",
     settings: "Настройки",
-    install_addToConfig: "Добавьте это в medusa-config.ts и перезапустите сервер.",
-    install_docs: "Документация"
+    install_docs: "Читать документацию",
+    install_empty: "Инструкция по настройке для этой интеграции пока недоступна.",
+    install_truncated: "Инструкция слишком длинная для показа здесь — откройте документацию."
   },
   columns: {
     integration: "Интеграция",