@archireport/react-native-drawing 0.2.0

package/lib/typescript/types.d.ts.map

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

package/lib/typescript/utils/colors.d.ts

@@ -0,0 +1,11 @@
+/** Preset color palette matching the ArchiReport iOS spec */
+export declare const PRESET_COLORS: readonly ["rgba(255, 79, 61, 1)", "rgba(94, 112, 255, 1)", "rgba(66, 224, 125, 1)", "rgba(255, 163, 69, 1)", "rgba(46, 46, 46, 1)", "rgba(255, 255, 255, 1)"];
+/** Extended color palette grouped by hue families for a more predictable picker layout */
+export declare const EXTENDED_COLOR_GROUPS: readonly string[][];
+/** Flat version kept for compatibility with existing imports */
+export declare const EXTENDED_COLORS: string[];
+export declare const DEFAULT_STROKE_COLOR: "rgba(255, 79, 61, 1)";
+export declare const DEFAULT_FILL_ALPHA = 0.5;
+export declare const DEFAULT_LINE_WIDTH = 4;
+export declare const DEFAULT_MEASURE_UNIT = "m";
+//# sourceMappingURL=colors.d.ts.map

package/lib/typescript/utils/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,eAAO,MAAM,aAAa,+JAOhB,CAAC;AAEX,0FAA0F;AAC1F,eAAO,MAAM,qBAAqB,EAAE,SAAS,MAAM,EAAE,EA8E3C,CAAC;AAEX,gEAAgE;AAChE,eAAO,MAAM,eAAe,EAAE,MAAM,EAAiC,CAAC;AAEtE,eAAO,MAAM,oBAAoB,wBAAoB,CAAC;AACtD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,oBAAoB,MAAM,CAAC"}

package/lib/typescript/utils/coordinates.d.ts

