feat: Update package version and description

- `package.json` 파일에서 패키지 버전이 1.0.0에서 1.0.1로 업데이트되었습니다.
- 패키지 이름이 `@baekryang/responsive-image-canvas`로 변경되었습니다.
- `publishConfig`에 npm 레지스트리 주소가 추가되었습니다.
- `.gitignore` 파일에 `demo.npmrc` 파일이 추가되어 불필요한 파일이 추적되지 않도록 수정되었습니다.

.gitignore

@@ -14,4 +14,4 @@ yarn-error.log*
 nul
 
 # Demo (템플릿 파일, 실제 데모는 별도 저장소)
-/demo
+/demo.npmrc

dist/index.js

@@ -990,66 +990,6 @@ var useDistortionEditor = (initialAreas = []) => {
 
 // src/editor/components/EditorCanvas.tsx
 var import_react6 = require("react");
-
-// src/editor/constants.ts
-var DEFAULT_EDITOR_CANVAS_STYLE = {
-  // 3단계 원 스타일 (외부 -> 내부)
-  circleLevels: [
-    {
-      radius: 0.5,
-      opacity: 0.3,
-      lineWidth: 2,
-      color: "rgba(255, 200, 0, 1)",
-      dashPattern: [8, 4]
-    },
-    {
-      radius: 0.33,
-      opacity: 0.6,
-      lineWidth: 2.5,
-      color: "rgba(255, 200, 0, 1)",
-      dashPattern: [8, 4]
-    },
-    {
-      radius: 0.167,
-      opacity: 0.9,
-      lineWidth: 3,
-      color: "rgba(255, 200, 0, 1)",
-      dashPattern: [8, 4]
-    }
-  ],
-  // 원 내부 채우기
-  circleFillColor: "rgba(255, 200, 0, 0.08)",
-  // 중심점
-  centerPoint: {
-    radius: 5,
-    fillColor: "rgba(255, 200, 0, 1)",
-    strokeColor: "rgba(255, 255, 255, 0.8)",
-    strokeWidth: 2
-  },
-  // 포인트 핸들
-  pointHandle: {
-    size: 16,
-    fillColor: "#00aaff",
-    strokeColor: "white",
-    strokeWidth: 2,
-    labelColor: "#00aaff",
-    labelFontSize: 11
-  },
-  // 영역 외곽선
-  areaOutline: {
-    selectedColor: "#00aaff",
-    unselectedColor: "#888",
-    selectedWidth: 2,
-    unselectedWidth: 1,
-    unselectedDashPattern: [5, 5],
-    selectedFillColor: "rgba(0, 170, 255, 0.08)",
-    // 선택된 영역 배경 (연한 파란색)
-    unselectedFillColor: "rgba(136, 136, 136, 0.03)"
-    // 선택 안된 영역 배경 (연한 회색)
-  }
-};
-
-// src/editor/components/EditorCanvas.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var EditorCanvas = ({
   areas,
@@ -1673,6 +1613,64 @@ var DistortionEditor = ({
     ] })
   ] });
 };
