@edv4h/usketch-plugin-effect-ripple 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 EdV4H
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { createRippleEffectPlugin, rippleEffectPlugin } from "./plugin.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { createRippleEffectPlugin, rippleEffectPlugin } from "./plugin.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

package/dist/plugin.d.ts

@@ -0,0 +1,7 @@
+import { type UsketchPlugin } from "@edv4h/usketch-shared";
+import type { WsProviderHandle } from "@edv4h/usketch-sync";
+/** WsProvider付きファクトリ（リアルタイム同期対応） */
+export declare function createRippleEffectPlugin(wsProvider: WsProviderHandle): UsketchPlugin;
+/** ローカル専用（後方互換） */
+export declare const rippleEffectPlugin: UsketchPlugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMN,KAAK,aAAa,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAuJ5D,oCAAoC;AACpC,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,gBAAgB,GAAG,aAAa,CAEpF;AAED,mBAAmB;AACnB,eAAO,MAAM,kBAAkB,EAAE,aAA8B,CAAC"}

package/dist/plugin.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { generateId, } from "@edv4h/usketch-shared";
+const RIPPLE_TTL = 600;
+const RIPPLE_SIZE = 80;
+function RippleEffect({ obj }) {
+    const color = obj.data.color ?? "rgba(59, 130, 246, 0.5)";
+    return (_jsx("div", { style: {
+            position: "absolute",
+            left: -RIPPLE_SIZE / 2,
+            top: -RIPPLE_SIZE / 2,
+            width: RIPPLE_SIZE,
+            height: RIPPLE_SIZE,
+            borderRadius: "50%",
+            border: `2px solid ${color}`,
+            animation: `usketch-ripple ${RIPPLE_TTL}ms ease-out forwards`,
+        } }));
+}
+function RippleIcon() {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: [_jsx("title", { children: "Ripple" }), _jsx("circle", { cx: "10", cy: "10", r: "3", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("circle", { cx: "10", cy: "10", r: "6", fill: "none", stroke: "currentColor", strokeWidth: "1", opacity: "0.6" }), _jsx("circle", { cx: "10", cy: "10", r: "9", fill: "none", stroke: "currentColor", strokeWidth: "0.5", opacity: "0.3" })] }));
+}
+let styleInjected = false;
+function injectStyle() {
+    if (styleInjected)
+        return;
+    styleInjected = true;
+    const style = document.createElement("style");
+    style.textContent = `
+		@keyframes usketch-ripple {
+			0% { transform: scale(0); opacity: 1; }
+			100% { transform: scale(2); opacity: 0; }
+		}
+	`;
+    document.head.appendChild(style);
+}
+function createPlugin(wsProvider) {
+    let cleanup;
+    return {
+        id: "usketch-plugin-effect-ripple",
+        name: "リップルエフェクト",
+        setup(ctx) {
+            injectStyle();
+            ctx.transient.registerType("ripple", {
+                render: (obj) => _jsx(RippleEffect, { obj: obj }),
+            });
+            let unsubBroadcast;
+            if (wsProvider) {
+                unsubBroadcast = wsProvider.onBroadcast((msg) => {
+                    if (msg.kind !== "ripple")
+                        return;
+                    // バリデーション
+                    const id = msg.id;
+                    const position = msg.position;
+                    if (typeof id !== "string" ||
+                        !position ||
+                        typeof position.x !== "number" ||
+                        typeof position.y !== "number") {
+                        return;
+                    }
+                    ctx.transient.emit({
+                        id,
+                        type: "ripple",
+                        sourceUserId: typeof msg.sourceUserId === "string" ? msg.sourceUserId : "remote",
+                        position: { x: position.x, y: position.y },
+                        data: { color: typeof msg.color === "string" ? msg.color : "rgba(59, 130, 246, 0.5)" },
+                        ttl: typeof msg.ttl === "number" ? msg.ttl : RIPPLE_TTL,
+                        createdAt: Date.now(),
+                    });
+                });
+            }
+            function onPointerDown(_toolCtx, event) {
+                const id = generateId();
+                const color = "rgba(59, 130, 246, 0.5)";
+                ctx.transient.emit({
+                    id,
+                    type: "ripple",
+                    sourceUserId: "local",
+                    position: event.worldPoint,
+                    data: { color },
+                    ttl: RIPPLE_TTL,
+                    createdAt: Date.now(),
+                });
+                wsProvider?.broadcast({
+                    kind: "ripple",
+                    id,
+                    sourceUserId: "local",
+                    position: event.worldPoint,
+                    color,
+                    ttl: RIPPLE_TTL,
+                });
+            }
+            ctx.tools.register("effect-ripple", {
+                icon: RippleIcon,
+                cursor: "crosshair",
+                shortcut: "r",
+                order: 50,
+                onPointerDown,
+            });
+            cleanup = () => {
+                unsubBroadcast?.();
+            };
+        },
+        teardown() {
+            cleanup?.();
+        },
+    };
+}
+/** WsProvider付きファクトリ（リアルタイム同期対応） */
+export function createRippleEffectPlugin(wsProvider) {
+    return createPlugin(wsProvider);
+}
+/** ローカル専用（後方互換） */
+export const rippleEffectPlugin = createPlugin();
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@edv4h/usketch-plugin-effect-ripple",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@edv4h/usketch-sync": "1.0.0",
+    "@edv4h/usketch-shared": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.14",
+    "typescript": "5.9.3",
+    "vitest": "3.2.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EdV4H/usketch.git",
+    "directory": "plugins/usketch-plugin-effect-ripple"
+  },
+  "homepage": "https://github.com/EdV4H/usketch#readme",
+  "bugs": {
+    "url": "https://github.com/EdV4H/usketch/issues"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "clean": "rm -rf dist"
+  }
+}