@gxp-dev/mod-ui 2.0.0 → 2.0.3

package/dist/components/compositions/elements/code/FileTree.vue2.js

@@ -1,254 +1,5 @@
-import { defineComponent as R, ref as m, computed as V, watch as C, onMounted as M, openBlock as i, createBlock as E, unref as l, normalizeClass as G, withCtx as x, createVNode as o, createElementVNode as H, toDisplayString as P, createElementBlock as u, Fragment as J, renderList as K, h as r } from "vue";
-import { Folder as S, ChevronDown as Q, ChevronRight as U, File as W, FolderOpen as X } from "lucide-vue-next";
-import "../../../ui/card/index.js";
-import g from "../../../ui/skeleton/Skeleton.vue.js";
-import { cn as Y } from "../../../../lib/utils.js";
-import Z from "../../../ui/card/Card.vue.js";
-import ee from "../../../ui/card/CardHeader.vue.js";
-import te from "../../../ui/card/CardTitle.vue.js";
-import ae from "../../../ui/card/CardContent.vue.js";
-const re = {
-  key: 0,
-  "data-testid": "file-tree-loading",
-  class: "flex flex-col gap-1.5 px-2"
-}, le = {
-  key: 1,
-  class: "px-2 text-sm text-destructive",
-  "data-testid": "file-tree-error",
-  role: "alert"
-}, se = {
-  key: 2,
-  class: "px-2 text-sm text-muted-foreground",
-  "data-testid": "file-tree-empty"
-}, ne = {
-  key: 3,
-  class: "flex flex-col",
-  role: "tree",
-  "data-testid": "file-tree-list"
-}, xe = /* @__PURE__ */ R({
-  __name: "FileTree",
-  props: {
-    path: { default: "" },
-    onLoadTree: {},
-    selectedPath: {},
-    onSelectPath: {},
-    expandedPaths: {},
-    onExpandedChange: {},
-    label: { default: "File Tree" },
-    name: {},
-    classList: {}
-  },
-  emits: ["update:selectedPath", "update:expandedPaths"],
-  setup(F, { expose: L, emit: b }) {
-    const a = F, k = b;
-    function y(e) {
-      return {
-        path: e.path,
-        name: e.name,
-        kind: e.kind,
-        loading: !1,
-        loaded: Array.isArray(e.children),
-        error: null,
-        childNodes: Array.isArray(e.children) ? e.children.map(y) : []
-      };
-    }
-    const h = m([]), v = m(!1), f = m(null), d = m(
-      new Set(a.expandedPaths ?? [])
-    ), A = V(
-      () => Array.from(d.value)
-    );
-    C(
-      () => a.expandedPaths,
-      (e) => {
-        e !== void 0 && (d.value = new Set(e));
-      }
-    );
-    function T() {
-      const e = A.value;
-      k("update:expandedPaths", e), a.onExpandedChange && a.onExpandedChange(e);
-    }
-    async function _() {
-      v.value = !0, f.value = null;
-      try {
-        const e = await a.onLoadTree(a.path ?? "");
-        h.value = Array.isArray(e) ? e.map(y) : [];
-      } catch (e) {
-        f.value = e instanceof Error ? e.message : String(e), h.value = [];
-      } finally {
-        v.value = !1;
-      }
-    }
-    async function z(e) {
-      if (e.kind === "directory" && !(e.loading || e.loaded)) {
-        e.loading = !0, e.error = null;
-        try {
-          const t = await a.onLoadTree(e.path);
-          e.childNodes = Array.isArray(t) ? t.map(y) : [], e.loaded = !0;
-        } catch (t) {
-          e.error = t instanceof Error ? t.message : String(t), e.childNodes = [];
-        } finally {
-          e.loading = !1;
-        }
-      }
-    }
-    function B(e) {
-      return d.value.has(e);
-    }
-    async function D(e) {
-      const t = new Set(d.value);
-      t.has(e.path) ? t.delete(e.path) : (t.add(e.path), e.loaded || await z(e)), d.value = t, T();
-    }
-    function j(e) {
-      e.kind === "file" && (k("update:selectedPath", e.path), a.onSelectPath && a.onSelectPath(e.path));
-    }
-    M(() => {
-      _();
-    }), C(
-      () => a.path,
-      () => {
-        _();
-      }
-    );
-    const w = {
-      name: "FileTreeNode",
-      props: {
-        node: {
-          type: Object,
-          required: !0
-        },
-        depth: { type: Number, required: !0 }
-      },
-      setup(e) {
-        return () => {
-          const t = e.node, s = B(t.path), q = { paddingLeft: `${e.depth * 16 + 8}px` }, n = t.kind === "file", $ = n && a.selectedPath === t.path, I = [
-            "flex items-center gap-1.5 rounded-sm py-1 pr-2 text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground",
-            $ ? "bg-accent text-accent-foreground font-medium" : ""
-          ].join(" "), O = r(
-            "div",
-            {
-              class: I,
-              style: q,
-              role: "treeitem",
-              "data-testid": `file-tree-row-${t.path}`,
-              "data-kind": t.kind,
-              "aria-expanded": n ? void 0 : String(s),
-              "aria-selected": n ? String($) : void 0,
-              onClick: (p) => {
-                p.stopPropagation(), n ? j(t) : D(t);
-              }
-            },
-            [
-              n ? r("span", { class: "inline-block w-4 shrink-0" }) : r(s ? Q : U, {
-                class: "size-4 shrink-0 text-muted-foreground",
-                "data-testid": s ? `file-tree-chevron-down-${t.path}` : `file-tree-chevron-right-${t.path}`
-              }),
-              n ? r(W, {
-                class: "size-4 shrink-0 text-muted-foreground"
-              }) : r(s ? X : S, {
-                class: "size-4 shrink-0 text-muted-foreground"
-              }),
-              r("span", { class: "truncate" }, t.name)
-            ]
-          ), c = [];
-          if (!n && s) {
-            const p = {
-              paddingLeft: `${(e.depth + 1) * 16 + 8}px`
-            };
-            if (t.loading)
-              c.push(
-                r(
-                  "li",
-                  {
-                    class: "py-1",
-                    style: p,
-                    "data-testid": `file-tree-child-loading-${t.path}`
-                  },
-                  [r(g, { class: "h-4 w-1/2" })]
-                )
-              );
-            else if (t.error)
-              c.push(
-                r(
-                  "li",
-                  {
-                    class: "py-1 text-sm text-destructive",
-                    style: p,
-                    role: "alert",
-                    "data-testid": `file-tree-child-error-${t.path}`
-                  },
-                  t.error
-                )
-              );
-            else if (t.childNodes.length === 0)
-              c.push(
-                r(
-                  "li",
-                  {
-                    class: "py-1 text-sm italic text-muted-foreground",
-                    style: p,
-                    "data-testid": `file-tree-child-empty-${t.path}`
-                  },
-                  "(empty)"
-                )
-              );
-            else
-              for (const N of t.childNodes)
-                c.push(
-                  r(w, {
-                    key: N.path,
-                    node: N,
-                    depth: e.depth + 1
-                  })
-                );
-          }
-          return r(
-            "li",
-            { class: "flex list-none flex-col" },
-            [O, ...c]
-          );
-        };
-      }
-    };
-    return L({ reload: _ }), (e, t) => (i(), E(l(Z), {
-      class: G(l(Y)(a.classList)),
-      "data-element-name": a.name ?? void 0,
-      "data-testid": "file-tree"
-    }, {
-      default: x(() => [
-        o(l(ee), null, {
-          default: x(() => [
-            o(l(te), { class: "flex items-center gap-2 text-base" }, {
-              default: x(() => [
-                o(l(S), { class: "size-5 text-muted-foreground" }),
-                H("span", null, P(a.label), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        o(l(ae), { class: "px-2 pb-4" }, {
-          default: x(() => [
-            v.value ? (i(), u("div", re, [
-              o(l(g), { class: "h-5 w-3/4" }),
-              o(l(g), { class: "h-5 w-2/3" }),
-              o(l(g), { class: "h-5 w-1/2" })
-            ])) : f.value ? (i(), u("p", le, P(f.value), 1)) : h.value.length === 0 ? (i(), u("p", se, " No files. ")) : (i(), u("ul", ne, [
-              (i(!0), u(J, null, K(h.value, (s) => (i(), E(w, {
-                key: s.path,
-                node: s,
-                depth: 0
-              }, null, 8, ["node"]))), 128))
-            ]))
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["class", "data-element-name"]));
-  }
-});
+import f from "./FileTree.vue.js";
 export {
-  xe as default
+  f as default
 };
 //# sourceMappingURL=FileTree.vue2.js.map

package/dist/components/compositions/elements/code/FileTree.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileTree.vue2.js","sources":["../../../../../src/components/compositions/elements/code/FileTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven file tree composition. Renders a recursive list of files\n * and folders sourced by a `onLoadTree` callback. The composition makes\n * no HTTP calls itself — the consumer provides a Promise-returning\n * loader for each node.\n *\n *   <FileTree\n *     :on-load-tree=\"(path) => fetch(`/api/tree?path=${path}`).then(r => r.json())\"\n *     v-model:selected-path=\"selected\"\n *     v-model:expanded-paths=\"expanded\"\n *   />\n */\nimport { computed, h, onMounted, ref, watch, type PropType } from \"vue\"\nimport {\n  ChevronDown,\n  ChevronRight,\n  File as FileIcon,\n  Folder,\n  FolderOpen,\n} from \"lucide-vue-next\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Skeleton } from \"@/components/ui/skeleton\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface TreeNode {\n  /** Full path from the root, e.g. `src/components/Button.vue`. */\n  path: string\n  /** Display name (typically the trailing path segment). */\n  name: string\n  kind: \"file\" | \"directory\"\n  /** Pre-loaded children. When omitted for a directory, the loader is\n   *  invoked the first time the node is expanded. */\n  children?: TreeNode[]\n}\n\nexport interface FileTreeProps {\n  /** Root path. Passed to `onLoadTree` on mount. */\n  path?: string\n  /** REQUIRED loader for children at a given path. */\n  onLoadTree: (path: string) => Promise<TreeNode[]>\n  /** Current selected file path (v-modelable as `selectedPath`). */\n  selectedPath?: string\n  /** Called when the user clicks a file. */\n  onSelectPath?: (path: string) => void\n  /** Controlled expanded directory paths (v-modelable as `expandedPaths`). */\n  expandedPaths?: string[]\n  /** Fired when the set of expanded paths changes. */\n  onExpandedChange?: (paths: string[]) => void\n  label?: string\n  name?: string | null\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<FileTreeProps>(), {\n  path: \"\",\n  label: \"File Tree\",\n})\n\nconst emit = defineEmits<{\n  \"update:selectedPath\": [path: string]\n  \"update:expandedPaths\": [paths: string[]]\n}>()\n\ninterface InternalNode {\n  path: string\n  name: string\n  kind: \"file\" | \"directory\"\n  loading: boolean\n  loaded: boolean\n  error: string | null\n  childNodes: InternalNode[]\n}\n\nfunction toInternal(node: TreeNode): InternalNode {\n  return {\n    path: node.path,\n    name: node.name,\n    kind: node.kind,\n    loading: false,\n    loaded: Array.isArray(node.children),\n    error: null,\n    childNodes: Array.isArray(node.children)\n      ? node.children.map(toInternal)\n      : [],\n  }\n}\n\nconst rootNodes = ref<InternalNode[]>([])\nconst rootLoading = ref<boolean>(false)\nconst rootError = ref<string | null>(null)\n\nconst localExpanded = ref<Set<string>>(\n  new Set<string>(props.expandedPaths ?? []),\n)\n\nconst expandedPathsList = computed<string[]>(() =>\n  Array.from(localExpanded.value),\n)\n\nwatch(\n  () => props.expandedPaths,\n  (next) => {\n    if (next === undefined) {\n      return\n    }\n    localExpanded.value = new Set(next)\n  },\n)\n\nfunction notifyExpanded(): void {\n  const list = expandedPathsList.value\n  emit(\"update:expandedPaths\", list)\n  if (props.onExpandedChange) {\n    props.onExpandedChange(list)\n  }\n}\n\nasync function loadRoot(): Promise<void> {\n  rootLoading.value = true\n  rootError.value = null\n  try {\n    const result = await props.onLoadTree(props.path ?? \"\")\n    rootNodes.value = Array.isArray(result) ? result.map(toInternal) : []\n  } catch (err) {\n    rootError.value = err instanceof Error ? err.message : String(err)\n    rootNodes.value = []\n  } finally {\n    rootLoading.value = false\n  }\n}\n\nasync function loadChildren(node: InternalNode): Promise<void> {\n  if (node.kind !== \"directory\") {\n    return\n  }\n  if (node.loading || node.loaded) {\n    return\n  }\n  node.loading = true\n  node.error = null\n  try {\n    const result = await props.onLoadTree(node.path)\n    node.childNodes = Array.isArray(result) ? result.map(toInternal) : []\n    node.loaded = true\n  } catch (err) {\n    node.error = err instanceof Error ? err.message : String(err)\n    node.childNodes = []\n  } finally {\n    node.loading = false\n  }\n}\n\nfunction isExpanded(path: string): boolean {\n  return localExpanded.value.has(path)\n}\n\nasync function toggleDirectory(node: InternalNode): Promise<void> {\n  const next = new Set(localExpanded.value)\n  if (next.has(node.path)) {\n    next.delete(node.path)\n  } else {\n    next.add(node.path)\n    if (!node.loaded) {\n      await loadChildren(node)\n    }\n  }\n  localExpanded.value = next\n  notifyExpanded()\n}\n\nfunction selectFile(node: InternalNode): void {\n  if (node.kind !== \"file\") {\n    return\n  }\n  emit(\"update:selectedPath\", node.path)\n  if (props.onSelectPath) {\n    props.onSelectPath(node.path)\n  }\n}\n\nonMounted(() => {\n  void loadRoot()\n})\n\nwatch(\n  () => props.path,\n  () => {\n    void loadRoot()\n  },\n)\n\nconst FileTreeNode = {\n  name: \"FileTreeNode\",\n  props: {\n    node: {\n      type: Object as PropType<InternalNode>,\n      required: true as const,\n    },\n    depth: { type: Number, required: true as const },\n  },\n  setup(nodeProps: { node: InternalNode; depth: number }) {\n    return () => {\n      const node = nodeProps.node\n      const expanded = isExpanded(node.path)\n      const indent = { paddingLeft: `${nodeProps.depth * 16 + 8}px` }\n      const isFile = node.kind === \"file\"\n      const selected = isFile && props.selectedPath === node.path\n      const rowClass = [\n        \"flex items-center gap-1.5 rounded-sm py-1 pr-2 text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground\",\n        selected ? \"bg-accent text-accent-foreground font-medium\" : \"\",\n      ].join(\" \")\n\n      const row = h(\n        \"div\",\n        {\n          class: rowClass,\n          style: indent,\n          role: \"treeitem\",\n          \"data-testid\": `file-tree-row-${node.path}`,\n          \"data-kind\": node.kind,\n          \"aria-expanded\": isFile ? undefined : String(expanded),\n          \"aria-selected\": isFile ? String(selected) : undefined,\n          onClick: (e: Event) => {\n            e.stopPropagation()\n            if (isFile) {\n              selectFile(node)\n            } else {\n              void toggleDirectory(node)\n            }\n          },\n        },\n        [\n          isFile\n            ? h(\"span\", { class: \"inline-block w-4 shrink-0\" })\n            : h(expanded ? ChevronDown : ChevronRight, {\n                class: \"size-4 shrink-0 text-muted-foreground\",\n                \"data-testid\": expanded\n                  ? `file-tree-chevron-down-${node.path}`\n                  : `file-tree-chevron-right-${node.path}`,\n              }),\n          isFile\n            ? h(FileIcon, {\n                class: \"size-4 shrink-0 text-muted-foreground\",\n              })\n            : h(expanded ? FolderOpen : Folder, {\n                class: \"size-4 shrink-0 text-muted-foreground\",\n              }),\n          h(\"span\", { class: \"truncate\" }, node.name),\n        ],\n      )\n\n      const children: ReturnType<typeof h>[] = []\n      if (!isFile && expanded) {\n        const childIndent = {\n          paddingLeft: `${(nodeProps.depth + 1) * 16 + 8}px`,\n        }\n        if (node.loading) {\n          children.push(\n            h(\n              \"li\",\n              {\n                class: \"py-1\",\n                style: childIndent,\n                \"data-testid\": `file-tree-child-loading-${node.path}`,\n              },\n              [h(Skeleton, { class: \"h-4 w-1/2\" })],\n            ),\n          )\n        } else if (node.error) {\n          children.push(\n            h(\n              \"li\",\n              {\n                class: \"py-1 text-sm text-destructive\",\n                style: childIndent,\n                role: \"alert\",\n                \"data-testid\": `file-tree-child-error-${node.path}`,\n              },\n              node.error,\n            ),\n          )\n        } else if (node.childNodes.length === 0) {\n          children.push(\n            h(\n              \"li\",\n              {\n                class: \"py-1 text-sm italic text-muted-foreground\",\n                style: childIndent,\n                \"data-testid\": `file-tree-child-empty-${node.path}`,\n              },\n              \"(empty)\",\n            ),\n          )\n        } else {\n          for (const child of node.childNodes) {\n            children.push(\n              h(FileTreeNode, {\n                key: child.path,\n                node: child,\n                depth: nodeProps.depth + 1,\n              }),\n            )\n          }\n        }\n      }\n\n      return h(\n        \"li\",\n        { class: \"flex list-none flex-col\" },\n        [row, ...children],\n      )\n    }\n  },\n}\n\ndefineExpose({ reload: loadRoot })\n</script>\n\n<template>\n  <Card\n    :class=\"cn(props.classList)\"\n    :data-element-name=\"props.name ?? undefined\"\n    data-testid=\"file-tree\"\n  >\n    <CardHeader>\n      <CardTitle class=\"flex items-center gap-2 text-base\">\n        <Folder class=\"size-5 text-muted-foreground\" />\n        <span>{{ props.label }}</span>\n      </CardTitle>\n    </CardHeader>\n    <CardContent class=\"px-2 pb-4\">\n      <div\n        v-if=\"rootLoading\"\n        data-testid=\"file-tree-loading\"\n        class=\"flex flex-col gap-1.5 px-2\"\n      >\n        <Skeleton class=\"h-5 w-3/4\" />\n        <Skeleton class=\"h-5 w-2/3\" />\n        <Skeleton class=\"h-5 w-1/2\" />\n      </div>\n      <p\n        v-else-if=\"rootError\"\n        class=\"px-2 text-sm text-destructive\"\n        data-testid=\"file-tree-error\"\n        role=\"alert\"\n      >\n        {{ rootError }}\n      </p>\n      <p\n        v-else-if=\"rootNodes.length === 0\"\n        class=\"px-2 text-sm text-muted-foreground\"\n        data-testid=\"file-tree-empty\"\n      >\n        No files.\n      </p>\n      <ul\n        v-else\n        class=\"flex flex-col\"\n        role=\"tree\"\n        data-testid=\"file-tree-list\"\n      >\n        <FileTreeNode\n          v-for=\"node in rootNodes\"\n          :key=\"node.path\"\n          :node=\"node\"\n          :depth=\"0\"\n        />\n      </ul>\n    </CardContent>\n  </Card>\n</template>\n"],"names":["props","__props","emit","__emit","toInternal","node","rootNodes","ref","rootLoading","rootError","localExpanded","expandedPathsList","computed","watch","next","notifyExpanded","list","loadRoot","result","err","loadChildren","isExpanded","path","toggleDirectory","selectFile","onMounted","FileTreeNode","nodeProps","expanded","indent","isFile","selected","rowClass","row","h","e","ChevronDown","ChevronRight","FileIcon","FolderOpen","Folder","children","childIndent","Skeleton","child","__expose","_createBlock","_unref","Card","_normalizeClass","cn","_createVNode","CardHeader","CardTitle","_createElementVNode","_toDisplayString","CardContent","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_Fragment","_renderList"],"mappings":"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"}
+{"version":3,"file":"FileTree.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/code/GitCodeEditor.vue.d.ts

@@ -0,0 +1,54 @@
+export interface GitCodeEditorLoadedFile {
+    content: string;
+    language?: string;
+}
+export interface GitCodeEditorProps {
+    /** Repository identifier (display only). */
+    repository?: string;
+    /** Current branch (v-modelable). */
+    branch?: string;
+    /** Current file path (v-modelable). */
+    path?: string;
+    /** File content (v-modelable via modelValue). */
+    modelValue?: string;
+    /** Lists the branches for the branch selector. */
+    onLoadBranches?: () => Promise<string[]>;
+    /** REQUIRED loader for the current (path, branch). */
+    onLoadFile?: (path: string, branch: string) => Promise<GitCodeEditorLoadedFile>;
+    /** Optional save callback. When omitted, the save button is hidden. */
+    onSaveFile?: (path: string, branch: string, content: string) => Promise<void>;
+    /** Syntax hint. Default plaintext; overridden by `onLoadFile`'s response. */
+    language?: string;
+    readonly?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    label?: string;
+    hideLabel?: boolean;
+    name?: string | null;
+    id?: string;
+    helpText?: string;
+    errors?: string[];
+    classList?: string[] | string;
+}
+declare function loadFile(): Promise<void>;
+declare function save(): Promise<void>;
+declare const _default: import('vue').DefineComponent<GitCodeEditorProps, {
+    reload: typeof loadFile;
+    save: typeof save;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:branch": (value: string) => any;
+    "update:path": (value: string) => any;
+    "update:language": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<GitCodeEditorProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:branch"?: ((value: string) => any) | undefined;
+    "onUpdate:path"?: ((value: string) => any) | undefined;
+    "onUpdate:language"?: ((value: string) => any) | undefined;
+}>, {
+    label: string;
+    language: string;
+    errors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=GitCodeEditor.vue.d.ts.map

package/dist/components/compositions/elements/code/GitCodeEditor.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitCodeEditor.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/code/GitCodeEditor.vue"],"names":[],"mappings":"AA+YA,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;IACxC,sDAAsD;IACtD,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,KACX,OAAO,CAAC,uBAAuB,CAAC,CAAA;IACrC,uEAAuE;IACvE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7E,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;AAmGD,iBAAe,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAgCvC;AAUD,iBAAe,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAgBnC;;;;;;;;;;;;;;;WApKS,MAAM;cAJH,MAAM;YASR,MAAM,EAAE;;AA2iBnB,wBAUG"}

package/dist/components/compositions/elements/code/GitCodeEditor.vue.js

@@ -1,5 +1,276 @@
-import f from "./GitCodeEditor.vue2.js";
+import { defineComponent as O, ref as i, watch as g, computed as E, onMounted as P, openBlock as s, createBlock as h, unref as l, normalizeClass as j, withCtx as c, createVNode as r, createElementVNode as b, createElementBlock as B, toDisplayString as L, createCommentVNode as _, Fragment as H, renderList as I, createTextVNode as J } from "vue";
+import { GitBranch as K, Loader2 as q, Save as Q } from "lucide-vue-next";
+import "../../../ui/button/index.js";
+import "../../../ui/card/index.js";
+import W from "../../../ui/field-frame/FieldFrame.vue.js";
+import X from "../../../ui/input/Input.vue.js";
+import Y from "../../../ui/select/Select.vue.js";
+import Z from "../../../ui/select/SelectContent.vue.js";
+import "@vueuse/core";
+import "reka-ui";
+import { cn as ee } from "../../../../lib/utils.js";
+import ae from "../../../ui/select/SelectItem.vue.js";
+import te from "../../../ui/select/SelectTrigger.vue.js";
+import le from "../../../ui/select/SelectValue.vue.js";
+import oe from "../../../ui/textarea/Textarea.vue.js";
+import ne from "../../../ui/card/Card.vue.js";
+import ie from "../../../ui/card/CardHeader.vue.js";
+import re from "../../../ui/button/Button.vue.js";
+import de from "../../../ui/card/CardContent.vue.js";
+const ue = { class: "flex flex-wrap items-center gap-2" }, se = {
+  key: 0,
+  class: "flex items-center gap-1.5 rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground",
+  "data-testid": "git-code-editor-repository"
+}, ce = {
+  class: "min-w-40",
+  "data-testid": "git-code-editor-branch-wrapper"
+}, fe = {
+  key: 0,
+  class: "text-[10px] uppercase tracking-wide text-muted-foreground",
+  "data-testid": "git-code-editor-language"
+}, me = {
+  key: 0,
+  class: "flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground",
+  "data-testid": "git-code-editor-loading"
+}, ze = /* @__PURE__ */ O({
+  __name: "GitCodeEditor",
+  props: {
+    repository: {},
+    branch: {},
+    path: {},
+    modelValue: {},
+    onLoadBranches: {},
+    onLoadFile: {},
+    onSaveFile: {},
+    language: { default: "plaintext" },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    label: { default: "Git Code Editor" },
+    hideLabel: { type: Boolean },
+    name: {},
+    id: {},
+    helpText: {},
+    errors: { default: () => [] },
+    classList: {}
+  },
+  emits: ["update:modelValue", "update:branch", "update:path", "update:language"],
+  setup(o, { expose: z, emit: T }) {
+    const t = o, m = T, f = i(t.modelValue ?? ""), n = i(t.branch ?? ""), d = i(t.path ?? ""), v = i(t.language ?? "plaintext");
+    g(
+      () => t.modelValue,
+      (e) => {
+        e !== void 0 && e !== f.value && (f.value = e);
+      }
+    ), g(
+      () => t.branch,
+      (e) => {
+        e !== void 0 && e !== n.value && (n.value = e);
+      }
+    ), g(
+      () => t.path,
+      (e) => {
+        e !== void 0 && e !== d.value && (d.value = e);
+      }
+    ), g(
+      () => t.language,
+      (e) => {
+        e !== void 0 && e !== v.value && (v.value = e);
+      }
+    );
+    function N(e) {
+      const a = e ?? "";
+      f.value = a, m("update:modelValue", a);
+    }
+    function A(e) {
+      n.value = e, m("update:branch", e);
+    }
+    function G(e) {
+      const a = e === void 0 ? "" : String(e);
+      d.value = a, m("update:path", a);
+    }
+    const w = i([]), V = i(!1), F = i(null);
+    async function R() {
+      if (t.onLoadBranches) {
+        V.value = !0, F.value = null;
+        try {
+          const e = await t.onLoadBranches();
+          w.value = Array.isArray(e) ? e : [];
+        } catch (e) {
+          F.value = e instanceof Error ? e.message : String(e), w.value = [];
+        } finally {
+          V.value = !1;
+        }
+      }
+    }
+    const y = i(!1), x = i(null);
+    let S = 0;
+    async function $() {
+      if (!t.onLoadFile || !d.value || !n.value)
+        return;
+      const e = ++S;
+      y.value = !0, x.value = null;
+      try {
+        const a = await t.onLoadFile(d.value, n.value);
+        if (e !== S)
+          return;
+        const u = (a == null ? void 0 : a.content) ?? "";
+        f.value = u, m("update:modelValue", u), a != null && a.language && (v.value = a.language, m("update:language", a.language));
+      } catch (a) {
+        if (e !== S)
+          return;
+        x.value = a instanceof Error ? a.message : String(a);
+      } finally {
+        e === S && (y.value = !1);
+      }
+    }
+    g([n, d], () => {
+      $();
+    });
+    const p = i(!1), k = i(null);
+    async function C() {
+      if (t.onSaveFile && !(!d.value || !n.value)) {
+        p.value = !0, k.value = null;
+        try {
+          await t.onSaveFile(d.value, n.value, f.value);
+        } catch (e) {
+          k.value = e instanceof Error ? e.message : String(e);
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    const U = E(() => {
+      const e = new Set(w.value);
+      return n.value && e.add(n.value), Array.from(e);
+    }), D = E(() => {
+      const e = [...t.errors ?? []];
+      return x.value && e.push(x.value), k.value && e.push(k.value), e;
+    }), M = E(() => !!t.onSaveFile);
+    return P(() => {
+      R(), $();
+    }), z({ reload: $, save: C }), (e, a) => (s(), h(l(W), {
+      label: o.label,
+      required: o.required,
+      "hide-label": o.hideLabel,
+      for: o.id,
+      "help-text": o.helpText,
+      errors: D.value,
+      class: j(l(ee)(t.classList))
+    }, {
+      default: c(() => [
+        r(l(ne), {
+          "data-element-name": t.name ?? void 0,
+          "data-testid": "git-code-editor"
+        }, {
+          default: c(() => [
+            r(l(ie), { class: "flex flex-col gap-2 border-b py-3" }, {
+              default: c(() => [
+                b("div", ue, [
+                  t.repository ? (s(), B("div", se, [
+                    r(l(K), { class: "size-3.5" }),
+                    b("span", null, L(t.repository), 1)
+                  ])) : _("", !0),
+                  b("div", ce, [
+                    r(l(Y), {
+                      "model-value": n.value,
+                      disabled: o.disabled || o.readonly || V.value,
+                      "onUpdate:modelValue": a[0] || (a[0] = (u) => A(String(u ?? "")))
+                    }, {
+                      default: c(() => [
+                        r(l(te), {
+                          "data-testid": "git-code-editor-branch-trigger",
+                          "aria-label": "Branch"
+                        }, {
+                          default: c(() => [
+                            r(l(le), { placeholder: "Select branch" })
+                          ]),
+                          _: 1
+                        }),
+                        r(l(Z), null, {
+                          default: c(() => [
+                            (s(!0), B(H, null, I(U.value, (u) => (s(), h(l(ae), {
+                              key: u,
+                              value: u,
+                              "data-testid": `git-code-editor-branch-${u}`
+                            }, {
+                              default: c(() => [
+                                J(L(u), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["value", "data-testid"]))), 128))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["model-value", "disabled"])
+                  ]),
+                  r(l(X), {
+                    "model-value": d.value,
+                    placeholder: "path/to/file",
+                    class: "flex-1 min-w-48",
+                    disabled: o.disabled || o.readonly,
+                    "data-testid": "git-code-editor-path-input",
+                    "onUpdate:modelValue": G
+                  }, null, 8, ["model-value", "disabled"]),
+                  M.value ? (s(), h(l(re), {
+                    key: 1,
+                    type: "button",
+                    variant: "default",
+                    size: "sm",
+                    disabled: p.value || o.disabled || o.readonly || !d.value || !n.value,
+                    "data-testid": "git-code-editor-save",
+                    onClick: C
+                  }, {
+                    default: c(() => [
+                      p.value ? (s(), h(l(q), {
+                        key: 0,
+                        class: "size-4 animate-spin"
+                      })) : (s(), h(l(Q), {
+                        key: 1,
+                        class: "size-4"
+                      })),
+                      b("span", null, L(p.value ? "Saving…" : "Save"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : _("", !0)
+                ]),
+                v.value ? (s(), B("p", fe, L(v.value), 1)) : _("", !0)
+              ]),
+              _: 1
+            }),
+            r(l(de), { class: "p-0" }, {
+              default: c(() => [
+                y.value ? (s(), B("div", me, [
+                  r(l(q), { class: "size-4 animate-spin" }),
+                  a[1] || (a[1] = b("span", null, "Loading file…", -1))
+                ])) : _("", !0),
+                r(l(oe), {
+                  id: o.id,
+                  "model-value": f.value,
+                  readonly: o.readonly || y.value,
+                  disabled: o.disabled,
+                  required: o.required,
+                  rows: 16,
+                  spellcheck: "false",
+                  class: "min-h-64 rounded-none border-0 font-mono text-xs focus-visible:ring-0 focus-visible:ring-offset-0",
+                  "data-element-name": t.name ?? void 0,
+                  "data-testid": "git-code-editor-textarea",
+                  "onUpdate:modelValue": N
+                }, null, 8, ["id", "model-value", "readonly", "disabled", "required", "data-element-name"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-element-name"])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors", "class"]));
+  }
+});
 export {
-  f as default
+  ze as default
 };
 //# sourceMappingURL=GitCodeEditor.vue.js.map