shadcn-studio-extension-cli 0.1.0

package/dist/plugins/angular/index.js

@@ -0,0 +1,112 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+function g() {
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 960 960",
+      fill: "currentColor",
+      stroke: "currentColor",
+      children: [
+        /* @__PURE__ */ a("title", { children: "Angular Logo" }),
+        /* @__PURE__ */ c("g", { children: [
+          /* @__PURE__ */ a("polygon", { points: "562.6,109.8 804.1,629.5 829.2,233.1 	" }),
+          /* @__PURE__ */ a("polygon", { points: "624.9,655.9 334.3,655.9 297.2,745.8 479.6,849.8 662,745.8 	" }),
+          /* @__PURE__ */ a("polygon", { points: "384.1,539.3 575.2,539.3 479.6,307 	" }),
+          /* @__PURE__ */ a("polygon", { points: "396.6,109.8 130,233.1 155.1,629.5 	" })
+        ] })
+      ]
+    }
+  );
+}
+function f() {
+  const n = document.getElementById(
+    "user-app-iframe"
+  );
+  return n ? n.contentWindow : null;
+}
+function d(n) {
+  const e = {};
+  for (const t of Object.getOwnPropertyNames(n))
+    e[t] = n[t];
+  return e;
+}
+function h(n) {
+  const e = d(n);
+  return u(e, n);
+}
+function w(n) {
+  return u(n.ownProperties, null);
+}
+function u(n, e) {
+  const t = f();
+  if (!t || !t.ng || !t.ng.getComponent)
+    return [];
+  const o = [];
+  let r = e;
+  const s = 3;
+  if (r)
+    for (; r && o.length < s; ) {
+      try {
+        const l = t.ng.getComponent(r);
+        if (l) {
+          let i = l.constructor.name;
+          i.startsWith("_") && (i = i.substring(1)), i && i !== "Object" && (o.some((p) => p.name === i) || o.push({ name: i }));
+        }
+      } catch {
+      }
+      if (r.parentElement && r.parentElement !== document.body)
+        r = r.parentElement;
+      else
+        break;
+    }
+  return o;
+}
+function m(n) {
+  if (!n)
+    return { annotation: null };
+  const e = h(n);
+  return e.length > 0 && e[0] ? {
+    annotation: `${e[0].name}`
+  } : { annotation: null };
+}
+function y(n) {
+  if (!n || n.length === 0)
+    return null;
+  const e = n.map(
+    (t) => w(t)
+  );
+  return e.some((t) => t.length > 0) ? `This is additional information on the elements that the user selected. Use this information to find the correct element in the codebase.
+
+  ${e.map((o, r) => {
+    const s = o.length === 0 ? "No Angular component detected for this element" : `Angular component tree (from closest to farthest, ${o.length} closest element${o.length > 1 ? "s" : ""}): ${o.map((l) => `{name: ${l.name}}`).join(" child of ")}`;
+    return `
+<element index="${r + 1}">
+  ${s}
+</element>
+    `;
+  }).join("")}
+  ` : null;
+}
+const A = {
+  displayName: "Angular",
+  description: "This plugin adds additional information and metadata for apps using Angular as a UI framework",
+  iconSvg: /* @__PURE__ */ a(g, {}),
+  pluginName: "angular",
+  onContextElementHover: m,
+  onContextElementSelect: m,
+  onPromptSend: (n) => {
+    const e = y(n.metadata.selectedElements);
+    return e ? {
+      contextSnippets: [
+        {
+          promptContextName: "elements-angular-component-info",
+          content: e
+        }
+      ]
+    } : { contextSnippets: [] };
+  }
+};
+export {
+  A as default
+};

package/dist/plugins/react/index.js

