@industry-theme/github-panels 0.1.59 → 0.1.60

package/dist/components/shared/GitHubRepositoryCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GitHubRepositoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/shared/GitHubRepositoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAarD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D;;;GAGG;AACH,MAAM,WAAW,wBAAwB;IACvC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,6BAA6B;IAC7B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,6DAA6D;IAC7D,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA2WpE,CAAC"}
+{"version":3,"file":"GitHubRepositoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/shared/GitHubRepositoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAcrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D;;;GAGG;AACH,MAAM,WAAW,wBAAwB;IACvC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,6BAA6B;IAC7B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,6DAA6D;IAC7D,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuYpE,CAAC"}

package/dist/panels.bundle.js

@@ -1,3 +1,6 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React2 from "react";
 import React2__default, { createContext, useContext, forwardRef, createElement, useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, useImperativeHandle } from "react";
@@ -1477,6 +1480,101 @@ const RepositoryAvatar = ({
     }
   );
 };
+createContext(null);
+class PanelErrorBoundary extends React2__default.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "reset", () => {
+      this.setState({ error: null });
+    });
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("Panel error:", error, errorInfo);
+  }
+  render() {
+    if (this.state.error) {
+      const Fallback = this.props.fallback;
+      return /* @__PURE__ */ jsx(Fallback, {
+        error: this.state.error,
+        reset: this.reset
+      });
+    }
+    return this.props.children;
+  }
+}
+var PANEL_DATA_MIME_TYPE = "application/x-panel-data";
+function createDragPreview(content2, options) {
+  const preview = document.createElement("div");
+  preview.style.cssText = `
+    position: absolute;
+    top: -1000px;
+    left: -1000px;
+    padding: 8px 12px;
+    background: ${"#3b82f6"};
+    color: ${"white"};
+    border-radius: 6px;
+    font-size: 12px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    white-space: nowrap;
+  `;
+  const text2 = document.createElement("span");
+  text2.textContent = content2;
+  preview.appendChild(text2);
+  return preview;
+}
+function useDraggable(config) {
+  const [isDragging, setIsDragging] = useState(false);
+  const handleDragStart = useCallback((e) => {
+    var _a;
+    setIsDragging(true);
+    e.dataTransfer.setData("text/plain", config.primaryData);
+    const panelData = {
+      sourcePanel: config.sourcePanel || "unknown",
+      dataType: config.dataType,
+      primaryData: config.primaryData,
+      metadata: config.metadata,
+      suggestedActions: config.suggestedActions,
+      version: "1.0"
+    };
+    e.dataTransfer.setData(PANEL_DATA_MIME_TYPE, JSON.stringify(panelData));
+    e.dataTransfer.effectAllowed = "copy";
+    if (e.currentTarget instanceof HTMLElement) {
+      e.currentTarget.style.opacity = "0.5";
+    }
+    if (config.dragPreview) {
+      if (config.dragPreview instanceof HTMLElement) {
+        e.dataTransfer.setDragImage(config.dragPreview, 0, 0);
+      } else {
+        const preview = createDragPreview(config.dragPreview);
+        document.body.appendChild(preview);
+        e.dataTransfer.setDragImage(preview, 0, 0);
+        setTimeout(() => document.body.removeChild(preview), 0);
+      }
+    }
+    (_a = config.onDragStart) == null ? void 0 : _a.call(config, e);
+  }, [config]);
+  const handleDragEnd = useCallback((e) => {
+    var _a;
+    setIsDragging(false);
+    if (e.currentTarget instanceof HTMLElement) {
+      e.currentTarget.style.opacity = "1";
+    }
+    (_a = config.onDragEnd) == null ? void 0 : _a.call(config, e);
+  }, [config]);
+  return {
+    draggable: true,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd,
+    isDragging
+  };
+}
 const GitHubRepositoryCard = ({
   repository,
   localRepo,
@@ -1492,6 +1590,23 @@ const GitHubRepositoryCard = ({
   const { theme: theme2 } = useTheme();
   const [isHovered, setIsHovered] = useState(false);
   const isCloned = Boolean(localRepo);
+  const { isDragging, ...dragProps } = useDraggable({
+    dataType: "repository-github",
+    primaryData: repository.full_name,
+    metadata: {
+      name: repository.name,
+      owner: repository.owner.login,
+      description: repository.description,
+      language: repository.language,
+      stars: repository.stargazers_count,
+      isPrivate: repository.private,
+      htmlUrl: repository.html_url,
+      cloneUrl: repository.clone_url
+    },
+    suggestedActions: ["add-to-collection"],
+    sourcePanel: "github-repositories",
+    dragPreview: repository.full_name
+  });
   const handleClone = useCallback(
     (e) => {
       e.stopPropagation();
@@ -1549,6 +1664,7 @@ const GitHubRepositoryCard = ({
       onClick: handleClick,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
+      ...isInCollection ? {} : dragProps,
       style: {
         display: "flex",
         alignItems: "flex-start",
@@ -1557,8 +1673,9 @@ const GitHubRepositoryCard = ({
         borderRadius: "8px",
         backgroundColor: isSelected ? `${theme2.colors.primary}15` : isHovered ? theme2.colors.backgroundTertiary : "transparent",
         border: `1px solid ${isSelected ? theme2.colors.primary : "transparent"}`,
-        cursor: onSelect ? "pointer" : "default",
-        transition: "background-color 0.15s, border-color 0.15s"
+        cursor: isInCollection ? "not-allowed" : isDragging ? "grabbing" : onSelect ? "grab" : "default",
+        opacity: isDragging ? 0.5 : isInCollection ? 0.7 : 1,
+        transition: "background-color 0.15s, border-color 0.15s, opacity 0.15s"
       },
       children: [
         /* @__PURE__ */ jsx(