feat: rename monorepo @Focus -> @focus-js as per NPM organization

mathieueveillard · mathieueveillard · commit edb2ca5feeee · 2025-09-09T21:28:50.000+02:00
diff --git a/README.md b/README.md
@@ -21,20 +21,20 @@ A lens-based state manager. Library/Framework agnostic. Connector for React.
 ## Installation
 
 ```
-npm i -S @focus/react-connect
+npm i -S @focus-js/react-connect
 ```
 
 or
 
 ```
-yarn add @focus/react-connect
+yarn add @focus-js/react-connect
 ```
 
 ## Getting started (React)
 
 ```typescript
 import React from 'react';
-import { connect, createLens } from '@focus/react-connect';
+import { connect, createLens } from '@focus-js/react-connect';
 
 type ApplicationState = {
   a: number;
@@ -347,8 +347,8 @@ From there, you immediately get:
 
 The Focus ecosystem is split into 3 packages, each with a distinct responsibility:
 
-- `@focus/core` – Implements the core lens abstractions. This is the heart of Focus: generic, composable lenses and reducer lifting. It is framework-agnostic and can be used in any TypeScript or JavaScript project.
-- `@focus/store` – Implements the state store itself. It handles storing the application state, applying reducers, and notifying subscribers. It does not depend on any view library, making it usable in Node, React, or other environments.
-- `@focus/react-connect` – Provides a React connector for the store, via hooks. Other view-library connectors are planned for the future.
+- `@focus-js/core` – Implements the core lens abstractions. This is the heart of Focus: generic, composable lenses and reducer lifting. It is framework-agnostic and can be used in any TypeScript or JavaScript project.
+- `@focus-js/store` – Implements the state store itself. It handles storing the application state, applying reducers, and notifying subscribers. It does not depend on any view library, making it usable in Node, React, or other environments.
+- `@focus-js/react-connect` – Provides a React connector for the store, via hooks. Other view-library connectors are planned for the future.
 
 This modular approach allows you to pick only the pieces you need: use lenses alone, combine them with the store, or integrate seamlessly with React.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@focus/source",
+  "name": "@focus-js/source",
   "version": "0.0.0",
   "license": "MIT",
   "scripts": {},
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,13 +1,13 @@
 {
-  "name": "@focus/core",
+  "name": "@focus-js/core",
   "version": "0.0.1",
   "dependencies": {
     "tslib": "^2.3.0"
   },
   "type": "commonjs",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",
-  "private": true,
+  "private": false,
   "nx": {
     "sourceRoot": "packages/core/src",
     "projectType": "library",
diff --git a/packages/demo/package.json b/packages/demo/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@focus/demo",
+  "name": "@focus-js/demo",
   "version": "0.0.1",
   "private": true,
   "nx": {
diff --git a/packages/demo/src/Demo/A/index.tsx b/packages/demo/src/Demo/A/index.tsx
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import Code from '../utils/Code';
 import Button from '../utils/Button';
 import H2 from '../utils/H2';
-import { createLens } from '@focus/react-connect';
+import { createLens } from '@focus-js/react-connect';
 import { ApplicationState, useFocusedState } from '../../main';
 
 const lens = createLens<ApplicationState, number>({
diff --git a/packages/demo/src/Demo/B/index.tsx b/packages/demo/src/Demo/B/index.tsx
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import Code from '../utils/Code';
 import Button from '../utils/Button';
 import H2 from '../utils/H2';
-import { createLens } from '@focus/react-connect';
+import { createLens } from '@focus-js/react-connect';
 import { ApplicationState, useFocusedState } from '../../main';
 
 const lens = createLens<ApplicationState, number>({
diff --git a/packages/demo/src/Demo/index.tsx b/packages/demo/src/Demo/index.tsx
@@ -6,7 +6,7 @@ import H1 from './utils/H1';
 
 const Component: React.FunctionComponent = () => (
   <div className="m-10">
-    <H1>@focus/react-connect</H1>
+    <H1>@focus-js/react-connect</H1>
     <div className="grid grid-rows-2 grid-flow-col gap-6">
       <GlobalState />
       <A />
diff --git a/packages/demo/src/main.tsx b/packages/demo/src/main.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import Demo from './Demo';
-import { connect } from '@focus/react-connect';
+import { connect } from '@focus-js/react-connect';
 import './styles.css';
 
 export type ApplicationState = {
diff --git a/packages/react-connect/package.json b/packages/react-connect/package.json
@@ -1,11 +1,11 @@
 {
-  "name": "@focus/react-connect",
+  "name": "@focus-js/react-connect",
   "version": "0.0.1",
   "dependencies": {
     "react": "^19.0.0",
     "tslib": "^2.3.0",
-    "@focus/core": "0.0.1",
-    "@focus/store": "0.0.1"
+    "@focus-js/core": "0.0.1",
+    "@focus-js/store": "0.0.1"
   },
   "type": "commonjs",
   "main": "./dist/index.js",
diff --git a/packages/react-connect/src/index.ts b/packages/react-connect/src/index.ts
@@ -1,2 +1,2 @@
 export * from './lib';
-export * from '@focus/store';
+export * from '@focus-js/store';
diff --git a/packages/react-connect/src/lib/index.spec.tsx b/packages/react-connect/src/lib/index.spec.tsx
@@ -5,7 +5,7 @@ import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { connect } from '.';
-import { createLens } from '@focus/core';
+import { createLens } from '@focus-js/core';
 
 describe('Without focusing', () => {
   type State = number;
diff --git a/packages/react-connect/src/lib/index.ts b/packages/react-connect/src/lib/index.ts
@@ -1,8 +1,8 @@
 // https://react.dev/reference/react/useSyncExternalStore
 
 import { useSyncExternalStore } from 'react';
-import { createLens, Lens } from '@focus/core';
-import { createStore, Logger } from '@focus/store';
+import { createLens, Lens } from '@focus-js/core';
+import { createStore, Logger } from '@focus-js/store';
 
 const noop = () => {
   // noop
diff --git a/packages/store/package.json b/packages/store/package.json
@@ -1,9 +1,9 @@
 {
-  "name": "@focus/store",
+  "name": "@focus-js/store",
   "version": "0.0.1",
   "dependencies": {
     "tslib": "^2.3.0",
-    "@focus/core": "0.0.1"
+    "@focus-js/core": "0.0.1"
   },
   "type": "commonjs",
   "main": "./dist/index.js",
diff --git a/packages/store/src/index.ts b/packages/store/src/index.ts
@@ -1,2 +1,2 @@
 export * from './lib';
-export * from '@focus/core';
+export * from '@focus-js/core';
diff --git a/packages/store/src/lib/flow/index.ts b/packages/store/src/lib/flow/index.ts
@@ -1,4 +1,4 @@
-import { Reducer } from '@focus/core';
+import { Reducer } from '@focus-js/core';
 
 export const flow =
   <State>(...fns: Reducer<State>[]): Reducer<State> =>
diff --git a/packages/store/src/lib/index.spec.ts b/packages/store/src/lib/index.spec.ts
@@ -1,4 +1,4 @@
-import { createLens } from '@focus/core';
+import { createLens } from '@focus-js/core';
 import { createStore } from '.';
 
 describe('Test of createStore', () => {
diff --git a/packages/store/src/lib/index.ts b/packages/store/src/lib/index.ts
@@ -1,4 +1,4 @@
-import { Lens, Reducer } from '@focus/core';
+import { Lens, Reducer } from '@focus-js/core';
 import { flow } from './flow';
 import { createCollection } from './Collection';
 
diff --git a/tsconfig.base.json b/tsconfig.base.json
@@ -32,7 +32,7 @@
     "verbatimModuleSyntax": false,
     "baseUrl": ".",
     "paths": {
-      "@focus/react-connect": ["packages/react-connect/src/index.ts"]
+      "@focus-js/react-connect": ["packages/react-connect/src/index.ts"]
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "name": "@focus/source",`
	`2`	`+ "name": "@focus-js/source",`
`3`	`3`	`"version": "0.0.0",`
`4`	`4`	`"license": "MIT",`
`5`	`5`	`"scripts": {},`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "name": "@focus/demo",`
	`2`	`+ "name": "@focus-js/demo",`
`3`	`3`	`"version": "0.0.1",`
`4`	`4`	`"private": true,`
`5`	`5`	`"nx": {`