Feature/building opencv react first version

.github/dependabot.yml

@@ -1,4 +1,4 @@
-# This file is part of opencv-js-react project from Robomous.
+# This file is part of @robomous/opencv-react project from Robomous.
 # It is subject to the license terms in the LICENSE file found in the top-level directory
 
 version: 2

README.md

@@ -2,7 +2,7 @@
 
 ---
 
-# opencv-js-react
+# @robomous/opencv-react
 
 A React wrapper for the official OpenCV.js library — bring computer vision to your React apps using WebAssembly.
 
@@ -26,13 +26,13 @@ This package is **browser-oriented**. It is not a generic Node.js image processi
 
 ```bash
 # pnpm (recommended)
-pnpm add opencv-js-react
+pnpm add @robomous/opencv-react
 
 # npm
-npm install opencv-js-react
+npm install @robomous/opencv-react
 
 # yarn
-yarn add opencv-js-react
+yarn add @robomous/opencv-react
 ```
 
 **Peer dependencies** (install separately if not already present):
@@ -44,7 +44,7 @@ pnpm add react react-dom
 ## Quick start
 
 ```tsx
-import { OpenCVCanvas } from 'opencv-js-react';
+import { OpenCVCanvas } from '@robomous/opencv-react';
 
 export default function App() {
   return (
@@ -72,7 +72,7 @@ export default function App() {
 
 ```tsx
 import React, { useRef } from 'react';
