feat(tooling): pnpm workspace

Author: vitalybaev

.github/workflows/build.yml

@@ -27,6 +27,6 @@ jobs:
       - name: Install dependencies
         run: pnpm install --frozen-lockfile --ignore-scripts
       - name: Run build
-        run: pnpm build
+        run: pnpm --filter=react-dadata build:ci
 
 

.github/workflows/linter.yml

@@ -24,5 +24,5 @@ jobs:
       - name: Install dependencies
         run: pnpm install --frozen-lockfile --ignore-scripts
       - name: Run tests
-        run: pnpm test:lint
+        run: pnpm --filter=react-dadata test:lint
 

.github/workflows/size-limit.yml

@@ -26,5 +26,6 @@ jobs:
         uses: andresz1/size-limit-action@v1
         with:
           build_script: build
+          directory: packages/react-dadata
           package_manager: pnpm
           github_token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/test.yml

@@ -28,8 +28,9 @@ jobs:
       - name: Install dependencies
         run: pnpm install --frozen-lockfile --ignore-scripts
       - name: Run tests
-        run: pnpm test
+        run: pnpm --filter=react-dadata test
       - name: Coveralls
         uses: coverallsapp/github-action@master
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
+          base-path: packages/react-dadata

package.json

@@ -1,28 +1,7 @@
 {
-	"name": "react-dadata",
-	"version": "2.23.1",
+	"name": "@vitalybaev/react-dadata",
+	"private": true,
 	"description": "React-компонент для подсказок адресов, организаций и банков с помощью сервиса DaData.ru",
-	"main": "dist/cjs/index.js",
-	"module": "dist/esm/index.js",
-	"types": "dist/index.d.ts",
-	"scripts": {
-		"prepublishOnly": "npm run test && npm run build",
-		"clean": "rimraf dist",
-		"build:css": "./node_modules/lightningcss-cli-linux-x64-gnu/lightningcss --minify --bundle --targets '>0.2%, ie 11' src/react-dadata.css -o dist/react-dadata.css",
-		"build:cjs": "tsc --module commonjs --target es5 --outDir dist/cjs",
-		"build:esm": "tsc --module es2015 --target es5 --outDir dist/esm",
-		"build:types": "tsc --declaration --emitDeclarationOnly --outDir dist",
-		"build": "NODE_ENV=production run-s clean build:css build:cjs build:esm build:types",
-		"size-build": "npm run build:esm",
-		"test:lint": "biome check src/ example/",
-		"test:size-limit": "npm run build:esm && size-limit",
-		"test": "vitest --coverage",
-		"vitest-preview": "vitest-preview"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/vitalybaev/react-dadata.git"
-	},
 	"keywords": [
 		"react",
 		"reactjs",
@@ -39,80 +18,11 @@
 		"url": "https://github.com/vitalybaev/react-dadata/issues"
 	},
 	"homepage": "https://vitalybaev.github.io/react-dadata/",
-	"dependencies": {
-		"debounce": "^1.2.1",
-		"highlight-words": "^1.2.1",
-		"nanoid": "^3.3.6",
-		"shallowequal": "^1.1.0"
-	},
 	"devDependencies": {
 		"@biomejs/biome": "1.8.3",
-		"@size-limit/preset-small-lib": "^8.0.0",
-		"@testing-library/jest-dom": "^6.4.8",
-		"@testing-library/react": "^16.0.0",
-		"@testing-library/user-event": "^14.5.2",
-		"@types/debounce": "^1.2.1",
-		"@types/node": "^18.16.3",
-		"@types/react": "^18.3.3",
-		"@types/shallowequal": "^1.1.1",
-		"@vitest/coverage-v8": "^2.0.5",
-		"core-js": "^3.30.1",
-		"jsdom": "^24.1.1",
-		"lightningcss-cli": "^1.26.0",
-		"lightningcss-cli-linux-x64-gnu": "^1.26.0",
-		"msw": "^2.3.5",
 		"npm-run-all2": "^5.0.0",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
 		"regenerator-runtime": "^0.13.11",
-		"rimraf": "^5.0.0",
-		"size-limit": "^8.0.0",
-		"typescript": "^5.5.4",
-		"vitest": "^2.0.5",
-		"vitest-preview": "^0.0.1"
-	},
-	"peerDependencies": {
-		"react": "^15.6 || ^16.0 || ^17.0 || ^18.0",
-		"react-dom": "^15.6 || ^16.0 || ^17.0 || ^18.0"
-	},
-	"size-limit": [
-		{
-			"name": "AddressSuggestions",
-			"path": "dist/esm/index.js",
-			"import": "{ AddressSuggestions }",
-			"limit": "6 KB"
-		},
-		{
-			"name": "PartySuggestions",
-			"path": "dist/esm/index.js",
-			"import": "{ PartySuggestions }",
-			"limit": "6 KB"
-		},
-		{
-			"name": "FioSuggestions",
-			"path": "dist/esm/index.js",
-			"import": "{ FioSuggestions }",
-			"limit": "6 KB"
-		},
-		{
-			"name": "BankSuggestions",
-			"path": "dist/esm/index.js",
-			"import": "{ BankSuggestions }",
-			"limit": "6 KB"
-		}
-	],
-	"browserslist": {
-		"production": [
-			">0.2%",
-			"ie 11",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 1 chrome version",
-			"last 1 firefox version",
-			"last 1 safari version"
-		]
+		"rimraf": "^5.0.0"
 	},
 	"packageManager": "[email protected]"
 }

