@alistigo/artifact-core-components-react 0.2.1 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ArtifactContextMenuContainer.d.ts +7 -0
- package/dist/components/ArtifactContextMenuContainer.d.ts.map +1 -0
- package/dist/components/ArtifactInfoPanel.d.ts +9 -0
- package/dist/components/ArtifactInfoPanel.d.ts.map +1 -0
- package/dist/components/LoadingScreen.d.ts.map +1 -1
- package/dist/components/Modal.d.ts +9 -0
- package/dist/components/Modal.d.ts.map +1 -0
- package/dist/components/PluginList.d.ts +7 -0
- package/dist/components/PluginList.d.ts.map +1 -0
- package/dist/index.d.ts +9 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +147 -92
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/styles/globals.css +1 -0
- package/dist/components/AlistigoBadge.d.ts +0 -9
- package/dist/components/AlistigoBadge.d.ts.map +0 -1
- package/dist/components/ArtifactInfoModal.d.ts +0 -10
- package/dist/components/ArtifactInfoModal.d.ts.map +0 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export interface ArtifactContextMenuContainerProps {
|
|
3
|
+
icon: ReactNode;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare function ArtifactContextMenuContainer({ icon, children, }: ArtifactContextMenuContainerProps): ReactNode;
|
|
7
|
+
//# sourceMappingURL=ArtifactContextMenuContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArtifactContextMenuContainer.d.ts","sourceRoot":"","sources":["../../src/components/ArtifactContextMenuContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,iCAAiC;IAChD,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,QAAQ,GACT,EAAE,iCAAiC,GAAG,SAAS,CAsD/C"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import type { PluginInfo } from "./types.js";
|
|
3
|
+
export interface ArtifactInfoPanelProps {
|
|
4
|
+
artifactName: string;
|
|
5
|
+
artifactVersion: string;
|
|
6
|
+
plugins: PluginInfo[];
|
|
7
|
+
}
|
|
8
|
+
export declare function ArtifactInfoPanel({ artifactName, artifactVersion, plugins, }: ArtifactInfoPanelProps): ReactNode;
|
|
9
|
+
//# sourceMappingURL=ArtifactInfoPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArtifactInfoPanel.d.ts","sourceRoot":"","sources":["../../src/components/ArtifactInfoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,eAAe,EACf,OAAO,GACR,EAAE,sBAAsB,GAAG,SAAS,CAUpC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingScreen.d.ts","sourceRoot":"","sources":["../../src/components/LoadingScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,EAAE,kBAAkB,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"LoadingScreen.d.ts","sourceRoot":"","sources":["../../src/components/LoadingScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAU7E"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export interface ModalProps {
|
|
3
|
+
title: string;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
footer?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare function Modal({ title, onClose, children, footer }: ModalProps): ReactNode;
|
|
9
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,UAAU,GAAG,SAAS,CA2CjF"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import type { PluginInfo } from "./types.js";
|
|
3
|
+
export interface PluginListProps {
|
|
4
|
+
plugins: PluginInfo[];
|
|
5
|
+
}
|
|
6
|
+
export declare function PluginList({ plugins }: PluginListProps): ReactNode;
|
|
7
|
+
//# sourceMappingURL=PluginList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../src/components/PluginList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,GAAG,SAAS,CA6BlE"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
export
|
|
2
|
-
export {
|
|
3
|
-
export
|
|
4
|
-
export {
|
|
1
|
+
export { default as alistigoLogoUrl } from "./assets/logo.png";
|
|
2
|
+
export type { ArtifactContextMenuContainerProps } from "./components/ArtifactContextMenuContainer.js";
|
|
3
|
+
export { ArtifactContextMenuContainer } from "./components/ArtifactContextMenuContainer.js";
|
|
4
|
+
export type { ArtifactInfoPanelProps } from "./components/ArtifactInfoPanel.js";
|
|
5
|
+
export { ArtifactInfoPanel } from "./components/ArtifactInfoPanel.js";
|
|
5
6
|
export type { ErrorScreenProps } from "./components/ErrorScreen.js";
|
|
6
7
|
export { ErrorScreen } from "./components/ErrorScreen.js";
|
|
7
8
|
export type { LoadingScreenProps } from "./components/LoadingScreen.js";
|
|
8
9
|
export { LoadingScreen } from "./components/LoadingScreen.js";
|
|
10
|
+
export type { ModalProps } from "./components/Modal.js";
|
|
11
|
+
export { Modal } from "./components/Modal.js";
|
|
12
|
+
export type { PluginListProps } from "./components/PluginList.js";
|
|
13
|
+
export { PluginList } from "./components/PluginList.js";
|
|
9
14
|
export type { PluginInfo } from "./components/types.js";
|
|
10
15
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,iCAAiC,EAAE,MAAM,8CAA8C,CAAC;AACtG,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAC5F,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,133 +1,188 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
const
|
|
4
|
-
function
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
plugins: n,
|
|
8
|
-
onClose: s
|
|
1
|
+
import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useState as o, useEffect as A } from "react";
|
|
3
|
+
const c = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAA1RAAANUQHnGFNwAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAADdpJREFUeJztnX+UlNV9xp/nzu4iAkoQfzQ1qcZfhCCNO7vAVkiWGaASIYmlVEM9OUks2nja6rFJU+tpjQcTk9gaNWmO6akn1mibuCcxioYozO5ExA3sDCTaYluToJhWscGC4i7Lztynf7Brd2F3fs987+zu5y/O7jv3fs6+D/ed933v/V5KwiQTF2ctMIktkwGY4DRYC9QCJpMNmK5zIJ0OcDagk+DwFkQP4FUM6EW0bX1FuNlbu9YajsfvAOzunorGvnYnXSJyCYC5AKbk+dghgCkCz3jnf4Tmp7dNhECMqwBwZ1fUeawXtA7AjDKb20fpu977r2vh8hcq4Rci4yIA3JFsofNfALCiCs17CD9URDepOf5sFdo3pa4DwF1bT3U+81VJ6wCwyt15Evd71/gXumjJ/1S5r5pRtwFgqvNjBO4GMLvGXe8TeI1alj5S436rQt0FgMlkg5vubxXwOVMP6W7/4us3aO3arKVHudRVALg7OZ1v+UdAxKxdAADCY3K9lyu6qtdapVTqJgDcnZzOXm0E1G7tcgwJDUxdrba2PmuRUqiLJ4Hc3dHEXv94gCcfAOJs7Psek8m6fKhWFwFwvbO+BuAD1h45WOmm+9utJUoh+EsAU11XE/qmtUchCFinlti/WHsUQ9AB4I4nz6Zr+BnKf6pXKw5qAO9TW+y/rEUKJehLANnwj6ifkw8AJ7NRd1lLFEOwAeCOxKpgbveKgmuY6lxpbVEoQQaAAOl4m7VHqRC4g+l0o7VHIQQZAKQ6LwEwz1qjDOZAb/yJtUQhBBkAAn9q7VAuhP6Gu7aeau2Rj+ACwO2J01Gd17q1ZqbLZjZYS+QjuACggZcBiFhrVAJB67mzK2rtkYvgAkCPS60dKoij199ZS+QiqAAQIIjfsfaoMB9kunOttcRYBBUApJMXAJhlrVFpCHyF3d1TrT1GI6wAIDvH2qAqCGeh6fBnrDVGI6wAiGdZK1QLSjcyveXd1h7HElQAHPROa4cqMtUh8kVriWMJKgAAg7xOVgpJ65jestjaYzhhBUA4wVqhypBydxC3BPN3D0YEAED2WyvUgFb0LPm4tcQQYQVA/nVrhVpA4kvcvukkaw8gsAB4x3Gz4iYPpzs35UZrCSCwAID8T2uFWiHiBm7ffJ61R1gByA7stlaoIU2MRL5iLRHcpFCX6nwZwJnWHrVCjpeoeekTVv2HNQIAoJiwdqgllEynjwUXAA+/ydqhpghzoQNXW3UfXACQOfFRAAesNWoJwQ1MJ2u9zB1AgAFQW1sfoYesPWrMO5z8zRYdBxcAAPBOdwIY9wWahiPg00xvubDW/QYZADUve57ARBsFIvTuzlp3GmQAAMBn3I0E7gHxorVLzSBiTHV9pKZdhvYcYDSYSrwHcMsorQaxDBjXbw1/qZn9c3Xuypq8GKuLAAyH6S0nQ5HLSV0L4betfaqBiL9UNPblWvRVdwEYztHCkP5qgX8IYJq1TwV5U2y8QNElr1S7o7oOwBD8aXKmG8jeIPJ61Ndy8jEh8K1sS+xTVe9nPARgCO5InOIcP6ujawtPtPYpEy+gTS2xHdXsZFwFYAju2vxO591NEtcDqItl2mPwjFpiiwVU7SSNywAMwfSWCyl3D1C/q40kXanW+IPVan9cBwAYXG6W7ryGwu0Aplv7lMCv1JSZo/kr3qpG48E+CKoUAqRo7B75zHwAT1n7lMCZrj9StbK44z4AQ2jBij3asz8m4BbU2XsGkZ/hT5JnVaPtcX8JGA2muj5M6J8AzLR2KRQCHdmW2B9UvN2JGAAA4PbN57Eh8jgE84mZhSKxXa1Lf1zJNifMJeBYtHD5C2rMLAaw3dqlUEh/Jzs6Klo9ZcIGAAA0f8VrasrEAWy2dikMvh9nz76qoi1O1EvAcJhMnsBpvgPEKmuXvAivqdFdoPe3V2Ta3IQeAYZQe/thTdu/BkD4E1KJ01xGf12x5iZHgP+H6cdOpD/xRyCWWLvkYUDghWpZ+h/lNjQ5AgxD0VW98v2rAPyrtUseGgl9rRINTQbgGLRw5RvymQ9DeM3aJQ/Lmer6ULmNTF4CxoA9nR8gkUDY+yv/u3jyfEWjA6U2MDkCjIFaY09JCGIJdw7KLko9OQLkgACZSjwMsKYzdYvkgCKN55e6m+nkCJADARIjfwTgVWuXHJRVlHpyBCgA9nSuJvGotUcOvBwXqHlputgPTo4ABaDW2EaSVZuVUwFKLko9GYAC8Rn/5wh71XJJRaknA1AgWhjfJ/Ema49clFKUejIAxfDir78J4N+sNcakhKLUk18Ci4TpxEcpPmztkYM+0c9RdNneQg6eHAGKRNH4DyD9xNojB0UVpa7oCMCeJ98F17DIgfMgnS/wDECngIhA6ANwmMBeAHu9tAtO3YUmNSTq4LZQcvqgmuNb8x1YdgC4c8t7nY98QtClAN5XQhO/pPCwd+xQdGldTM86+oSwMw3gImuXHOxUy9ZW4eacM6BLDsDg/4LPAbi4pAZGJy3wbhziP6u9PVPBdisOexJXkvy2tUcuJHxSrbH7ch1TdACY6rqY8n8LclE5cnl4XuCNaln6SBX7KAv+fNMU/u+UvSBOs3bJwT5l+8/XwpVvjHVAwV8CuX3TSZGexF2EnqryyQeA9xL6gUt1Ps5dm4PcRUTnruwn8S1rjzzkLUpd0AjAnYn59HwYwHsqZVYwwmtyukLReFfN+84Dt28+j5FI6AWujyibnaeFy18Y7Zd5RwCmutbQ8xlYnHwAIE6j+ARTiWtM+s/B4B+16BcwNSZnUeqcAWAqcQWh78C+/EojwXvY0xXcBA0h6JdEQ3yUqcSy0X4xZgCOnnw+iICmRJH6InsS11l7jCCi71srFALJu0YrSj1qALizK0rw3rF+bwnJO7gjEcwCDl0Uewkhvx8YQpgLHTzuMnrcCWY6OZveb0S4NXYcHb8dwm4bQxD6obVDIRC4hd1PjNia97gAOPlvAPyN2mmVxEw6d38o2695MLg7lDGY5RobR6wqGvEHZKprjYBgd7oeAbkIqSXXWmsAALL92wBkrTUKQcAfc3vy7R1Z3g4A0+lGUrfZaJUGgQ187ul3WHsMPml71tqjQE5wEf92yZlhI8DBq+qpWMIgM9F/JIi7AoI7rR0KRcAnuG3bDGAwAARI4XpbrdIgcB3Tj5l/YfXUz6wdimA6phxZCwyNAOnO5QAusDQqg5nQtN+3loBnvVwCAACErgQGA+CAj9nqlAeBT1o7IKOfWysUycXcnZxOdHU1cLp/BYDJpkUVIquBgdPU9rtmew8PThI5hHCfnxyHvFY7zFAU9X3yASCCxoaYpcBgPd+XLR2KxrHFwftqv9uvCY5cbO2AsBeOHAehec4512otUgkkzLN2gFRXAQA4x0k621qjQpQyIbWi0PGgtUORzHYA3m1tUSFONX83UHcjAGY51FG93DxE8Fz8ZGOHehsBGhzqe0eNkRzOTDHtnwh6KvsoDDgAtLaoGJn+I7YCrJtnAIMcdgDMHp5UnKaBw6b9S0UtzTaH+JUD8GtrjwrxuqKrem0V6mwEEF5ygH5h7VEhXrIWEOprBCD4vCMYelnUgmAQ5V3rawTw8juc98EvbCgID4WwsvjM/IcEhFO3Q5PrAuru9uV4HPKuha8mPHo3ZbN6qjR2Kbpsrzu68QBDrnhRCL9Qc9x2QkZ66xmwX0FVMCK+DwxOCBH8A7Y65UHwe9YOQP851gZFkEU28yAwNCWM+g4A41uokpH3/l5rCYD1FICNWrBiDzA0AkSXHSR1n6lSqQiPa0HcfIm2kzvf2qFQ5HTH0L/ffnvm0XQrgD4To9KRpIIrYlUTQZUslVNNHh1ePOrtACi65BUSf2/jVBoEH9KCeLe5x+6OJgALrD0K4IiyGrHEfsT7c9+Y+TzAPTVVKp2DXgOftZYAAByaFQUQ/FNAERu0ML57+M9GBEDzV7wl+KtRB5srS7herSvCmITpgt9lDAB68Kb70rE/PG4GjVriWyTdUhun0iDwQL7yZ7WECGJCai5elTJrRiu9N/oUqtb4BgChVr54xh9y660lhiPpIYQ7avbKucvGGi1HDYAAaWb/OgS3k6Z+KrqPqL3d9r3/Mag1/oCA63B0bUBI9MphtZrbx3zSO+YkSp27sl+H3O8B2FgVtaJRSgOZuKLtQc5fUEvs6xI+hXDeqxwU/KVqjnXmOijnLFq1tx/Wnv2XEfhyZd2Kg+B31ZRtt1z6VQhqjd0n6EMAStrBq4I8L68FalmWzHdgwaVime5cS+EbqO0ysj4Bf4WW2F0Kb3gdE3Z3/iYbcD+Imi9XI3Gfz/Rfl6s87Ijji6kVzJ7kGY7+qwIuR/Unk/5Y2ez6sSpchg4BIp34OMXbAZxagx73yOHTal76RFGfKqVaOHsSrSRvBbAclQ9Cj8DPq2VpXVTeyge3bZuBKf1/RuAGALPyfqD4Hl4WdRum7r9Xc9cWPSu6rP0CuD0x10XctZLWllk1u5dih4/4e9Ecf7qehvtCYXf3VDT0XUHiKgBtKK8GYwZAp8B/wCE+Uk5p/YrsGMKOjgjOOuVi5xiXtAhAFMApOT5yAMJzJHu8w5PoP+EptbXV24uokmFP8gw4v8p5Lha1CMA5yF2RNQNgN4UdHkoik9lUqS/EVds0is8+OQ19kd9Co5uKrKbBeY8MXwewXwvj+6rSaZ3CdLoROvAueJwOh2nwnAGnN0EdBrAXbzb8d7U20JjcNWyCE0SlzUns+D+Vk+kiqjGdPAAAAABJRU5ErkJggg==";
|
|
4
|
+
function h({
|
|
5
|
+
icon: r,
|
|
6
|
+
children: t
|
|
9
7
|
}) {
|
|
10
|
-
|
|
8
|
+
const [n, s] = o(!1);
|
|
9
|
+
return A(() => {
|
|
10
|
+
if (!n) return;
|
|
11
|
+
const i = (l) => {
|
|
12
|
+
l.key === "Escape" && s(!1);
|
|
13
|
+
};
|
|
14
|
+
return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
|
|
15
|
+
}, [n]), /* @__PURE__ */ a(d, { children: [
|
|
11
16
|
/* @__PURE__ */ e(
|
|
12
17
|
"button",
|
|
13
18
|
{
|
|
14
19
|
type: "button",
|
|
15
|
-
className: "absolute inset-0",
|
|
16
|
-
onClick: s,
|
|
17
20
|
"aria-label": "Close artifact info",
|
|
18
|
-
tabIndex: -1
|
|
21
|
+
tabIndex: -1,
|
|
22
|
+
onClick: () => s(!1),
|
|
23
|
+
className: `fixed inset-0 z-30 bg-black/20 transition-opacity duration-300 ${n ? "opacity-100" : "pointer-events-none opacity-0"}`
|
|
19
24
|
}
|
|
20
25
|
),
|
|
21
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ e("div", { className: "pointer-events-none fixed inset-x-0 top-0 z-40 flex justify-end pr-4", children: /* @__PURE__ */ a(
|
|
22
27
|
"div",
|
|
23
28
|
{
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
"aria-label": `${A} info`,
|
|
27
|
-
className: "relative mt-10 w-72 rounded-xl bg-white shadow-xl ring-1 ring-gray-200",
|
|
28
|
-
onKeyDown: (t) => {
|
|
29
|
-
t.key === "Escape" && s();
|
|
30
|
-
},
|
|
29
|
+
className: "pointer-events-auto relative w-72 transition-transform duration-300 ease-out",
|
|
30
|
+
style: { transform: n ? "translateY(0)" : "translateY(-100%)" },
|
|
31
31
|
children: [
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
"
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
32
|
+
/* @__PURE__ */ e(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
role: "dialog",
|
|
36
|
+
"aria-modal": "true",
|
|
37
|
+
"aria-label": "Alistigo artifact info",
|
|
38
|
+
"aria-hidden": !n,
|
|
39
|
+
inert: !n,
|
|
40
|
+
className: `relative z-10 rounded-bl-xl border border-gray-200 bg-white p-4 transition-shadow duration-300 ${n ? "shadow-xl" : ""}`,
|
|
41
|
+
children: t
|
|
42
|
+
}
|
|
43
|
+
),
|
|
44
|
+
/* @__PURE__ */ e(
|
|
45
|
+
"button",
|
|
41
46
|
{
|
|
42
|
-
"
|
|
43
|
-
"data-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
] }),
|
|
52
|
-
t.error != null && /* @__PURE__ */ e("p", { className: "mt-0.5 text-red-500 text-xs", children: t.error })
|
|
53
|
-
] }),
|
|
54
|
-
/* @__PURE__ */ r("div", { className: "flex shrink-0 items-center gap-1.5", children: [
|
|
55
|
-
/* @__PURE__ */ e("span", { className: "rounded bg-gray-100 px-1.5 py-0.5 text-gray-500 text-xs", children: t.type }),
|
|
56
|
-
/* @__PURE__ */ e(g, { status: t.status })
|
|
57
|
-
] })
|
|
58
|
-
]
|
|
59
|
-
},
|
|
60
|
-
t.name
|
|
61
|
-
)) }) })
|
|
47
|
+
type: "button",
|
|
48
|
+
"data-testid": "alistigo-badge",
|
|
49
|
+
onClick: () => s((i) => !i),
|
|
50
|
+
"aria-label": "Alistigo artifact info",
|
|
51
|
+
"aria-expanded": n,
|
|
52
|
+
className: "-mt-px absolute top-full right-0 z-20 flex h-8 w-8 cursor-pointer items-center justify-center rounded-b-lg border-x border-t border-b border-t-white border-gray-200 bg-white shadow-md hover:border-gray-400 focus:outline-none",
|
|
53
|
+
children: r
|
|
54
|
+
}
|
|
55
|
+
)
|
|
62
56
|
]
|
|
63
57
|
}
|
|
64
|
-
)
|
|
58
|
+
) })
|
|
65
59
|
] });
|
|
66
60
|
}
|
|
67
|
-
function g({
|
|
61
|
+
function g({ plugins: r }) {
|
|
62
|
+
return r.length === 0 ? /* @__PURE__ */ e("p", { className: "text-center text-gray-400 text-xs", children: "No plugins loaded" }) : /* @__PURE__ */ e("ul", { className: "flex flex-col gap-2", children: r.map((t) => /* @__PURE__ */ a(
|
|
63
|
+
"li",
|
|
64
|
+
{
|
|
65
|
+
"data-plugin-name": t.name,
|
|
66
|
+
"data-plugin-status": t.status,
|
|
67
|
+
className: "flex items-start justify-between gap-2",
|
|
68
|
+
children: [
|
|
69
|
+
/* @__PURE__ */ a("div", { className: "min-w-0", children: [
|
|
70
|
+
/* @__PURE__ */ e("p", { className: "truncate text-gray-800 text-xs font-medium", children: t.name }),
|
|
71
|
+
/* @__PURE__ */ a("p", { className: "text-gray-400 text-xs", children: [
|
|
72
|
+
"v",
|
|
73
|
+
t.version
|
|
74
|
+
] }),
|
|
75
|
+
t.error != null && /* @__PURE__ */ e("p", { className: "mt-0.5 text-red-500 text-xs", children: t.error })
|
|
76
|
+
] }),
|
|
77
|
+
/* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-1.5", children: [
|
|
78
|
+
/* @__PURE__ */ e("span", { className: "rounded bg-gray-100 px-1.5 py-0.5 text-gray-500 text-xs", children: t.type }),
|
|
79
|
+
/* @__PURE__ */ e(u, { status: t.status })
|
|
80
|
+
] })
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
t.name
|
|
84
|
+
)) });
|
|
85
|
+
}
|
|
86
|
+
function u({ status: r }) {
|
|
68
87
|
return /* @__PURE__ */ e("span", { className: `h-2 w-2 rounded-full ${{
|
|
69
88
|
loaded: "bg-green-500",
|
|
70
89
|
error: "bg-red-500",
|
|
71
90
|
"not-loaded": "bg-gray-300"
|
|
72
|
-
}[
|
|
91
|
+
}[r]}` });
|
|
73
92
|
}
|
|
74
|
-
function
|
|
75
|
-
artifactName:
|
|
76
|
-
artifactVersion:
|
|
93
|
+
function x({
|
|
94
|
+
artifactName: r,
|
|
95
|
+
artifactVersion: t,
|
|
77
96
|
plugins: n
|
|
78
97
|
}) {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
"
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
"aria-label": "Alistigo artifact info",
|
|
89
|
-
children: /* @__PURE__ */ e("img", { src: l, alt: "", className: "h-full w-full object-cover" })
|
|
90
|
-
}
|
|
91
|
-
),
|
|
92
|
-
s && /* @__PURE__ */ e(
|
|
93
|
-
d,
|
|
94
|
-
{
|
|
95
|
-
artifactName: A,
|
|
96
|
-
artifactVersion: a,
|
|
97
|
-
plugins: n,
|
|
98
|
-
onClose: () => t(!1)
|
|
99
|
-
}
|
|
100
|
-
)
|
|
98
|
+
return /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
|
|
99
|
+
/* @__PURE__ */ a("div", { children: [
|
|
100
|
+
/* @__PURE__ */ e("p", { className: "font-semibold text-gray-900 text-sm", children: r }),
|
|
101
|
+
/* @__PURE__ */ a("p", { className: "text-gray-400 text-xs", children: [
|
|
102
|
+
"v",
|
|
103
|
+
t
|
|
104
|
+
] })
|
|
105
|
+
] }),
|
|
106
|
+
/* @__PURE__ */ e(g, { plugins: n })
|
|
101
107
|
] });
|
|
102
108
|
}
|
|
103
|
-
function
|
|
104
|
-
return /* @__PURE__ */
|
|
105
|
-
/* @__PURE__ */
|
|
109
|
+
function f({ error: r, onReset: t }) {
|
|
110
|
+
return /* @__PURE__ */ a("div", { className: "flex min-h-screen flex-col items-center justify-center gap-4 bg-white p-8", children: [
|
|
111
|
+
/* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2 text-center", children: [
|
|
106
112
|
/* @__PURE__ */ e("p", { className: "text-lg font-semibold text-red-600", children: "Something went wrong" }),
|
|
107
|
-
/* @__PURE__ */ e("p", { className: "max-w-sm text-sm text-gray-500", children:
|
|
113
|
+
/* @__PURE__ */ e("p", { className: "max-w-sm text-sm text-gray-500", children: r.message })
|
|
108
114
|
] }),
|
|
109
|
-
|
|
115
|
+
t != null && /* @__PURE__ */ e(
|
|
110
116
|
"button",
|
|
111
117
|
{
|
|
112
118
|
type: "button",
|
|
113
|
-
onClick:
|
|
119
|
+
onClick: t,
|
|
114
120
|
className: "rounded-md bg-gray-900 px-4 py-2 text-sm text-white hover:bg-gray-700",
|
|
115
121
|
children: "Try again"
|
|
116
122
|
}
|
|
117
123
|
)
|
|
118
124
|
] });
|
|
119
125
|
}
|
|
120
|
-
function
|
|
121
|
-
return /* @__PURE__ */
|
|
122
|
-
/* @__PURE__ */
|
|
123
|
-
|
|
124
|
-
|
|
126
|
+
function y({ artifactName: r }) {
|
|
127
|
+
return /* @__PURE__ */ a("div", { className: "flex min-h-screen flex-col items-center justify-center gap-4 bg-white", children: [
|
|
128
|
+
/* @__PURE__ */ a("div", { className: "relative flex h-20 w-20 items-center justify-center", children: [
|
|
129
|
+
/* @__PURE__ */ e("div", { className: "absolute inset-0 animate-spin rounded-full border-2 border-gray-200 border-t-gray-800" }),
|
|
130
|
+
/* @__PURE__ */ e("img", { src: c, alt: "Alistigo", className: "h-14 w-14 rounded-2xl" })
|
|
131
|
+
] }),
|
|
132
|
+
r != null && /* @__PURE__ */ e("p", { className: "text-sm text-gray-500", children: r })
|
|
133
|
+
] });
|
|
134
|
+
}
|
|
135
|
+
function b({ title: r, onClose: t, children: n, footer: s }) {
|
|
136
|
+
return A(() => {
|
|
137
|
+
const i = (l) => {
|
|
138
|
+
l.key === "Escape" && t();
|
|
139
|
+
};
|
|
140
|
+
return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
|
|
141
|
+
}, [t]), /* @__PURE__ */ a("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
|
|
142
|
+
/* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/40", onClick: t, "aria-hidden": "true" }),
|
|
143
|
+
/* @__PURE__ */ a(
|
|
144
|
+
"div",
|
|
145
|
+
{
|
|
146
|
+
role: "dialog",
|
|
147
|
+
"aria-modal": "true",
|
|
148
|
+
"aria-label": r,
|
|
149
|
+
className: "relative w-96 max-w-[90vw] rounded-2xl bg-white shadow-2xl",
|
|
150
|
+
children: [
|
|
151
|
+
/* @__PURE__ */ a("div", { className: "flex items-center justify-between border-b border-gray-100 px-5 py-4", children: [
|
|
152
|
+
/* @__PURE__ */ e("h2", { className: "font-semibold text-gray-900 text-sm", children: r }),
|
|
153
|
+
/* @__PURE__ */ e(
|
|
154
|
+
"button",
|
|
155
|
+
{
|
|
156
|
+
type: "button",
|
|
157
|
+
onClick: t,
|
|
158
|
+
"aria-label": "Close",
|
|
159
|
+
className: "flex h-6 w-6 items-center justify-center rounded-md text-gray-400 hover:bg-gray-100 hover:text-gray-700",
|
|
160
|
+
children: /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e(
|
|
161
|
+
"path",
|
|
162
|
+
{
|
|
163
|
+
d: "M11 3L3 11M3 3l8 8",
|
|
164
|
+
stroke: "currentColor",
|
|
165
|
+
strokeWidth: "1.5",
|
|
166
|
+
strokeLinecap: "round"
|
|
167
|
+
}
|
|
168
|
+
) })
|
|
169
|
+
}
|
|
170
|
+
)
|
|
171
|
+
] }),
|
|
172
|
+
/* @__PURE__ */ e("div", { className: "p-5", children: n }),
|
|
173
|
+
s != null && /* @__PURE__ */ e("div", { className: "flex justify-end gap-2 border-t border-gray-100 px-5 py-3", children: s })
|
|
174
|
+
]
|
|
175
|
+
}
|
|
176
|
+
)
|
|
125
177
|
] });
|
|
126
178
|
}
|
|
127
179
|
export {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
180
|
+
h as ArtifactContextMenuContainer,
|
|
181
|
+
x as ArtifactInfoPanel,
|
|
182
|
+
f as ErrorScreen,
|
|
183
|
+
y as LoadingScreen,
|
|
184
|
+
b as Modal,
|
|
185
|
+
g as PluginList,
|
|
186
|
+
c as alistigoLogoUrl
|
|
132
187
|
};
|
|
133
188
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/assets/logo.png","../src/components/ArtifactInfoModal.tsx","../src/components/AlistigoBadge.tsx","../src/components/ErrorScreen.tsx","../src/components/LoadingScreen.tsx"],"sourcesContent":["export default \"data:image/png;base64,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\"","import type { ReactNode } from \"react\";\nimport type { PluginInfo } from \"./types.js\";\n\nexport interface ArtifactInfoModalProps {\n artifactName: string;\n artifactVersion: string;\n plugins: PluginInfo[];\n onClose: () => void;\n}\n\nexport function ArtifactInfoModal({\n artifactName,\n artifactVersion,\n plugins,\n onClose,\n}: ArtifactInfoModalProps): ReactNode {\n return (\n <div className=\"fixed inset-0 z-50 flex items-start justify-end p-4\">\n <button\n type=\"button\"\n className=\"absolute inset-0\"\n onClick={onClose}\n aria-label=\"Close artifact info\"\n tabIndex={-1}\n />\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={`${artifactName} info`}\n className=\"relative mt-10 w-72 rounded-xl bg-white shadow-xl ring-1 ring-gray-200\"\n onKeyDown={(e) => {\n if (e.key === \"Escape\") onClose();\n }}\n >\n <div className=\"border-b border-gray-100 p-4\">\n <p className=\"font-semibold text-gray-900 text-sm\">{artifactName}</p>\n <p className=\"text-gray-400 text-xs\">v{artifactVersion}</p>\n </div>\n <div className=\"p-4\">\n {plugins.length === 0 ? (\n <p className=\"text-center text-gray-400 text-xs\">No plugins loaded</p>\n ) : (\n <ul className=\"flex flex-col gap-2\">\n {plugins.map((plugin) => (\n <li\n key={plugin.name}\n data-plugin-name={plugin.name}\n data-plugin-status={plugin.status}\n className=\"flex items-start justify-between gap-2\"\n >\n <div className=\"min-w-0\">\n <p className=\"truncate text-gray-800 text-xs font-medium\">{plugin.name}</p>\n <p className=\"text-gray-400 text-xs\">v{plugin.version}</p>\n {plugin.error != null && (\n <p className=\"mt-0.5 text-red-500 text-xs\">{plugin.error}</p>\n )}\n </div>\n <div className=\"flex shrink-0 items-center gap-1.5\">\n <span className=\"rounded bg-gray-100 px-1.5 py-0.5 text-gray-500 text-xs\">\n {plugin.type}\n </span>\n <StatusDot status={plugin.status} />\n </div>\n </li>\n ))}\n </ul>\n )}\n </div>\n </div>\n </div>\n );\n}\n\nfunction StatusDot({ status }: { status: PluginInfo[\"status\"] }): ReactNode {\n const colors: Record<PluginInfo[\"status\"], string> = {\n loaded: \"bg-green-500\",\n error: \"bg-red-500\",\n \"not-loaded\": \"bg-gray-300\",\n };\n return <span className={`h-2 w-2 rounded-full ${colors[status]}`} />;\n}\n","import { type ReactNode, useState } from \"react\";\nimport logoUrl from \"../assets/logo.png\";\nimport { ArtifactInfoModal } from \"./ArtifactInfoModal.js\";\nimport type { PluginInfo } from \"./types.js\";\n\nexport interface AlistigoBadgeProps {\n artifactName: string;\n artifactVersion: string;\n plugins: PluginInfo[];\n}\n\nexport function AlistigoBadge({\n artifactName,\n artifactVersion,\n plugins,\n}: AlistigoBadgeProps): ReactNode {\n const [open, setOpen] = useState(false);\n\n return (\n <>\n <button\n type=\"button\"\n data-testid=\"alistigo-badge\"\n onClick={() => setOpen(true)}\n className=\"absolute top-2 right-2 z-40 h-8 w-8 overflow-hidden rounded-full shadow-md ring-1 ring-gray-200 hover:ring-2 hover:ring-gray-400 focus:outline-none\"\n aria-label=\"Alistigo artifact info\"\n >\n <img src={logoUrl} alt=\"\" className=\"h-full w-full object-cover\" />\n </button>\n {open && (\n <ArtifactInfoModal\n artifactName={artifactName}\n artifactVersion={artifactVersion}\n plugins={plugins}\n onClose={() => setOpen(false)}\n />\n )}\n </>\n );\n}\n","import type { ReactNode } from \"react\";\n\nexport interface ErrorScreenProps {\n error: Error;\n onReset?: (() => void) | undefined;\n}\n\nexport function ErrorScreen({ error, onReset }: ErrorScreenProps): ReactNode {\n return (\n <div className=\"flex min-h-screen flex-col items-center justify-center gap-4 bg-white p-8\">\n <div className=\"flex flex-col items-center gap-2 text-center\">\n <p className=\"text-lg font-semibold text-red-600\">Something went wrong</p>\n <p className=\"max-w-sm text-sm text-gray-500\">{error.message}</p>\n </div>\n {onReset != null && (\n <button\n type=\"button\"\n onClick={onReset}\n className=\"rounded-md bg-gray-900 px-4 py-2 text-sm text-white hover:bg-gray-700\"\n >\n Try again\n </button>\n )}\n </div>\n );\n}\n","import type { ReactNode } from \"react\";\nimport logoUrl from \"../assets/logo.png\";\n\nexport interface LoadingScreenProps {\n artifactName?: string | undefined;\n}\n\nexport function LoadingScreen({ artifactName }: LoadingScreenProps): ReactNode {\n return (\n <div className=\"flex min-h-screen flex-col items-center justify-center gap-4 bg-white\">\n <img src={logoUrl} alt=\"Alistigo\" className=\"h-16 w-16 animate-pulse rounded-2xl\" />\n <div className=\"h-6 w-6 animate-spin rounded-full border-2 border-gray-300 border-t-gray-800\" />\n {artifactName != null && <p className=\"text-sm text-gray-500\">{artifactName}</p>}\n </div>\n );\n}\n"],"names":["logoUrl","ArtifactInfoModal","artifactName","artifactVersion","plugins","onClose","jsxs","jsx","e","plugin","StatusDot","status","AlistigoBadge","open","setOpen","useState","Fragment","ErrorScreen","error","onReset","LoadingScreen"],"mappings":";;AAAA,MAAAA,IAAe;ACUR,SAASC,EAAkB;AAAA,EAChC,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF,GAAsC;AACpC,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAASF;AAAA,QACT,cAAW;AAAA,QACX,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,cAAY,GAAGJ,CAAY;AAAA,QAC3B,WAAU;AAAA,QACV,WAAW,CAACM,MAAM;AAChB,UAAIA,EAAE,QAAQ,YAAUH,EAAA;AAAA,QAC1B;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,KAAA,EAAE,WAAU,uCAAuC,UAAAL,GAAa;AAAA,YACjE,gBAAAI,EAAC,KAAA,EAAE,WAAU,yBAAwB,UAAA;AAAA,cAAA;AAAA,cAAEH;AAAA,YAAA,EAAA,CAAgB;AAAA,UAAA,GACzD;AAAA,UACA,gBAAAI,EAAC,SAAI,WAAU,OACZ,YAAQ,WAAW,sBACjB,KAAA,EAAE,WAAU,qCAAoC,UAAA,oBAAA,CAAiB,sBAEjE,MAAA,EAAG,WAAU,uBACX,UAAAH,EAAQ,IAAI,CAACK,MACZ,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,oBAAkBG,EAAO;AAAA,cACzB,sBAAoBA,EAAO;AAAA,cAC3B,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,kBAAA,gBAAAC,EAAC,KAAA,EAAE,WAAU,8CAA8C,UAAAE,EAAO,MAAK;AAAA,kBACvE,gBAAAH,EAAC,KAAA,EAAE,WAAU,yBAAwB,UAAA;AAAA,oBAAA;AAAA,oBAAEG,EAAO;AAAA,kBAAA,GAAQ;AAAA,kBACrDA,EAAO,SAAS,QACf,gBAAAF,EAAC,OAAE,WAAU,+BAA+B,YAAO,MAAA,CAAM;AAAA,gBAAA,GAE7D;AAAA,gBACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,kBAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,2DACb,UAAAE,EAAO,MACV;AAAA,kBACA,gBAAAF,EAACG,GAAA,EAAU,QAAQD,EAAO,OAAA,CAAQ;AAAA,gBAAA,EAAA,CACpC;AAAA,cAAA;AAAA,YAAA;AAAA,YAjBKA,EAAO;AAAA,UAAA,CAmBf,GACH,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAASC,EAAU,EAAE,QAAAC,KAAuD;AAM1E,2BAAQ,QAAA,EAAK,WAAW,wBAL6B;AAAA,IACnD,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,EAAA,EAEuCA,CAAM,CAAC,IAAI;AACpE;ACrEO,SAASC,EAAc;AAAA,EAC5B,cAAAV;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AACF,GAAkC;AAChC,QAAM,CAACS,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,SACE,gBAAAT,EAAAU,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAT;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,SAAS,MAAMO,EAAQ,EAAI;AAAA,QAC3B,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,4BAAC,OAAA,EAAI,KAAKd,GAAS,KAAI,IAAG,WAAU,6BAAA,CAA6B;AAAA,MAAA;AAAA,IAAA;AAAA,IAElEa,KACC,gBAAAN;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,cAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,SAAAC;AAAA,QACA,SAAS,MAAMU,EAAQ,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9B,GAEJ;AAEJ;AChCO,SAASG,EAAY,EAAE,OAAAC,GAAO,SAAAC,KAAwC;AAC3E,SACE,gBAAAb,EAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,KAAA,EAAE,WAAU,sCAAqC,UAAA,wBAAoB;AAAA,MACtE,gBAAAA,EAAC,KAAA,EAAE,WAAU,kCAAkC,YAAM,QAAA,CAAQ;AAAA,IAAA,GAC/D;AAAA,IACCY,KAAW,QACV,gBAAAZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASY;AAAA,QACT,WAAU;AAAA,QACX,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GAEJ;AAEJ;AClBO,SAASC,EAAc,EAAE,cAAAlB,KAA+C;AAC7E,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,KAAKP,GAAS,KAAI,YAAW,WAAU,uCAAsC;AAAA,IAClF,gBAAAO,EAAC,OAAA,EAAI,WAAU,+EAAA,CAA+E;AAAA,IAC7FL,KAAgB,QAAQ,gBAAAK,EAAC,KAAA,EAAE,WAAU,yBAAyB,UAAAL,EAAA,CAAa;AAAA,EAAA,GAC9E;AAEJ;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/assets/logo.png","../src/components/ArtifactContextMenuContainer.tsx","../src/components/PluginList.tsx","../src/components/ArtifactInfoPanel.tsx","../src/components/ErrorScreen.tsx","../src/components/LoadingScreen.tsx","../src/components/Modal.tsx"],"sourcesContent":["export default \"data:image/png;base64,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\"","import { type ReactNode, useEffect, useState } from \"react\";\n\nexport interface ArtifactContextMenuContainerProps {\n icon: ReactNode;\n children: ReactNode;\n}\n\nexport function ArtifactContextMenuContainer({\n icon,\n children,\n}: ArtifactContextMenuContainerProps): ReactNode {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (!open) return;\n const onKeyDown = (e: KeyboardEvent): void => {\n if (e.key === \"Escape\") setOpen(false);\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [open]);\n\n return (\n <>\n <button\n type=\"button\"\n aria-label=\"Close artifact info\"\n tabIndex={-1}\n onClick={() => setOpen(false)}\n className={`fixed inset-0 z-30 bg-black/20 transition-opacity duration-300 ${\n open ? \"opacity-100\" : \"pointer-events-none opacity-0\"\n }`}\n />\n <div className=\"pointer-events-none fixed inset-x-0 top-0 z-40 flex justify-end pr-4\">\n <div\n className=\"pointer-events-auto relative w-72 transition-transform duration-300 ease-out\"\n style={{ transform: open ? \"translateY(0)\" : \"translateY(-100%)\" }}\n >\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Alistigo artifact info\"\n aria-hidden={!open}\n inert={!open}\n className={`relative z-10 rounded-bl-xl border border-gray-200 bg-white p-4 transition-shadow duration-300 ${\n open ? \"shadow-xl\" : \"\"\n }`}\n >\n {children}\n </div>\n <button\n type=\"button\"\n data-testid=\"alistigo-badge\"\n onClick={() => setOpen((v) => !v)}\n aria-label=\"Alistigo artifact info\"\n aria-expanded={open}\n className=\"-mt-px absolute top-full right-0 z-20 flex h-8 w-8 cursor-pointer items-center justify-center rounded-b-lg border-x border-t border-b border-t-white border-gray-200 bg-white shadow-md hover:border-gray-400 focus:outline-none\"\n >\n {icon}\n </button>\n </div>\n </div>\n </>\n );\n}\n","import type { ReactNode } from \"react\";\nimport type { PluginInfo } from \"./types.js\";\n\nexport interface PluginListProps {\n plugins: PluginInfo[];\n}\n\nexport function PluginList({ plugins }: PluginListProps): ReactNode {\n if (plugins.length === 0) {\n return <p className=\"text-center text-gray-400 text-xs\">No plugins loaded</p>;\n }\n\n return (\n <ul className=\"flex flex-col gap-2\">\n {plugins.map((plugin) => (\n <li\n key={plugin.name}\n data-plugin-name={plugin.name}\n data-plugin-status={plugin.status}\n className=\"flex items-start justify-between gap-2\"\n >\n <div className=\"min-w-0\">\n <p className=\"truncate text-gray-800 text-xs font-medium\">{plugin.name}</p>\n <p className=\"text-gray-400 text-xs\">v{plugin.version}</p>\n {plugin.error != null && <p className=\"mt-0.5 text-red-500 text-xs\">{plugin.error}</p>}\n </div>\n <div className=\"flex shrink-0 items-center gap-1.5\">\n <span className=\"rounded bg-gray-100 px-1.5 py-0.5 text-gray-500 text-xs\">\n {plugin.type}\n </span>\n <StatusDot status={plugin.status} />\n </div>\n </li>\n ))}\n </ul>\n );\n}\n\nfunction StatusDot({ status }: { status: PluginInfo[\"status\"] }): ReactNode {\n const colors: Record<PluginInfo[\"status\"], string> = {\n loaded: \"bg-green-500\",\n error: \"bg-red-500\",\n \"not-loaded\": \"bg-gray-300\",\n };\n return <span className={`h-2 w-2 rounded-full ${colors[status]}`} />;\n}\n","import type { ReactNode } from \"react\";\nimport { PluginList } from \"./PluginList.js\";\nimport type { PluginInfo } from \"./types.js\";\n\nexport interface ArtifactInfoPanelProps {\n artifactName: string;\n artifactVersion: string;\n plugins: PluginInfo[];\n}\n\nexport function ArtifactInfoPanel({\n artifactName,\n artifactVersion,\n plugins,\n}: ArtifactInfoPanelProps): ReactNode {\n return (\n <div className=\"flex flex-col gap-4\">\n <div>\n <p className=\"font-semibold text-gray-900 text-sm\">{artifactName}</p>\n <p className=\"text-gray-400 text-xs\">v{artifactVersion}</p>\n </div>\n <PluginList plugins={plugins} />\n </div>\n );\n}\n","import type { ReactNode } from \"react\";\n\nexport interface ErrorScreenProps {\n error: Error;\n onReset?: (() => void) | undefined;\n}\n\nexport function ErrorScreen({ error, onReset }: ErrorScreenProps): ReactNode {\n return (\n <div className=\"flex min-h-screen flex-col items-center justify-center gap-4 bg-white p-8\">\n <div className=\"flex flex-col items-center gap-2 text-center\">\n <p className=\"text-lg font-semibold text-red-600\">Something went wrong</p>\n <p className=\"max-w-sm text-sm text-gray-500\">{error.message}</p>\n </div>\n {onReset != null && (\n <button\n type=\"button\"\n onClick={onReset}\n className=\"rounded-md bg-gray-900 px-4 py-2 text-sm text-white hover:bg-gray-700\"\n >\n Try again\n </button>\n )}\n </div>\n );\n}\n","import type { ReactNode } from \"react\";\nimport logoUrl from \"../assets/logo.png\";\n\nexport interface LoadingScreenProps {\n artifactName?: string | undefined;\n}\n\nexport function LoadingScreen({ artifactName }: LoadingScreenProps): ReactNode {\n return (\n <div className=\"flex min-h-screen flex-col items-center justify-center gap-4 bg-white\">\n <div className=\"relative flex h-20 w-20 items-center justify-center\">\n <div className=\"absolute inset-0 animate-spin rounded-full border-2 border-gray-200 border-t-gray-800\" />\n <img src={logoUrl} alt=\"Alistigo\" className=\"h-14 w-14 rounded-2xl\" />\n </div>\n {artifactName != null && <p className=\"text-sm text-gray-500\">{artifactName}</p>}\n </div>\n );\n}\n","import { type ReactNode, useEffect } from \"react\";\n\nexport interface ModalProps {\n title: string;\n onClose: () => void;\n children: ReactNode;\n footer?: ReactNode;\n}\n\nexport function Modal({ title, onClose, children, footer }: ModalProps): ReactNode {\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"Escape\") onClose();\n };\n document.addEventListener(\"keydown\", handleKeyDown);\n return () => document.removeEventListener(\"keydown\", handleKeyDown);\n }, [onClose]);\n\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n <div className=\"absolute inset-0 bg-black/40\" onClick={onClose} aria-hidden=\"true\" />\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={title}\n className=\"relative w-96 max-w-[90vw] rounded-2xl bg-white shadow-2xl\"\n >\n <div className=\"flex items-center justify-between border-b border-gray-100 px-5 py-4\">\n <h2 className=\"font-semibold text-gray-900 text-sm\">{title}</h2>\n <button\n type=\"button\"\n onClick={onClose}\n aria-label=\"Close\"\n className=\"flex h-6 w-6 items-center justify-center rounded-md text-gray-400 hover:bg-gray-100 hover:text-gray-700\"\n >\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n <path\n d=\"M11 3L3 11M3 3l8 8\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n />\n </svg>\n </button>\n </div>\n <div className=\"p-5\">{children}</div>\n {footer != null && (\n <div className=\"flex justify-end gap-2 border-t border-gray-100 px-5 py-3\">{footer}</div>\n )}\n </div>\n </div>\n );\n}\n"],"names":["logoUrl","ArtifactContextMenuContainer","icon","children","open","setOpen","useState","useEffect","onKeyDown","e","jsxs","Fragment","jsx","v","PluginList","plugins","plugin","StatusDot","status","ArtifactInfoPanel","artifactName","artifactVersion","ErrorScreen","error","onReset","LoadingScreen","Modal","title","onClose","footer","handleKeyDown"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alistigo/artifact-core-components-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"description": "Platform-level React UI components shared by all Alistigo artifacts — LoadingScreen, ErrorScreen,
|
|
6
|
+
"description": "Platform-level React UI components shared by all Alistigo artifacts — LoadingScreen, ErrorScreen, ArtifactContextMenuContainer, ArtifactInfoPanel. Built on Tailwind v4.",
|
|
7
7
|
"exports": {
|
|
8
8
|
".": {
|
|
9
9
|
"import": "./dist/index.js",
|
package/src/styles/globals.css
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from "react";
|
|
2
|
-
import type { PluginInfo } from "./types.js";
|
|
3
|
-
export interface AlistigoBadgeProps {
|
|
4
|
-
artifactName: string;
|
|
5
|
-
artifactVersion: string;
|
|
6
|
-
plugins: PluginInfo[];
|
|
7
|
-
}
|
|
8
|
-
export declare function AlistigoBadge({ artifactName, artifactVersion, plugins, }: AlistigoBadgeProps): ReactNode;
|
|
9
|
-
//# sourceMappingURL=AlistigoBadge.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlistigoBadge.d.ts","sourceRoot":"","sources":["../../src/components/AlistigoBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,eAAe,EACf,OAAO,GACR,EAAE,kBAAkB,GAAG,SAAS,CAwBhC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
import type { PluginInfo } from "./types.js";
|
|
3
|
-
export interface ArtifactInfoModalProps {
|
|
4
|
-
artifactName: string;
|
|
5
|
-
artifactVersion: string;
|
|
6
|
-
plugins: PluginInfo[];
|
|
7
|
-
onClose: () => void;
|
|
8
|
-
}
|
|
9
|
-
export declare function ArtifactInfoModal({ artifactName, artifactVersion, plugins, onClose, }: ArtifactInfoModalProps): ReactNode;
|
|
10
|
-
//# sourceMappingURL=ArtifactInfoModal.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ArtifactInfoModal.d.ts","sourceRoot":"","sources":["../../src/components/ArtifactInfoModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,eAAe,EACf,OAAO,EACP,OAAO,GACR,EAAE,sBAAsB,GAAG,SAAS,CAwDpC"}
|