@industry-theme/repository-composition-panels 0.2.60 → 0.2.62

package/dist/{index-C6MgM63s.js → index-DP0q9yO1.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 { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React2 from "react";
 import React2__default, { createContext, useContext, forwardRef, createElement, useCallback, useState, useRef, useEffect, useMemo, memo, useLayoutEffect, useImperativeHandle } from "react";
@@ -103876,6 +103879,105 @@ const DependencyGraphPanel = ({ context: context2 }) => {
     }
   );
 };
+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 parsePanelData(e2) {
+  const dataStr = e2.dataTransfer.getData(PANEL_DATA_MIME_TYPE);
+  if (!dataStr)
+    return null;
+  try {
+    const data = JSON.parse(dataStr);
+    return validatePanelData(data) ? data : null;
+  } catch (err) {
+    console.warn("Failed to parse panel data:", err);
+    return null;
+  }
+}
+function validatePanelData(data) {
+  return typeof data === "object" && data !== null && "sourcePanel" in data && typeof data.sourcePanel === "string" && "dataType" in data && typeof data.dataType === "string" && "primaryData" in data && typeof data.primaryData === "string";
+}
+function useDropZone(config) {
+  const [isDragOver, setIsDragOver] = useState(false);
+  const handleDragOver = useCallback((e2) => {
+    var _a;
+    e2.preventDefault();
+    e2.stopPropagation();
+    e2.dataTransfer.dropEffect = "copy";
+    (_a = config.onDragOver) == null ? void 0 : _a.call(config, e2);
+  }, [config]);
+  const handleDragEnter = useCallback((e2) => {
+    e2.preventDefault();
+    e2.stopPropagation();
+    if (config.showVisualFeedback) {
+      setIsDragOver(true);
+    }
+  }, [config]);
+  const handleDragLeave = useCallback((e2) => {
+    e2.preventDefault();
+    e2.stopPropagation();
+    const relatedTarget = e2.relatedTarget;
+    const currentTarget = e2.currentTarget;
+    if (!relatedTarget || !currentTarget.contains(relatedTarget)) {
+      setIsDragOver(false);
+    }
+  }, []);
+  const handleDrop = useCallback((e2) => {
+    e2.preventDefault();
+    e2.stopPropagation();
+    setIsDragOver(false);
+    const panelData = parsePanelData(e2);
+    if (panelData) {
+      if (config.validateDrop && !config.validateDrop(panelData)) {
+        console.warn("Drop validation failed", panelData);
+        return;
+      }
+      for (const handler of config.handlers) {
+        const types2 = Array.isArray(handler.dataType) ? handler.dataType : [handler.dataType];
+        if (types2.includes(panelData.dataType)) {
+          handler.onDrop(panelData, e2);
+          return;
+        }
+      }
+      console.warn("No handler for data type:", panelData.dataType);
+    }
+    const plainText = e2.dataTransfer.getData("text/plain");
+    if (plainText && plainText.trim() && config.onPlainTextDrop) {
+      config.onPlainTextDrop(plainText, e2);
+    }
+  }, [config]);
+  return {
+    onDragOver: handleDragOver,
+    onDragEnter: handleDragEnter,
+    onDragLeave: handleDragLeave,
+    onDrop: handleDrop,
+    isDragOver
+  };
+}
 var ExtensionType = /* @__PURE__ */ ((ExtensionType2) => {
   ExtensionType2["Application"] = "application";
   ExtensionType2["WebGLPipes"] = "webgl-pipes";
@@ -104149,7 +104251,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-CpFra-kV.js");
+    await import("./browserAll-NVcZTmV1.js");
   }
 };
 const webworkerExt = {
@@ -104160,7 +104262,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-D_TIOa40.js");
+    await import("./webworkerAll-DYw1TGzb.js");
   }
 };
 class ObservablePoint {
@@ -116403,19 +116505,19 @@ async function autoDetectRenderer(options) {
   for (let i2 = 0; i2 < preferredOrder.length; i2++) {
     const rendererType = preferredOrder[i2];
     if (rendererType === "webgpu" && await isWebGPUSupported()) {
-      const { WebGPURenderer } = await import("./WebGPURenderer-DxUZO3nG.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-Dw5euE6h.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-D2it_58F.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-DTTtXSAz.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-Dr_Cv8Dc.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-CYJLQIYQ.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -118592,7 +118694,7 @@ var BufferUsage = /* @__PURE__ */ ((BufferUsage2) => {
   BufferUsage2[BufferUsage2["STATIC"] = 1024] = "STATIC";
   return BufferUsage2;
 })(BufferUsage || {});
-class Buffer extends EventEmitter {
+class Buffer2 extends EventEmitter {
   /**
    * Creates a new Buffer with the given options
    * @param options - the options for the buffer
@@ -118711,7 +118813,7 @@ class Buffer extends EventEmitter {
   }
 }
 function ensureIsBuffer(buffer, index2) {
-  if (!(buffer instanceof Buffer)) {
+  if (!(buffer instanceof Buffer2)) {
     let usage = index2 ? BufferUsage.INDEX : BufferUsage.VERTEX;
     if (buffer instanceof Array) {
       if (index2) {
@@ -118722,7 +118824,7 @@ function ensureIsBuffer(buffer, index2) {
         usage = BufferUsage.VERTEX | BufferUsage.COPY_DST;
       }
     }
-    buffer = new Buffer({
+    buffer = new Buffer2({
       data: buffer,
       label: index2 ? "index-mesh-buffer" : "vertex-mesh-buffer",
       usage
@@ -118762,7 +118864,7 @@ function getGeometryBounds(geometry, attributeId, bounds) {
   return bounds;
 }
 function ensureIsAttribute(attribute) {
-  if (attribute instanceof Buffer || Array.isArray(attribute) || attribute.BYTES_PER_ELEMENT) {
+  if (attribute instanceof Buffer2 || Array.isArray(attribute) || attribute.BYTES_PER_ELEMENT) {
     attribute = {
       buffer: attribute
     };
@@ -118900,13 +119002,13 @@ const placeHolderIndexData = new Uint32Array(1);
 class BatchGeometry extends Geometry {
   constructor() {
     const vertexSize = 6;
-    const attributeBuffer = new Buffer({
+    const attributeBuffer = new Buffer2({
       data: placeHolderBufferData,
       label: "attribute-batch-buffer",
       usage: BufferUsage.VERTEX | BufferUsage.COPY_DST,
       shrinkToFit: false
     });
-    const indexBuffer = new Buffer({
+    const indexBuffer = new Buffer2({
       data: placeHolderIndexData,
       label: "index-batch-buffer",
       usage: BufferUsage.INDEX | BufferUsage.COPY_DST,
@@ -124954,19 +125056,19 @@ const _MeshGeometry = class _MeshGeometry2 extends Geometry {
     }
     const indices = options.indices || new Uint32Array([0, 1, 2, 0, 2, 3]);
     const shrinkToFit = options.shrinkBuffersToFit;
-    const positionBuffer = new Buffer({
+    const positionBuffer = new Buffer2({
       data: positions,
       label: "attribute-mesh-positions",
       shrinkToFit,
       usage: BufferUsage.VERTEX | BufferUsage.COPY_DST
     });
-    const uvBuffer = new Buffer({
+    const uvBuffer = new Buffer2({
       data: uvs,
       label: "attribute-mesh-uvs",
       shrinkToFit,
       usage: BufferUsage.VERTEX | BufferUsage.COPY_DST
     });
-    const indexBuffer = new Buffer({
+    const indexBuffer = new Buffer2({
       data: indices,
       label: "index-mesh-buffer",
       shrinkToFit,
@@ -130876,7 +130978,23 @@ function generateDecorativeSprite(type2) {
   }
   return canvas;
 }
-function generateSpriteAtlas() {
+async function loadCustomSprite(imagePath) {
+  return new Promise((resolve) => {
+    const img = new Image();
+    img.onload = () => {
+      const canvas = createCanvas(img.width, img.height);
+      const ctx = canvas.getContext("2d");
+      ctx.drawImage(img, 0, 0);
+      resolve(canvas);
+    };
+    img.onerror = () => {
+      console.warn(`Failed to load custom sprite: ${imagePath}`);
+      resolve(null);
+    };
+    img.src = imagePath;
+  });
+}
+async function generateSpriteAtlas(customSprites) {
   const atlas = {};
   atlas["bg-grass"] = generateGrassBackgroundTile();
   for (const biome of Object.keys(BIOME_COLORS)) {
@@ -130888,8 +131006,16 @@ function generateSpriteAtlas() {
   const themes = ["grass", "desert", "water", "volcano", "ice"];
   for (const type2 of locationTypes) {
     for (const theme2 of themes) {
+      const spriteKey = `location-${type2}-${theme2}`;
+      if (customSprites == null ? void 0 : customSprites[spriteKey]) {
+        const customCanvas = await loadCustomSprite(customSprites[spriteKey]);
+        if (customCanvas) {
+          atlas[spriteKey] = customCanvas;
+          continue;
+        }
+      }
       const size = type2 === "castle" ? 3 : type2 === "monorepo" ? 3 : 2;
-      atlas[`location-${type2}-${theme2}`] = generateLocationSprite(type2, theme2, size);
+      atlas[spriteKey] = generateLocationSprite(type2, theme2, size);
     }
   }
   atlas["deco-cloud"] = generateDecorativeSprite("cloud");
@@ -130950,7 +131076,13 @@ const OverworldMapPanelContent = ({
       }
       (_c = canvasRef.current) == null ? void 0 : _c.appendChild(app.canvas);
       appRef.current = app;
-      const atlas = generateSpriteAtlas();
+      const customSprites = {};
+      for (const location2 of mapData.nodes) {
+        if (location2.customSpritePath) {
+          customSprites[location2.sprite] = location2.customSpritePath;
+        }
+      }
+      const atlas = await generateSpriteAtlas(customSprites);
       const textures = {};
       for (const [key, canvas] of Object.entries(atlas)) {
         textures[key] = Texture.from(canvas);
@@ -131630,14 +131762,39 @@ const CollectionMapPanelContent = ({
   width,
   height,
   isLoading = false,
-  onProjectMoved
+  onProjectMoved,
+  onProjectAdded
 }) => {
+  const handleProjectDrop = useCallback((data, event) => {
+    if (!onProjectAdded) {
+      console.warn("No onProjectAdded callback provided - cannot add project to collection");
+      return;
+    }
+    const repositoryPath = data.primaryData;
+    const repositoryMetadata = data.metadata || {};
+    console.log("Project dropped on collection map:", {
+      path: repositoryPath,
+      metadata: repositoryMetadata,
+      collectionId: collection.id,
+      sourcePanel: data.sourcePanel
+    });
+    onProjectAdded(repositoryPath, repositoryMetadata);
+  }, [collection.id, onProjectAdded]);
+  const { isDragOver, ...dropZoneProps } = useDropZone({
+    handlers: [
+      {
+        dataType: "repository-project",
+        onDrop: handleProjectDrop
+      }
+    ],
+    showVisualFeedback: true
+  });
   const projects = useMemo(() => {
     const collectionMemberships = memberships.filter(
       (m2) => m2.collectionId === collection.id
     );
     return collectionMemberships.map((membership) => {
-      var _a, _b, _c;
+      var _a, _b;
       const repo = repositories.find((r2) => {
         var _a2;
         const repoId = ((_a2 = r2.github) == null ? void 0 : _a2.id) || r2.name;
@@ -131647,12 +131804,12 @@ const CollectionMapPanelContent = ({
         return null;
       }
       let category;
-      if (((_a = repo.provider) == null ? void 0 : _a.type) === "github" || repo.github) {
+      if (repo.github) {
         category = "git-repo";
       } else {
         category = repo.theme || "git-repo";
       }
-      const importance = ((_b = membership.metadata) == null ? void 0 : _b.pinned) ? 95 : 75;
+      const importance = ((_a = membership.metadata) == null ? void 0 : _a.pinned) ? 95 : 75;
       const project = {
         id: membership.repositoryId,
         name: repo.name,
@@ -131661,48 +131818,64 @@ const CollectionMapPanelContent = ({
         category,
         importance,
         dependencies: dependencies[membership.repositoryId] || [],
-        isRoot: ((_c = membership.metadata) == null ? void 0 : _c.pinned) || false
+        isRoot: ((_b = membership.metadata) == null ? void 0 : _b.pinned) || false
       };
       return project;
     }).filter((p2) => p2 !== null);
   }, [collection.id, memberships, repositories, dependencies]);
-  return /* @__PURE__ */ jsxs("div", { style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" }, children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          top: 8,
-          left: 8,
-          zIndex: 100,
-          backgroundColor: "rgba(0, 0, 0, 0.7)",
-          padding: "8px 16px",
-          borderRadius: 8,
-          color: "white",
-          fontFamily: "monospace",
-          fontSize: 14,
-          fontWeight: "bold",
-          pointerEvents: "none"
-        },
-        children: [
-          collection.icon && /* @__PURE__ */ jsx("span", { style: { marginRight: 8 }, children: collection.icon }),
-          collection.name
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      GitProjectsMapPanelContent,
-      {
-        projects,
-        regionLayout,
-        width,
-        height,
-        isLoading
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        position: "relative",
+        width: "100%",
+        height: "100%",
+        overflow: "hidden",
+        border: isDragOver ? "2px solid #3b82f6" : "none",
+        transition: "border 0.2s ease"
+      },
+      ...dropZoneProps,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 8,
+              left: 8,
+              zIndex: 100,
+              backgroundColor: isDragOver ? "rgba(59, 130, 246, 0.9)" : "rgba(0, 0, 0, 0.7)",
+              padding: "8px 16px",
+              borderRadius: 8,
+              color: "white",
+              fontFamily: "monospace",
+              fontSize: 14,
+              fontWeight: "bold",
+              pointerEvents: "none",
+              transition: "background-color 0.2s ease"
+            },
+            children: [
+              collection.icon && /* @__PURE__ */ jsx("span", { style: { marginRight: 8 }, children: collection.icon }),
+              collection.name,
+              isDragOver && /* @__PURE__ */ jsx("span", { style: { marginLeft: 8 }, children: "+ Drop to add" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          GitProjectsMapPanelContent,
+          {
+            projects,
+            regionLayout,
+            width,
+            height,
+            isLoading
+          }
+        )
+      ]
+    }
+  );
 };
-const CollectionMapPanel = ({ context: context2 }) => {
+const CollectionMapPanel = ({ context: context2, actions }) => {
   var _a, _b, _c, _d;
   const collectionsSlice = context2.getSlice("userCollections");
   const collections = ((_a = collectionsSlice == null ? void 0 : collectionsSlice.data) == null ? void 0 : _a.collections) || [];
@@ -131713,6 +131886,13 @@ const CollectionMapPanel = ({ context: context2 }) => {
   const repositoriesLoading = (repositoriesSlice == null ? void 0 : repositoriesSlice.loading) ?? false;
   const selectedCollectionId = (_d = context2.selectedCollection) == null ? void 0 : _d.id;
   const selectedCollection = collections.find((c2) => c2.id === selectedCollectionId);
+  const handleProjectAdded = useCallback((repositoryPath, repositoryMetadata) => {
+    if (actions == null ? void 0 : actions.addRepositoryToCollection) {
+      actions.addRepositoryToCollection(selectedCollectionId, repositoryPath, repositoryMetadata);
+    } else {
+      console.warn("Actions does not support addRepositoryToCollection - drag-drop feature requires context integration");
+    }
+  }, [actions, selectedCollectionId]);
   if (!selectedCollection) {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -131746,7 +131926,8 @@ const CollectionMapPanel = ({ context: context2 }) => {
       memberships: collectionMemberships,
       repositories,
       dependencies,
-      isLoading
+      isLoading,
+      onProjectAdded: handleProjectAdded
     }
   ) });
 };
@@ -132774,7 +132955,7 @@ export {
   extensions as f,
   getAttributeInfoFromFormat as g,
   STENCIL_MODES as h,
-  Buffer as i,
+  Buffer2 as i,
   BufferUsage as j,
   EventEmitter as k,
   uid as l,
@@ -132793,4 +132974,4 @@ export {
   CanvasSource as y,
   Ticker as z
 };
-//# sourceMappingURL=index-C6MgM63s.js.map
+//# sourceMappingURL=index-DP0q9yO1.js.map