@@ -0,0 +1,88 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+function u() {
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "-11.5 -10.23174 23 20.46348",
+      children: [
+        /* @__PURE__ */ a("title", { children: "React Logo" }),
+        /* @__PURE__ */ a("circle", { cx: "0", cy: "0", r: "2.05", fill: "currentColor" }),
+        /* @__PURE__ */ l("g", { stroke: "currentColor", strokeWidth: "1", fill: "none", children: [
+          /* @__PURE__ */ a("ellipse", { rx: "11", ry: "4.2" }),
+          /* @__PURE__ */ a("ellipse", { rx: "11", ry: "4.2", transform: "rotate(60)" }),
+          /* @__PURE__ */ a("ellipse", { rx: "11", ry: "4.2", transform: "rotate(120)" })
+        ] })
+      ]
+    }
+  );
+}
+const d = 0, f = 1, g = 5;
+function h(o) {
+  return p(o.ownProperties);
+}
+function p(o) {
+  if (!o)
+    return null;
+  const e = [], r = 3, s = Object.keys(o).find(
+    (n) => n.startsWith("__reactFiber$") || n.startsWith("__reactInternalInstance$")
+  );
+  if (!s)
+    return null;
+  let t = o[s];
+  if (!t)
+    return null;
+  for (; t && e.length < r; ) {
+    let n = null;
+    if (t.tag === f || t.tag === d) {
+      const i = t.type;
+      i && (n = { name: i.displayName || i.name || t._debugOwner?.name || // Check direct name on fiber
+      "AnonymousComponent", type: "regular" });
+    } else t.tag === g && t._debugOwner && t._debugOwner.env?.toLowerCase().includes("server") && (n = { name: t._debugOwner.name, type: "rsc" });
+    n && (e.some(
+      (c) => c.name === n.name && c.type === n.type
+    ) || e.push(n)), t = t.return;
+  }
+  return e.length > 0 ? e : null;
+}
+function m(o) {
+  const e = p(o);
+  return e?.[0] ? {
+    annotation: `${e[0].name}${e[0].type === "rsc" ? " (RSC)" : ""}`
+  } : { annotation: null };
+}
+function y(o) {
+  const e = o.map(
+    (r) => h(r)
+  );
+  return e.some((r) => r && r.length > 0) ? `This is additional information on the elements that the user selected. Use this information to find the correct element in the codebase.
+
+  ${e.map((s, t) => `
+<element index="${t + 1}">
+  ${s.length === 0 ? "No React component as parent detected" : `React component tree (from closest to farthest, 3 closest elements): ${s.map((n) => `{name: ${n.name}, type: ${n.type}}`).join(" child of ")}`}
+</element>
+    `)}
+  ` : null;
+}
+const C = {
+  displayName: "React",
+  description: "This plugin adds additional information and metadata for apps using React as a UI framework",
+  iconSvg: /* @__PURE__ */ a(u, {}),
+  pluginName: "react",
+  onContextElementHover: m,
+  onContextElementSelect: m,
+  onPromptSend: (o) => {
+    const e = y(o.metadata.selectedElements);
+    return e ? {
+      contextSnippets: [
+        {
+          promptContextName: "elements-react-component-info",
+          content: e
+        }
+      ]
+    } : { contextSnippets: [] };
+  }
+};
+export {
+  C as default
+};

package/dist/plugins/vue/index.js

