profinansy-ui-lib 4.0.76 → 4.0.78

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "4.0.76",
-  "main": "./dist/profinansy-ui-lib.cjs.js",
+  "version": "4.0.78",
+  "main": "./dist/profinansy-ui-lib.cjs",
   "module": "./dist/profinansy-ui-lib.es.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/profinansy-ui-lib.es.js",
-      "require": "./dist/profinansy-ui-lib.cjs.js"
+      "require": "./dist/profinansy-ui-lib.cjs"
     }
   },
   "license": "MIT",
@@ -82,6 +83,7 @@
   "readme": "ERROR: No README data found!",
   "dependencies": {
     "firebase": "10.8.0",
+    "react-beautiful-dnd": "^13.1.1",
     "socket.io-client": "^4.8.1"
   }
 }

package/readme.md

@@ -62,8 +62,22 @@ yarn chromatic
 
 ### Как смотреть изменения
 1. Надо расшарить локально репу общих компонентов, для этого в терминале в корневой директории проекта **profinansy-react-components** запустить команду **yarn link**
-2. В своем проекте, в котором используется эта репа(profinansy, к примеру),надо выполнить команду **yarn remove profinansy-ui-lib**, затем **yarn link profinansy-ui-lib**. Для применения изменений выполняйте команду **yarn build** в репозитории **profinansy-react-components**. Возможно то, что typescript будет кидать ошибки JSX типа "**cannot be used as a JSX component**", пока вы не отвяжете локальную привязку
-3. После завершения работы над компонентами, надо отвязать привязку: **yarn unlink profinansy-ui-lib**, затем **yarn add --force profinansy-ui-lib**
+2. В своем проекте, в котором используется эта репа (profinansy, к примеру), надо выполнить команду **yarn remove profinansy-ui-lib**, затем **yarn link profinansy-ui-lib**
+3. **Одноразовая настройка:** В `next.config.js` потребителя в существующую функцию `webpack(config)` нужно добавить алиасы. Это заставит webpack резолвить `react`, `react-dom` и `styled-components` из `node_modules` потребителя, а не из симлинкнутой библиотеки. Без этого при `yarn link` будет два экземпляра React и ошибки типа "cannot be used as a JSX component" / "Invalid hook call". Алиасы безвредны без `yarn link` (указывают туда же, куда webpack резолвит по умолчанию), поэтому их можно оставить навсегда:
+```javascript
+const path = require('path')
+
+// в next.config.js, внутрь существующей функции webpack(config) { ... } добавить:
+config.resolve.alias = {
+  ...config.resolve.alias,
+  react: path.resolve(__dirname, 'node_modules/react'),
+  'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
+  'styled-components': path.resolve(__dirname, 'node_modules/styled-components'),
+}
+```
+4. Запустите проект-потребитель как обычно (например, **yarn dev** в profinansy frontend). Storybook в библиотеке запускать не нужно — он нужен только для изолированной разработки компонентов
+5. Для применения изменений после правок в библиотеке выполняйте команду **yarn build** в репозитории **profinansy-react-components** — потребитель подхватит новый билд через симлинк автоматически
+6. После завершения работы над компонентами, надо отвязать привязку: **yarn unlink profinansy-ui-lib**, затем **yarn add --force profinansy-ui-lib**
 
 ### Как работать с иконками