+
+// src/editor/constants.ts
+var DEFAULT_EDITOR_CANVAS_STYLE = {
+  // 3단계 원 스타일 (외부 -> 내부)
+  circleLevels: [
+    {
+      radius: 0.5,
+      opacity: 0.3,
+      lineWidth: 2,
+      color: "rgba(255, 200, 0, 1)",
+      dashPattern: [8, 4]
+    },
+    {
+      radius: 0.33,
+      opacity: 0.6,
+      lineWidth: 2.5,
+      color: "rgba(255, 200, 0, 1)",
+      dashPattern: [8, 4]
+    },
+    {
+      radius: 0.167,
+      opacity: 0.9,
+      lineWidth: 3,
+      color: "rgba(255, 200, 0, 1)",
+      dashPattern: [8, 4]
+    }
+  ],
+  // 원 내부 채우기
+  circleFillColor: "rgba(255, 200, 0, 0.08)",
+  // 중심점
+  centerPoint: {
+    radius: 5,
+    fillColor: "rgba(255, 200, 0, 1)",
+    strokeColor: "rgba(255, 255, 255, 0.8)",
+    strokeWidth: 2
+  },
+  // 포인트 핸들
+  pointHandle: {
+    size: 16,
+    fillColor: "#00aaff",
+    strokeColor: "white",
+    strokeWidth: 2,
+    labelColor: "#00aaff",
+    labelFontSize: 11
+  },
+  // 영역 외곽선
+  areaOutline: {
+    selectedColor: "#00aaff",
+    unselectedColor: "#888",
+    selectedWidth: 2,
+    unselectedWidth: 1,
+    unselectedDashPattern: [5, 5],
+    selectedFillColor: "rgba(0, 170, 255, 0.08)",
+    // 선택된 영역 배경 (연한 파란색)
+    unselectedFillColor: "rgba(136, 136, 136, 0.03)"
+    // 선택 안된 영역 배경 (연한 회색)
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ANIMATION_CONFIG,

dist/index.mjs

@@ -941,66 +941,6 @@ var useDistortionEditor = (initialAreas = []) => {
 
 // src/editor/components/EditorCanvas.tsx
 import { useRef as useRef5, useEffect as useEffect4, useState as useState4, useCallback as useCallback5, useMemo } from "react";
-
-// src/editor/constants.ts
-var DEFAULT_EDITOR_CANVAS_STYLE = {
-  // 3단계 원 스타일 (외부 -> 내부)
-  circleLevels: [
-    {
-      radius: 0.5,
-      opacity: 0.3,
-      lineWidth: 2,
-      color: "rgba(255, 200, 0, 1)",
-      dashPattern: [8, 4]
-    },
-    {
-      radius: 0.33,
-      opacity: 0.6,
-      lineWidth: 2.5,
-      color: "rgba(255, 200, 0, 1)",
-      dashPattern: [8, 4]
-    },
-    {
-      radius: 0.167,
-      opacity: 0.9,
-      lineWidth: 3,
-      color: "rgba(255, 200, 0, 1)",
-      dashPattern: [8, 4]
-    }
-  ],
-  // 원 내부 채우기
-  circleFillColor: "rgba(255, 200, 0, 0.08)",
-  // 중심점
-  centerPoint: {
-    radius: 5,
-    fillColor: "rgba(255, 200, 0, 1)",
-    strokeColor: "rgba(255, 255, 255, 0.8)",
-    strokeWidth: 2
-  },
-  // 포인트 핸들
-  pointHandle: {
-    size: 16,
-    fillColor: "#00aaff",
-    strokeColor: "white",
-    strokeWidth: 2,
-    labelColor: "#00aaff",
-    labelFontSize: 11
-  },
-  // 영역 외곽선
-  areaOutline: {
-    selectedColor: "#00aaff",
-    unselectedColor: "#888",
-    selectedWidth: 2,
-    unselectedWidth: 1,
-    unselectedDashPattern: [5, 5],
-    selectedFillColor: "rgba(0, 170, 255, 0.08)",
-    // 선택된 영역 배경 (연한 파란색)
-    unselectedFillColor: "rgba(136, 136, 136, 0.03)"
-    // 선택 안된 영역 배경 (연한 회색)
-  }
-};
-
-// src/editor/components/EditorCanvas.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var EditorCanvas = ({
   areas,
@@ -1624,6 +1564,64 @@ var DistortionEditor = ({
     ] })
   ] });
 };
+
+// src/editor/constants.ts
+var DEFAULT_EDITOR_CANVAS_STYLE = {
+  // 3단계 원 스타일 (외부 -> 내부)
+  circleLevels: [
+    {
+      radius: 0.5,
+      opacity: 0.3,
+      lineWidth: 2,
+      color: "rgba(255, 200, 0, 1)",
+      dashPattern: [8, 4]
+    },
+    {
+      radius: 0.33,
+      opacity: 0.6,
+      lineWidth: 2.5,
+      color: "rgba(255, 200, 0, 1)",
+      dashPattern: [8, 4]
+    },
+    {
+      radius: 0.167,
+      opacity: 0.9,
+      lineWidth: 3,
+      color: "rgba(255, 200, 0, 1)",
+      dashPattern: [8, 4]
+    }
+  ],
+  // 원 내부 채우기
+  circleFillColor: "rgba(255, 200, 0, 0.08)",
+  // 중심점
+  centerPoint: {
+    radius: 5,
+    fillColor: "rgba(255, 200, 0, 1)",
+    strokeColor: "rgba(255, 255, 255, 0.8)",
+    strokeWidth: 2
+  },
+  // 포인트 핸들
+  pointHandle: {
+    size: 16,
+    fillColor: "#00aaff",
+    strokeColor: "white",
+    strokeWidth: 2,
+    labelColor: "#00aaff",
+    labelFontSize: 11
+  },
+  // 영역 외곽선
+  areaOutline: {
+    selectedColor: "#00aaff",
+    unselectedColor: "#888",
+    selectedWidth: 2,
+    unselectedWidth: 1,
+    unselectedDashPattern: [5, 5],
+    selectedFillColor: "rgba(0, 170, 255, 0.08)",
+    // 선택된 영역 배경 (연한 파란색)
+    unselectedFillColor: "rgba(136, 136, 136, 0.03)"
+    // 선택 안된 영역 배경 (연한 회색)
+  }
+};
 export {
   ANIMATION_CONFIG,
   AnimationLoop,

package.json

@@ -1,6 +1,9 @@
 {
-  "name": "responsive-image-canvas",
+  "name": "@baekryang/responsive-image-canvas",
-  "version": "1.0.0",
+  "version": "1.0.1",
+  "publishConfig": {
+    "registry": "https://git.bnovalab.com/api/packages/baekryang/npm/"
+  },
   "description": "React component for interactive image distortion with GPU-accelerated shaders",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",