@@ -0,0 +1,117 @@
+import { jsxs as _, jsx as m } from "react/jsx-runtime";
+function y() {
+  return /* @__PURE__ */ _(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 261.76 226.69",
+      fill: "currentColor",
+      children: [
+        /* @__PURE__ */ m("title", { children: "Vue Logo" }),
+        /* @__PURE__ */ _(
+          "g",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            transform: "matrix(1.3333 0 0 -1.3333 -76.311 313.34)",
+            children: [
+              /* @__PURE__ */ m("g", { transform: "translate(178.06 235.01)", fillOpacity: "0.5", children: /* @__PURE__ */ m("path", { d: "m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" }) }),
+              /* @__PURE__ */ m("g", { transform: "translate(178.06 235.01)", "fill-opacity": "1", children: /* @__PURE__ */ m("path", { d: "m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+let f = !1;
+function g(n) {
+  const o = {};
+  for (const e of Object.getOwnPropertyNames(n))
+    o[e] = n[e];
+  return o;
+}
+function w(n) {
+  const o = g(n);
+  return h(n, o);
+}
+function $(n) {
+  return h(null, n.ownProperties);
+}
+function h(n, o) {
+  if (!o && !n)
+    return null;
+  const e = [], l = 3, s = o || g(n), p = s.__vueParentComponent;
+  if (p?.type?.__name) {
+    const t = p.type.__name;
+    e.some((r) => r.name === t) || e.push({ name: t, type: "regular" });
+  }
+  let u = [];
+  s.__vms__ && Array.isArray(s.__vms__) ? u = s.__vms__ : s.__vue__ && (u = [s.__vue__]);
+  for (const t of u) {
+    if (!t || !t.$options) continue;
+    let r = t.$options.name || t.$options.__file || t.$options._componentTag || "AnonymousComponent";
+    r && typeof r == "string" && r.includes("/") && (r = (String(r).split("/").pop() || "").replace(/\.vue$/, "")), e.some((c) => c.name === r) || e.push({ name: r, type: "regular" });
+  }
+  if (n && e.length < l) {
+    let t = n.parentElement;
+    for (; t && e.length < l; ) {
+      const r = t.__vueParentComponent;
+      if (r?.type?.__name) {
+        const a = r.type.__name;
+        e.some((i) => i.name === a) || e.push({ name: a, type: "regular" });
+      }
+      let c = [];
+      t.__vms__ && Array.isArray(t.__vms__) ? c = t.__vms__ : t.__vue__ && (c = [t.__vue__]);
+      for (const a of c) {
+        if (!a || !a.$options) continue;
+        let i = a.$options.name || a.$options.__file || a.$options._componentTag || "AnonymousComponent";
+        i && typeof i == "string" && i.includes("/") && (i = (String(i).split("/").pop() || "").replace(/\.vue$/, "")), e.some((v) => v.name === i) || e.push({ name: i, type: "regular" });
+      }
+      t = t.parentElement;
+    }
+  }
+  return e.length === 0 && !f && (console.warn(
+    "[stagewise/vue] No Vue installation detected on the selected element. Make sure you are running in development mode and Vue is available."
+  ), f = !0), e.length > 0 ? e : null;
+}
+function d(n) {
+  const o = w(n);
+  return o?.[0] ? {
+    annotation: `${o[0].name}`
+  } : { annotation: null };
+}
+function C(n) {
+  const o = n.map(
+    (e) => $(e)
+  );
+  return o.some((e) => e && e.length > 0) ? `This is additional information on the elements that the user selected. Use this information to find the correct element in the codebase.
+
+  ${o.map((l, s) => `
+<element index="${s + 1}">
+  ${l.length === 0 ? "No Vue component as parent detected" : `Vue component tree (from closest to farthest, 3 closest elements): ${l.map((p) => `{name: ${p.name}, type: ${p.type}}`).join(" child of ")}`}
+</element>
+    `)}
+  ` : null;
+}
+const V = {
+  displayName: "Vue",
+  description: "This plugin adds additional information and metadata for apps using Vue as an UI framework",
+  iconSvg: /* @__PURE__ */ m(y, {}),
+  pluginName: "vue",
+  onContextElementHover: d,
+  onContextElementSelect: d,
+  onPromptSend: (n) => {
+    const o = C(n.metadata.selectedElements);
+    return o ? {
+      contextSnippets: [
+        {
+          promptContextName: "elements-vue-component-info",
+          content: o
+        }
+      ]
+    } : { contextSnippets: [] };
+  }
+};
+export {
+  V as default
+};

package/dist/toolbar-app/.vite/manifest.json

@@ -0,0 +1,28 @@
+{
+  "_index-DZzSFjno.js": {
+    "file": "index-DZzSFjno.js",
+    "name": "index"
+  },
+  "src/index.ts": {
+    "file": "index.js",
+    "name": "index",
+    "src": "src/index.ts",
+    "isEntry": true,
+    "imports": [
+      "_index-DZzSFjno.js"
+    ]
+  },
+  "src/plugin-sdk/index.tsx": {
+    "file": "plugin-sdk.js",
+    "name": "plugin-sdk",
+    "src": "src/plugin-sdk/index.tsx",
+    "isEntry": true,
+    "imports": [
+      "_index-DZzSFjno.js"
+    ]
+  },
+  "style.css": {
+    "file": "toolbar.css",
+    "src": "style.css"
+  }
+}