From 7d57f46da6b5d74140392b87119552c333ea3e51 Mon Sep 17 00:00:00 2001 From: Jesus Armando Anaya Date: Sun, 12 Apr 2026 21:57:08 -0700 Subject: [PATCH 1/3] Scope package under @robomous organization --- .github/dependabot.yml | 2 +- README.md | 14 +++++++------- examples/README.md | 8 ++++---- examples/basic-hook-usage.tsx | 6 +++--- examples/deferred-loading.tsx | 4 ++-- examples/edge-detection.tsx | 6 +++--- examples/grayscale-filter.tsx | 6 +++--- examples/threshold-adjustment.tsx | 6 +++--- package.json | 2 +- scripts/build-opencv-js-release.sh | 4 ++-- scripts/helpers/opencv-release-config.sh | 2 +- scripts/test-all-versions.sh | 4 ++-- scripts/vendor-opencv.mjs | 2 +- scripts/verify-opencv-version.mjs | 2 +- src/assets/opencv/README.md | 2 +- src/components/OpenCVCanvas.tsx | 2 +- src/constants.ts | 2 +- src/global.d.ts | 2 +- src/hooks/useOpenCV.ts | 2 +- src/index.ts | 2 +- src/loader/loadOpenCV.ts | 2 +- src/types.ts | 2 +- tests/OpenCVCanvas.test.tsx | 2 +- tests/setup.ts | 2 +- tests/useOpenCV.test.tsx | 2 +- tsup.config.ts | 2 +- vitest.config.ts | 2 +- 27 files changed, 47 insertions(+), 47 deletions(-) diff --git a/.github/dependabot.yml b/.github/dependabot.yml index b3d9033..ad9e9bb 100644 --- a/.github/dependabot.yml +++ b/.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-js-react project from Robomous. # It is subject to the license terms in the LICENSE file found in the top-level directory version: 2 diff --git a/README.md b/README.md index a4d048b..2d857dd 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ --- -# opencv-js-react +# @robomous/opencv-js-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-js-react # npm -npm install opencv-js-react +npm install @robomous/opencv-js-react # yarn -yarn add opencv-js-react +yarn add @robomous/opencv-js-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-js-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-js-react'; export default function Demo() { const outputCanvasRef = useRef(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-js-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 diff --git a/examples/README.md b/examples/README.md index 94ea4e6..0465e22 100644 --- a/examples/README.md +++ b/examples/README.md @@ -1,13 +1,13 @@ -# opencv-js-react Examples +# @robomous/opencv-js-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-js-react` library. Copy any file into your own React project that has `@robomous/opencv-js-react` installed. ## Prerequisites ```bash -npm install opencv-js-react react react-dom +npm install @robomous/opencv-js-react react react-dom # or -pnpm add opencv-js-react react react-dom +pnpm add @robomous/opencv-js-react react react-dom ``` --- diff --git a/examples/basic-hook-usage.tsx b/examples/basic-hook-usage.tsx index b03f412..fdb69d1 100644 --- a/examples/basic-hook-usage.tsx +++ b/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-js-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-js-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-js-react'; export function BasicHookUsage() { const { cv, isReady, isLoading, error } = useOpenCV(); diff --git a/examples/deferred-loading.tsx b/examples/deferred-loading.tsx index 92841cc..55fc097 100644 --- a/examples/deferred-loading.tsx +++ b/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-js-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-js-react'; export function DeferredLoading() { const { isReady, isLoading, error, load } = useOpenCV({ autoLoad: false }); diff --git a/examples/edge-detection.tsx b/examples/edge-detection.tsx index 4883a98..ad7ff49 100644 --- a/examples/edge-detection.tsx +++ b/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-js-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-js-react'; +import type { OpenCVNamespace, ProcessPayload } from '@robomous/opencv-js-react'; const IMAGE_URL = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png'; diff --git a/examples/grayscale-filter.tsx b/examples/grayscale-filter.tsx index f87bcfb..5de7eba 100644 --- a/examples/grayscale-filter.tsx +++ b/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-js-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-js-react'; +import type { ProcessPayload } from '@robomous/opencv-js-react'; const IMAGE_URL = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png'; diff --git a/examples/threshold-adjustment.tsx b/examples/threshold-adjustment.tsx index 5f9bdea..3ce57a6 100644 --- a/examples/threshold-adjustment.tsx +++ b/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-js-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-js-react'; +import type { OpenCVNamespace, ProcessPayload } from '@robomous/opencv-js-react'; const IMAGE_URL = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png'; diff --git a/package.json b/package.json index e36ed86..551241f 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "opencv-js-react", + "name": "@robomous/opencv-js-react", "version": "0.1.0", "description": "A React wrapper for the official OpenCV.js library.", "type": "module", diff --git a/scripts/build-opencv-js-release.sh b/scripts/build-opencv-js-release.sh index 1fd0d6a..c883967 100755 --- a/scripts/build-opencv-js-release.sh +++ b/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-js-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-js-react: Building OpenCV.js" echo "============================================================" echo " Version: ${VERSION}" echo " Package name: ${PACKAGE_NAME}" diff --git a/scripts/helpers/opencv-release-config.sh b/scripts/helpers/opencv-release-config.sh index b33ae14..a474d25 100755 --- a/scripts/helpers/opencv-release-config.sh +++ b/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-js-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. diff --git a/scripts/test-all-versions.sh b/scripts/test-all-versions.sh index 6d9e5f7..fc70713 100755 --- a/scripts/test-all-versions.sh +++ b/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-js-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-js-react: Testing all OpenCV.js versions" echo "============================================================" echo "" diff --git a/scripts/vendor-opencv.mjs b/scripts/vendor-opencv.mjs index c339dbb..e2d3a82 100644 --- a/scripts/vendor-opencv.mjs +++ b/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-js-react project from Robomous. // It is subject to the license terms in the LICENSE file found in the top-level directory /** diff --git a/scripts/verify-opencv-version.mjs b/scripts/verify-opencv-version.mjs index 4b372a4..8a43702 100644 --- a/scripts/verify-opencv-version.mjs +++ b/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-js-react project from Robomous. // It is subject to the license terms in the LICENSE file found in the top-level directory /** diff --git a/src/assets/opencv/README.md b/src/assets/opencv/README.md index 4904988..f2291ba 100644 --- a/src/assets/opencv/README.md +++ b/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-js-react` package does **not** bundle an OpenCV.js binary. By default it loads OpenCV.js from the official CDN at runtime: ``` diff --git a/src/components/OpenCVCanvas.tsx b/src/components/OpenCVCanvas.tsx index 5554f03..e69d741 100644 --- a/src/components/OpenCVCanvas.tsx +++ b/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-js-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'; diff --git a/src/constants.ts b/src/constants.ts index 080c00c..8d20419 100644 --- a/src/constants.ts +++ b/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-js-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. */ diff --git a/src/global.d.ts b/src/global.d.ts index b3f191d..906e5ef 100644 --- a/src/global.d.ts +++ b/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-js-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'; diff --git a/src/hooks/useOpenCV.ts b/src/hooks/useOpenCV.ts index 7dfaa0f..a877493 100644 --- a/src/hooks/useOpenCV.ts +++ b/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-js-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'; diff --git a/src/index.ts b/src/index.ts index 9fcd498..809458f 100644 --- a/src/index.ts +++ b/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-js-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'; diff --git a/src/loader/loadOpenCV.ts b/src/loader/loadOpenCV.ts index bdfcd5e..cec6e4f 100644 --- a/src/loader/loadOpenCV.ts +++ b/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-js-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'; diff --git a/src/types.ts b/src/types.ts index 35a76d6..001b020 100644 --- a/src/types.ts +++ b/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-js-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'; diff --git a/tests/OpenCVCanvas.test.tsx b/tests/OpenCVCanvas.test.tsx index d75fd52..1179f1b 100644 --- a/tests/OpenCVCanvas.test.tsx +++ b/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-js-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'; diff --git a/tests/setup.ts b/tests/setup.ts index 014215e..f066bf5 100644 --- a/tests/setup.ts +++ b/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-js-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'; diff --git a/tests/useOpenCV.test.tsx b/tests/useOpenCV.test.tsx index 7a1cc7b..bcaff2a 100644 --- a/tests/useOpenCV.test.tsx +++ b/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-js-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'; diff --git a/tsup.config.ts b/tsup.config.ts index c3a8e75..eae60b8 100644 --- a/tsup.config.ts +++ b/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-js-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'; diff --git a/vitest.config.ts b/vitest.config.ts index 583da03..28a4c45 100644 --- a/vitest.config.ts +++ b/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-js-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'; From 696dad48153347ca1fc4e714942c003d7754ddf8 Mon Sep 17 00:00:00 2001 From: Jesus Armando Anaya Date: Sun, 12 Apr 2026 21:59:01 -0700 Subject: [PATCH 2/3] Rename package to @robomous/opencv-react --- .github/dependabot.yml | 2 +- README.md | 14 +++++++------- examples/README.md | 8 ++++---- examples/basic-hook-usage.tsx | 6 +++--- examples/deferred-loading.tsx | 4 ++-- examples/edge-detection.tsx | 6 +++--- examples/grayscale-filter.tsx | 6 +++--- examples/threshold-adjustment.tsx | 6 +++--- package.json | 2 +- scripts/build-opencv-js-release.sh | 4 ++-- scripts/helpers/opencv-release-config.sh | 2 +- scripts/test-all-versions.sh | 4 ++-- scripts/vendor-opencv.mjs | 2 +- scripts/verify-opencv-version.mjs | 2 +- src/assets/opencv/README.md | 2 +- src/components/OpenCVCanvas.tsx | 2 +- src/constants.ts | 2 +- src/global.d.ts | 2 +- src/hooks/useOpenCV.ts | 2 +- src/index.ts | 2 +- src/loader/loadOpenCV.ts | 2 +- src/types.ts | 2 +- tests/OpenCVCanvas.test.tsx | 2 +- tests/setup.ts | 2 +- tests/useOpenCV.test.tsx | 2 +- tsup.config.ts | 2 +- vitest.config.ts | 2 +- 27 files changed, 47 insertions(+), 47 deletions(-) diff --git a/.github/dependabot.yml b/.github/dependabot.yml index ad9e9bb..b89ad15 100644 --- a/.github/dependabot.yml +++ b/.github/dependabot.yml @@ -1,4 +1,4 @@ -# This file is part of @robomous/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 diff --git a/README.md b/README.md index 2d857dd..b42f894 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ --- -# @robomous/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 @robomous/opencv-js-react +pnpm add @robomous/opencv-react # npm -npm install @robomous/opencv-js-react +npm install @robomous/opencv-react # yarn -yarn add @robomous/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 '@robomous/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 '@robomous/opencv-js-react'; +import { OpenCVCanvas } from '@robomous/opencv-react'; export default function Demo() { const outputCanvasRef = useRef(null); @@ -200,7 +200,7 @@ interface ProcessPayload { ## OpenCV.js source -`@robomous/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 diff --git a/examples/README.md b/examples/README.md index 0465e22..e0362fc 100644 --- a/examples/README.md +++ b/examples/README.md @@ -1,13 +1,13 @@ -# @robomous/opencv-js-react Examples +# @robomous/opencv-react Examples -Self-contained code examples showing how to use the `@robomous/opencv-js-react` library. Copy any file into your own React project that has `@robomous/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 @robomous/opencv-js-react react react-dom +npm install @robomous/opencv-react react react-dom # or -pnpm add @robomous/opencv-js-react react react-dom +pnpm add @robomous/opencv-react react react-dom ``` --- diff --git a/examples/basic-hook-usage.tsx b/examples/basic-hook-usage.tsx index fdb69d1..b184779 100644 --- a/examples/basic-hook-usage.tsx +++ b/examples/basic-hook-usage.tsx @@ -1,16 +1,16 @@ -// This file is part of @robomous/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 @robomous/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 '@robomous/opencv-js-react'; +import { useOpenCV } from '@robomous/opencv-react'; export function BasicHookUsage() { const { cv, isReady, isLoading, error } = useOpenCV(); diff --git a/examples/deferred-loading.tsx b/examples/deferred-loading.tsx index 55fc097..7a0fc60 100644 --- a/examples/deferred-loading.tsx +++ b/examples/deferred-loading.tsx @@ -1,4 +1,4 @@ -// This file is part of @robomous/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 '@robomous/opencv-js-react'; +import { useOpenCV } from '@robomous/opencv-react'; export function DeferredLoading() { const { isReady, isLoading, error, load } = useOpenCV({ autoLoad: false }); diff --git a/examples/edge-detection.tsx b/examples/edge-detection.tsx index ad7ff49..7bbb4e1 100644 --- a/examples/edge-detection.tsx +++ b/examples/edge-detection.tsx @@ -1,4 +1,4 @@ -// This file is part of @robomous/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 '@robomous/opencv-js-react'; -import type { OpenCVNamespace, ProcessPayload } from '@robomous/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'; diff --git a/examples/grayscale-filter.tsx b/examples/grayscale-filter.tsx index 5de7eba..6b95ae7 100644 --- a/examples/grayscale-filter.tsx +++ b/examples/grayscale-filter.tsx @@ -1,4 +1,4 @@ -// This file is part of @robomous/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 '@robomous/opencv-js-react'; -import type { ProcessPayload } from '@robomous/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'; diff --git a/examples/threshold-adjustment.tsx b/examples/threshold-adjustment.tsx index 3ce57a6..52da03e 100644 --- a/examples/threshold-adjustment.tsx +++ b/examples/threshold-adjustment.tsx @@ -1,4 +1,4 @@ -// This file is part of @robomous/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 '@robomous/opencv-js-react'; -import type { OpenCVNamespace, ProcessPayload } from '@robomous/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'; diff --git a/package.json b/package.json index 551241f..4a9d7ce 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "@robomous/opencv-js-react", + "name": "@robomous/opencv-react", "version": "0.1.0", "description": "A React wrapper for the official OpenCV.js library.", "type": "module", diff --git a/scripts/build-opencv-js-release.sh b/scripts/build-opencv-js-release.sh index c883967..b855c76 100755 --- a/scripts/build-opencv-js-release.sh +++ b/scripts/build-opencv-js-release.sh @@ -1,5 +1,5 @@ #!/usr/bin/env bash -# This file is part of @robomous/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 " @robomous/opencv-js-react: Building OpenCV.js" +echo " @robomous/opencv-react: Building OpenCV.js" echo "============================================================" echo " Version: ${VERSION}" echo " Package name: ${PACKAGE_NAME}" diff --git a/scripts/helpers/opencv-release-config.sh b/scripts/helpers/opencv-release-config.sh index a474d25..bcf5279 100755 --- a/scripts/helpers/opencv-release-config.sh +++ b/scripts/helpers/opencv-release-config.sh @@ -1,5 +1,5 @@ #!/usr/bin/env bash -# This file is part of @robomous/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. diff --git a/scripts/test-all-versions.sh b/scripts/test-all-versions.sh index fc70713..101787b 100755 --- a/scripts/test-all-versions.sh +++ b/scripts/test-all-versions.sh @@ -1,5 +1,5 @@ #!/usr/bin/env bash -# This file is part of @robomous/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 " @robomous/opencv-js-react: Testing all OpenCV.js versions" +echo " @robomous/opencv-react: Testing all OpenCV.js versions" echo "============================================================" echo "" diff --git a/scripts/vendor-opencv.mjs b/scripts/vendor-opencv.mjs index e2d3a82..163f7b9 100644 --- a/scripts/vendor-opencv.mjs +++ b/scripts/vendor-opencv.mjs @@ -1,5 +1,5 @@ #!/usr/bin/env node -// This file is part of @robomous/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 /** diff --git a/scripts/verify-opencv-version.mjs b/scripts/verify-opencv-version.mjs index 8a43702..90f3c5b 100644 --- a/scripts/verify-opencv-version.mjs +++ b/scripts/verify-opencv-version.mjs @@ -1,5 +1,5 @@ #!/usr/bin/env node -// This file is part of @robomous/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 /** diff --git a/src/assets/opencv/README.md b/src/assets/opencv/README.md index f2291ba..b4582c3 100644 --- a/src/assets/opencv/README.md +++ b/src/assets/opencv/README.md @@ -1,6 +1,6 @@ # OpenCV.js Local Asset (optional) -The `@robomous/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: ``` diff --git a/src/components/OpenCVCanvas.tsx b/src/components/OpenCVCanvas.tsx index e69d741..8882b84 100644 --- a/src/components/OpenCVCanvas.tsx +++ b/src/components/OpenCVCanvas.tsx @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/src/constants.ts b/src/constants.ts index 8d20419..3878124 100644 --- a/src/constants.ts +++ b/src/constants.ts @@ -1,4 +1,4 @@ -// This file is part of @robomous/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. */ diff --git a/src/global.d.ts b/src/global.d.ts index 906e5ef..e2f2ed2 100644 --- a/src/global.d.ts +++ b/src/global.d.ts @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/src/hooks/useOpenCV.ts b/src/hooks/useOpenCV.ts index a877493..b1643ea 100644 --- a/src/hooks/useOpenCV.ts +++ b/src/hooks/useOpenCV.ts @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/src/index.ts b/src/index.ts index 809458f..9ed296c 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/src/loader/loadOpenCV.ts b/src/loader/loadOpenCV.ts index cec6e4f..651ac45 100644 --- a/src/loader/loadOpenCV.ts +++ b/src/loader/loadOpenCV.ts @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/src/types.ts b/src/types.ts index 001b020..d954e75 100644 --- a/src/types.ts +++ b/src/types.ts @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/tests/OpenCVCanvas.test.tsx b/tests/OpenCVCanvas.test.tsx index 1179f1b..a4f5dda 100644 --- a/tests/OpenCVCanvas.test.tsx +++ b/tests/OpenCVCanvas.test.tsx @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/tests/setup.ts b/tests/setup.ts index f066bf5..df7e84d 100644 --- a/tests/setup.ts +++ b/tests/setup.ts @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/tests/useOpenCV.test.tsx b/tests/useOpenCV.test.tsx index bcaff2a..2372c11 100644 --- a/tests/useOpenCV.test.tsx +++ b/tests/useOpenCV.test.tsx @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/tsup.config.ts b/tsup.config.ts index eae60b8..194b15d 100644 --- a/tsup.config.ts +++ b/tsup.config.ts @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; diff --git a/vitest.config.ts b/vitest.config.ts index 28a4c45..8e150db 100644 --- a/vitest.config.ts +++ b/vitest.config.ts @@ -1,4 +1,4 @@ -// This file is part of @robomous/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'; From ebb132c530b1c30b393fe86081da0e202d8d8e64 Mon Sep 17 00:00:00 2001 From: Jesus Armando Anaya Date: Sun, 12 Apr 2026 21:59:17 -0700 Subject: [PATCH 3/3] Update repository URLs to Robomous/opencv-react --- README.md | 4 ++-- package.json | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index b42f894..4076e98 100644 --- a/README.md +++ b/README.md @@ -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: diff --git a/package.json b/package.json index 4a9d7ce..e0bb088 100644 --- a/package.json +++ b/package.json @@ -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",