-import { OpenCVCanvas } from 'opencv-js-react';
+import { OpenCVCanvas } from '@robomous/opencv-react';
 
 export default function Demo() {
   const outputCanvasRef = useRef<HTMLCanvasElement>(null);
@@ -200,7 +200,7 @@ interface ProcessPayload {
 
 ## OpenCV.js source
 
-`opencv-js-react` does not bundle an OpenCV.js binary. By default it loads from the official CDN:
+`@robomous/opencv-react` does not bundle an OpenCV.js binary. By default it loads from the official CDN:
 
 ```
 https://docs.opencv.org/4.13.0/opencv.js
@@ -239,7 +239,7 @@ Supported versions: `4.10.0`, `4.11.0`, `4.12.0`, `4.13.0`. Output is written to
 ## Local development
 
 ```bash
-git clone https://github.com/Robomous/opencv-js-react.git
+git clone https://github.com/Robomous/opencv-react.git
 cd opencv-js-react
 pnpm install
 
@@ -278,7 +278,7 @@ Publishing is triggered automatically when a GitHub release is published. The re
 
 To configure npm trusted publishing:
 - See [npm trusted publishers documentation](https://docs.npmjs.com/trusted-publishers/)
-- Enable it in your npm package settings for the `Robomous/opencv-js-react` GitHub repository
+- Enable it in your npm package settings for the `Robomous/opencv-react` GitHub repository
 
 Manual publish:
 

examples/README.md

@@ -1,13 +1,13 @@
-# opencv-js-react Examples
+# @robomous/opencv-react Examples
 
-Self-contained code examples showing how to use the `opencv-js-react` library. Copy any file into your own React project that has `opencv-js-react` installed.
+Self-contained code examples showing how to use the `@robomous/opencv-react` library. Copy any file into your own React project that has `@robomous/opencv-react` installed.
 
 ## Prerequisites
 
 ```bash
-npm install opencv-js-react react react-dom
+npm install @robomous/opencv-react react react-dom
 # or
-pnpm add opencv-js-react react react-dom
+pnpm add @robomous/opencv-react react react-dom
 ```
 
 ---

examples/basic-hook-usage.tsx

@@ -1,16 +1,16 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 /**
  * Example: Basic hook usage
  *
- * The simplest way to use opencv-js-react — load OpenCV with the `useOpenCV` hook
+ * The simplest way to use @robomous/opencv-react — load OpenCV with the `useOpenCV` hook
  * and access the `cv` namespace for processing.
  *
  * OpenCV.js loads once (singleton) and is shared across all hook instances in
  * the app. Any component that calls useOpenCV() will receive the same instance.
  */
-import { useOpenCV } from 'opencv-js-react';
+import { useOpenCV } from '@robomous/opencv-react';
 
 export function BasicHookUsage() {
   const { cv, isReady, isLoading, error } = useOpenCV();

examples/deferred-loading.tsx

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 /**
@@ -11,7 +11,7 @@
  * Call `load()` from any event handler to trigger the download on demand.
  * Subsequent calls to `load()` are no-ops — OpenCV loads exactly once.
  */
-import { useOpenCV } from 'opencv-js-react';
+import { useOpenCV } from '@robomous/opencv-react';
 
 export function DeferredLoading() {
   const { isReady, isLoading, error, load } = useOpenCV({ autoLoad: false });

examples/edge-detection.tsx

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 /**
@@ -15,8 +15,8 @@
  * - Using the full OpenCV.js API through the index signature: cv['GaussianBlur']
  */
 import { useRef } from 'react';
-import { OpenCVCanvas } from 'opencv-js-react';
-import type { OpenCVNamespace, ProcessPayload } from 'opencv-js-react';
+import { OpenCVCanvas } from '@robomous/opencv-react';
+import type { OpenCVNamespace, ProcessPayload } from '@robomous/opencv-react';
 
 const IMAGE_URL = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png';
 

examples/grayscale-filter.tsx

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 /**
@@ -14,8 +14,8 @@
  * - `mat.delete()` — ALWAYS delete every Mat you create to avoid memory leaks
  */
 import { useRef } from 'react';
-import { OpenCVCanvas } from 'opencv-js-react';
-import type { ProcessPayload } from 'opencv-js-react';
+import { OpenCVCanvas } from '@robomous/opencv-react';
+import type { ProcessPayload } from '@robomous/opencv-react';
 
 const IMAGE_URL = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png';
 

examples/threshold-adjustment.tsx

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 /**
@@ -15,8 +15,8 @@
  *   current value without creating stale closures
  */
 import { useRef, useState } from 'react';
-import { OpenCVCanvas, useOpenCV } from 'opencv-js-react';
-import type { OpenCVNamespace, ProcessPayload } from 'opencv-js-react';
+import { OpenCVCanvas, useOpenCV } from '@robomous/opencv-react';
+import type { OpenCVNamespace, ProcessPayload } from '@robomous/opencv-react';
 
 const IMAGE_URL = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png';
 

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "opencv-js-react",
+  "name": "@robomous/opencv-react",
   "version": "0.1.0",
   "description": "A React wrapper for the official OpenCV.js library.",
   "type": "module",
@@ -72,12 +72,12 @@
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/Robomous/opencv-js-react.git"
+    "url": "https://github.com/Robomous/opencv-react.git"
   },
   "bugs": {
-    "url": "https://github.com/Robomous/opencv-js-react/issues"
+    "url": "https://github.com/Robomous/opencv-react/issues"
   },
-  "homepage": "https://github.com/Robomous/opencv-js-react#readme",
+  "homepage": "https://github.com/Robomous/opencv-react#readme",
   "keywords": [
     "opencv",
     "opencv.js",

scripts/build-opencv-js-release.sh

@@ -1,5 +1,5 @@
 #!/usr/bin/env bash
-# This file is part of opencv-js-react project from Robomous.
+# This file is part of @robomous/opencv-react project from Robomous.
 # It is subject to the license terms in the LICENSE file found in the top-level directory
 
 # =============================================================================
@@ -138,7 +138,7 @@ BUILD_DIR="${CHECKOUT_DIR}/build_js"
 # Summary
 # =============================================================================
 echo "============================================================"
-echo "  opencv-js-react: Building OpenCV.js"
+echo "  @robomous/opencv-react: Building OpenCV.js"
 echo "============================================================"
 echo "  Version:             ${VERSION}"
 echo "  Package name:        ${PACKAGE_NAME}"

scripts/helpers/opencv-release-config.sh

@@ -1,5 +1,5 @@
 #!/usr/bin/env bash
-# This file is part of opencv-js-react project from Robomous.
+# This file is part of @robomous/opencv-react project from Robomous.
 # It is subject to the license terms in the LICENSE file found in the top-level directory
 
 # Helper configuration for the OpenCV.js release build workflow.

scripts/test-all-versions.sh

@@ -1,5 +1,5 @@
 #!/usr/bin/env bash
-# This file is part of opencv-js-react project from Robomous.
+# This file is part of @robomous/opencv-react project from Robomous.
 # It is subject to the license terms in the LICENSE file found in the top-level directory
 
 # =============================================================================
@@ -27,7 +27,7 @@ FAIL=0
 declare -a RESULTS
 
 echo "============================================================"
-echo "  opencv-js-react: Testing all OpenCV.js versions"
+echo "  @robomous/opencv-react: Testing all OpenCV.js versions"
 echo "============================================================"
 echo ""
 

scripts/vendor-opencv.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 /**

scripts/verify-opencv-version.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 /**

src/assets/opencv/README.md

@@ -1,6 +1,6 @@
 # OpenCV.js Local Asset (optional)
 
-The `opencv-js-react` package does **not** bundle an OpenCV.js binary. By default it loads
+The `@robomous/opencv-react` package does **not** bundle an OpenCV.js binary. By default it loads
 OpenCV.js from the official CDN at runtime:
 
 ```

src/components/OpenCVCanvas.tsx

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import React, { useRef, useEffect, useCallback } from 'react';

src/constants.ts

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 /** The OpenCV version vendored in this package. */

src/global.d.ts

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import type { OpenCVNamespace } from './types';

src/hooks/useOpenCV.ts

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import { useState, useEffect, useCallback, useRef } from 'react';

src/index.ts

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 export { useOpenCV } from './hooks/useOpenCV';

src/loader/loadOpenCV.ts

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import type { OpenCVNamespace } from '../types';

src/types.ts

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import type { RefObject } from 'react';

tests/OpenCVCanvas.test.tsx

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import React, { createRef } from 'react';

tests/setup.ts

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import '@testing-library/jest-dom';

tests/useOpenCV.test.tsx

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import { describe, it, expect, vi } from 'vitest';

tsup.config.ts

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import { defineConfig } from 'tsup';

vitest.config.ts

@@ -1,4 +1,4 @@
-// This file is part of opencv-js-react project from Robomous.
+// This file is part of @robomous/opencv-react project from Robomous.
 // It is subject to the license terms in the LICENSE file found in the top-level directory
 
 import { defineConfig } from 'vitest/config';