feat: Update package version and description
- `package.json` 파일에서 패키지 버전이 1.0.0에서 1.0.1로 업데이트되었습니다. - 패키지 이름이 `@baekryang/responsive-image-canvas`로 변경되었습니다. - `publishConfig`에 npm 레지스트리 주소가 추가되었습니다. - `.gitignore` 파일에 `demo.npmrc` 파일이 추가되어 불필요한 파일이 추적되지 않도록 수정되었습니다.
This commit is contained in:
BaekRyang
parent
c18f3fffb5
commit
bbbb49aa1d
2
.gitignore
vendored
2
.gitignore
vendored
@ -14,4 +14,4 @@ yarn-error.log*
|
||||
nul
|
||||
|
||||
# Demo (템플릿 파일, 실제 데모는 별도 저장소)
|
||||
/demo
|
||||
/demo.npmrc
|
||||
|
||||
118
dist/index.js
vendored
118
dist/index.js
vendored
@ -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,
|
||||
|
||||
2
dist/index.js.map
vendored
2
dist/index.js.map
vendored
File diff suppressed because one or more lines are too long
118
dist/index.mjs
vendored
118
dist/index.mjs
vendored
@ -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,
|
||||
|
||||
2
dist/index.mjs.map
vendored
2
dist/index.mjs.map
vendored
File diff suppressed because one or more lines are too long
@ -1,6 +1,9 @@
|
||||
{
|
||||
"name": "responsive-image-canvas",
|
||||
"version": "1.0.0",
|
||||
"name": "@baekryang/responsive-image-canvas",
|
||||
"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",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user