example/.gitignore packages/example/.gitignore

@@ -9,7 +9,7 @@
   "dependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-dadata": ".."
+    "react-dadata": "workspace:*"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",

example/index.html packages/example/index.html

@@ -1,9 +1,9 @@
 import React from 'react';
 import './App.css';
 import 'react-dadata/src/react-dadata.css';
-import { AddressSuggestions } from '../../src/AddressSuggestions';
+import { AddressSuggestions } from '../../react-dadata/src/AddressSuggestions';
 
-const DADATA_TOKEN = '';
+const DADATA_TOKEN = '3c2e964517d7358776e07d7d699cc2b0626dac54';
 
 function App() {
   if (!DADATA_TOKEN) {

example/package.json packages/example/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "react-dadata",
+  "version": "2.23.1",
+  "description": "React-компонент для подсказок адресов, организаций и банков с помощью сервиса DaData.ru",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"types": "dist/index.d.ts",
+  "scripts": {
+    "prepublishOnly": "pnpm run test && pnpm run build",
+		"clean": "rimraf dist",
+		"build:css": "lightningcss --minify --bundle --targets '>0.2%, ie 11' src/react-dadata.css -o dist/react-dadata.css",
+		"build:css:ci": "./node_modules/lightningcss-cli-linux-x64-gnu/lightningcss --minify --bundle --targets '>0.2%, ie 11' src/react-dadata.css -o dist/react-dadata.css",
+		"build:cjs": "tsc --module commonjs --target es5 --outDir dist/cjs",
+		"build:esm": "tsc --module es2015 --target es5 --outDir dist/esm",
+		"build:types": "tsc --declaration --emitDeclarationOnly --outDir dist",
+		"build:ci": "NODE_ENV=production run-s clean build:css:ci build:cjs build:esm build:types",
+		"build": "NODE_ENV=production run-s clean build:css build:cjs build:esm build:types",
+		"size-build": "pnpm build:esm",
+		"test:lint": "biome check src/ example/",
+		"test:size-limit": "pnpm build:esm && size-limit",
+		"test": "vitest --coverage",
+		"vitest-preview": "vitest-preview"
+  },
+  "repository": {
+		"type": "git",
+		"url": "git+https://github.com/vitalybaev/react-dadata.git"
+	},
+  "dependencies": {
+		"debounce": "^1.2.1",
+		"highlight-words": "^1.2.1",
+		"nanoid": "^3.3.6",
+		"shallowequal": "^1.1.0"
+	},
+  "devDependencies": {
+    "@size-limit/preset-small-lib": "^8.0.0",
+		"@testing-library/jest-dom": "^6.4.8",
+		"@testing-library/react": "^16.0.0",
+		"@testing-library/user-event": "^14.5.2",
+		"@vitest/coverage-v8": "^2.0.5",
+		"core-js": "^3.30.1",
+		"jsdom": "^24.1.1",
+		"lightningcss-cli": "^1.26.0",
+		"lightningcss-cli-linux-x64-gnu": "^1.26.0",
+		"msw": "^2.3.5",
+    "@types/debounce": "^1.2.1",
+		"@types/node": "^18.16.3",
+		"@types/react": "^18.3.3",
+		"@types/shallowequal": "^1.1.1",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+    "size-limit": "^8.0.0",
+		"typescript": "^5.5.4",
+		"vitest": "^2.0.5",
+		"vitest-preview": "^0.0.1"
+  },
+  "peerDependencies": {
+		"react": "^15.6 || ^16.0 || ^17.0 || ^18.0",
+		"react-dom": "^15.6 || ^16.0 || ^17.0 || ^18.0"
+	},
+  "size-limit": [
+		{
+			"name": "AddressSuggestions",
+			"path": "dist/esm/index.js",
+			"import": "{ AddressSuggestions }",
+			"limit": "6 KB"
+		},
+		{
+			"name": "PartySuggestions",
+			"path": "dist/esm/index.js",
+			"import": "{ PartySuggestions }",
+			"limit": "6 KB"
+		},
+		{
+			"name": "FioSuggestions",
+			"path": "dist/esm/index.js",
+			"import": "{ FioSuggestions }",
+			"limit": "6 KB"
+		},
+		{
+			"name": "BankSuggestions",
+			"path": "dist/esm/index.js",
+			"import": "{ BankSuggestions }",
+			"limit": "6 KB"
+		}
+	],
+	"browserslist": {
+		"production": [
+			">0.2%",
+			"ie 11",
+			"not dead",
+			"not op_mini all"
+		],
+		"development": [
+			"last 1 chrome version",
+			"last 1 firefox version",
+			"last 1 safari version"
+		]
+	}
+}

example/src/App.css packages/example/src/App.css

@@ -24,6 +24,7 @@ export interface CommonProps<SuggestionType> {
   inputProps?: HTMLProps<HTMLInputElement>;
   hintText?: ReactNode;
   renderOption?: (suggestion: DaDataSuggestion<SuggestionType>, inputValue: string) => ReactNode;
+  renderNoSuggestions?: () => ReactNode;
   containerClassName?: string;
   suggestionsClassName?: string;
   suggestionClassName?: string;