@@ -0,0 +1,34 @@
+import type { Point, Size } from "../types";
+/**
+ * Convert pixel coordinates to normalized [0,1] range.
+ */
+export declare function normalize(pixel: Point, canvasSize: Size): Point;
+/**
+ * Convert normalized [0,1] coordinates to pixel coordinates.
+ */
+export declare function denormalize(normalized: Point, canvasSize: Size): Point;
+/**
+ * Normalize an array of pixel points.
+ */
+export declare function normalizePoints(pixels: Point[], canvasSize: Size): Point[];
+/**
+ * Denormalize an array of normalized points.
+ */
+export declare function denormalizePoints(normalized: Point[], canvasSize: Size): Point[];
+/**
+ * Distance between two points (in whatever coordinate space they share).
+ */
+export declare function distance(a: Point, b: Point): number;
+/**
+ * Angle in radians from point a to point b.
+ */
+export declare function angle(a: Point, b: Point): number;
+/**
+ * Convert screen coordinates to canvas coordinates by inverting the viewport transform.
+ * Must be called from a worklet context.
+ */
+export declare function screenToCanvas(screenX: number, screenY: number, viewScale: number, viewTranslateX: number, viewTranslateY: number): {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=coordinates.d.ts.map

package/lib/typescript/utils/coordinates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordinates.d.ts","sourceRoot":"","sources":["../../../src/utils/coordinates.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAE5C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,GAAG,KAAK,CAQ/D;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,GAAG,KAAK,CAKtE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,GAAG,KAAK,EAAE,CAE1E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,KAAK,EAAE,EACnB,UAAU,EAAE,IAAI,GACf,KAAK,EAAE,CAET;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAInD;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAEhD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,MAAM,EACtB,cAAc,EAAE,MAAM,GACrB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAM1B"}

package/lib/typescript/utils/hitTesting.d.ts

@@ -0,0 +1,18 @@
+import type { DrawingObject, Point, Size } from "../types";
+import { buildSmoothedPath } from "./smoothing";
+/**
+ * Test if a pixel-space tap point hits a drawing object.
+ * All object coordinates are normalized and must be denormalized with canvasSize.
+ *
+ * Returns true if the point is within hit range of the object.
+ */
+export declare function hitTestObject(object: DrawingObject, tapPoint: Point, canvasSize: Size): boolean;
+/**
+ * Returns the minimum distance from point p to segment [a, b].
+ */
+declare function distanceToSegment(p: Point, a: Point, b: Point): number;
+/**
+ * Export for use in selection gesture calculations.
+ */
+export { buildSmoothedPath, distanceToSegment };
+//# sourceMappingURL=hitTesting.d.ts.map

package/lib/typescript/utils/hitTesting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hitTesting.d.ts","sourceRoot":"","sources":["../../../src/utils/hitTesting.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EAKb,KAAK,EACL,IAAI,EACL,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAIhD;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,aAAa,EACrB,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,IAAI,GACf,OAAO,CAiBT;AA+KD;;GAEG;AACH,iBAAS,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAiB/D;AAED;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/utils/serialization.d.ts

@@ -0,0 +1,17 @@
+import type { DrawingObject, Size } from "../types";
+/**
+ * Serialize drawing state to a JSON-compatible structure.
+ */
+export declare function serializeObjects(objects: DrawingObject[], canvasSize: Size): string;
+/**
+ * Deserialize drawing state from JSON.
+ */
+export declare function deserializeObjects(json: string): {
+    objects: DrawingObject[];
+    canvasSize: Size;
+} | null;
+/**
+ * Generate a unique ID for drawing objects.
+ */
+export declare function generateId(): string;
+//# sourceMappingURL=serialization.d.ts.map

package/lib/typescript/utils/serialization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"serialization.d.ts","sourceRoot":"","sources":["../../../src/utils/serialization.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEpD;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,aAAa,EAAE,EACxB,UAAU,EAAE,IAAI,GACf,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAChD,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,UAAU,EAAE,IAAI,CAAC;CAClB,GAAG,IAAI,CAeP;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CAEnC"}

package/lib/typescript/utils/shapeDetection.d.ts

@@ -0,0 +1,22 @@
+import type { Point } from "../types";
+export type DetectedShape = {
+    type: "circle";
+    from: Point;
+    to: Point;
+} | {
+    type: "rectangle";
+    from: Point;
+    to: Point;
+} | {
+    type: "line";
+    from: Point;
+    to: Point;
+} | null;
+/**
+ * Attempt to detect a geometric shape from freehand points.
+ * Returns the detected shape or null if no shape is recognized.
+ *
+ * Points should be in pixel coordinates. Duration in milliseconds.
+ */
+export declare function detectShape(points: Point[], durationMs: number): DetectedShape;
+//# sourceMappingURL=shapeDetection.d.ts.map

package/lib/typescript/utils/shapeDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapeDetection.d.ts","sourceRoot":"","sources":["../../../src/utils/shapeDetection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA6FtC,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,KAAK,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,KAAK,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,KAAK,CAAA;CAAE,GACxC,IAAI,CAAC;AAET;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,KAAK,EAAE,EACf,UAAU,EAAE,MAAM,GACjB,aAAa,CAmDf"}

package/lib/typescript/utils/smoothing.d.ts

@@ -0,0 +1,16 @@
+import type { Point } from "../types";
+/**
+ * Build a smoothed SVG path string from an array of pixel-space points
+ * using quadratic Bezier curves through midpoints.
+ *
+ * This is the standard "midpoint smoothing" algorithm for touch-based drawing:
+ * each raw point becomes a control point, and the curve passes through the
+ * midpoints between consecutive raw points.
+ */
+export declare function buildSmoothedPath(points: Point[]): string;
+/**
+ * Build a smoothed SVG path from a flat array [x0, y0, x1, y1, ...].
+ * Used in worklets where Point objects aren't available.
+ */
+export declare function buildSmoothedPathFromFlat(coords: number[]): string;
+//# sourceMappingURL=smoothing.d.ts.map

package/lib/typescript/utils/smoothing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smoothing.d.ts","sourceRoot":"","sources":["../../../src/utils/smoothing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAmCzD;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAgClE"}

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@archireport/react-native-drawing",
+  "version": "0.2.0",
+  "description": "Image annotation and drawing library for React Native using Skia",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "release": "release-it",
+    "example": "npm --prefix example"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "skia",
+    "drawing",
+    "annotation",
+    "canvas"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ArchireportTeam/react-native-skia-drawing.git"
+  },
+  "author": "Arnaud Rocuet <arnaud@archireport.com> (https://github.com/ArchireportTeam)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ArchireportTeam/react-native-skia-drawing/issues"
+  },
+  "homepage": "https://github.com/ArchireportTeam/react-native-skia-drawing#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@shopify/react-native-skia": ">=0.1.221",
+    "react": ">=18.0.0",
+    "react-native": ">=0.72.0",
+    "react-native-gesture-handler": ">=2.14.0",
+    "react-native-reanimated": ">=3.6.0",
+    "react-native-safe-area-context": ">=4.0.0"
+  },
+  "dependencies": {
+    "zustand": "^5.0.0"
+  },
+  "devDependencies": {
+    "@react-native-community/slider": "^4.5.0",
+    "@shopify/react-native-skia": "^2.5.3",
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "react-native": "^0.84.0",
+    "react-native-builder-bob": "^0.35.0",
+    "react-native-gesture-handler": "^2.24.0",
+    "react-native-reanimated": "^4.2.3",
+    "react-native-safe-area-context": "^5.7.0",
+    "typescript": "^5.5.0",
+    "del-cli": "^6.0.0",
+    "release-it": "^17.0.0",
+    "@release-it/conventional-changelog": "^9.0.0"
+  },
+  "overrides": {
+    "@octokit/core": "5.2.1"
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
+}