@integration-app/react 2.0.1 → 2.0.3-beta.0

package/package.json

@@ -1,29 +1,38 @@
 {
   "name": "@integration-app/react",
-  "version": "2.0.1",
+  "version": "2.0.3-beta.0",
   "description": "",
   "author": "Integration.app",
-  "source": "src/index.ts",
+  "source": "src/index.tsx",
+  "main": "dist/index.js",
+  "module": "dist/index.module.mjs",
+  "unpkg": "./dist/index.umd.js",
   "exports": {
-    "types": "./dist/index.d.ts",
-    "require": "./dist/index.js",
-    "import": "./dist/index.module.mjs"
+    "import": {
+      "types": "./dist/index.module.d.mts",
+      "default": "./dist/index.module.mjs"
+    },
+    "require": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
-  "types": "./dist/index.d.ts",
-  "main": "./dist/index.js",
-  "module": "./dist/index.module.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "npm run prep:dev && npm run build:bundle && npm run build:dts",
     "build:publish": "npm run prep:publish && npm run build:bundle && npm run build:dts",
     "build:bundle": "rollup -c rollup.config.mjs",
-    "build:dts": "rollup -c rollup.dts.config.mjs",
+    "build:dts": "rollup -c rollup.dts.config.mjs && rimraf ./dist/src",
     "clean": "rimraf ./dist",
     "docs": "typedoc --tsconfig tsconfig.json --plugin typedoc-plugin-missing-exports",
     "docs:dev": "typedoc --tsconfig tsconfig.json --plugin typedoc-plugin-missing-exports --watch",
     "dev": "npm run build && concurrently 'npm run dev:bundle' 'npm run dev:dts'",
     "dev:bundle": "rollup -c rollup.config.mjs --watch",
     "dev:dts": "rollup -c rollup.dts.config.mjs --watch",
-    "install:publishDeps": "npm i @integration-app/sdk@latest --save",
+    "install:publishDeps": "npm i @integration-app/sdk@latest --save && panda codegen",
     "install:localDeps": "npm i ../sdk --save",
     "prep:publish": "npm run clean && npm run install:publishDeps",
     "prep:dev": "npm run clean && npm run install:localDeps && npm run removeReactPackages",
@@ -32,29 +41,51 @@
     "removeReactPackages": "rimraf -rf ./node_modules/react ./node_modules/react-dom",
     "test:package": "cd bundle-tests/test-package && ./test.sh && cd ..",
     "version": "npm version",
-    "lint": "npx publint"
+    "lint": "npx publint",
+    "prepare": "panda codegen",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@integration-app/sdk": "^1.3.1",
+    "@ark-ui/react": "^3.9.0",
+    "@integration-app/sdk": "^1.3.3",
     "awesome-debounce-promise": "^2.1.0",
     "query-string": "^7.1.1",
-    "swr": "^2.2.0"
+    "swr": "^2.2.0",
+    "vite-tsconfig-paths": "^5.0.1"
   },
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^1.7.0",
+    "@pandacss/dev": "^0.45.1",
+    "@park-ui/panda-preset": "^0.42.0",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@types/react": "^17.0.37",
-    "@types/react-dom": "^17.0.11",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-mdx-gfm": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
     "concurrently": "^8.0.1",
     "rimraf": "^5.0.5",
     "rollup": "^4.21.0",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-tsc-alias": "^1.1.2",
+    "rollup-plugin-tsconfig-paths": "^1.5.2",
+    "storybook": "^8.2.9",
     "typedoc": "^0.25.4",
     "typedoc-plugin-mark-react-functional-components": "^0.2.2",
     "typedoc-plugin-missing-exports": "^2.1.0",

package/DEVELOPMENT.md

@@ -1,82 +0,0 @@
-## Releasing Package
-
-To release a new version of a package (@integration-app/sdk, @integration-app/ui, @integration-app/react), do the following:
-
-* Go to the package and type `npm version -- patch` (or `npm version -- minor` or `npm version -- major`) to bump the version.
-* Create a PR with the changes.
-* Merge the PR.
-* Run a Github Action to publish a package.
-
-# Rollup Configuration
-
-To see the complete configuration, refer to the `rollup.config.mjs` and `rollup.dts.config.mjs` files. Although these files are self-explanatory, here's some additional information:
-
-In `rollup.config.mjs`, we set `{external: [/node_modules/]}` to exclude our dependencies from being bundled.
-
-## Bundle and DTS File Generation
-
-We encountered issues with `rollup-plugin-dts` generating incorrect DTS files when used in the same configuration as `@rollup/plugin-typescript`. To resolve this, we use two Rollup configurations:
-- `rollup.config.mjs` for bundle generation
-- `rollup.dts.config.mjs` for DTS file generation.
-
-## Externals
-
-We set external dependencies in `rollup.config.mjs`:
-- `{external: [/node_modules/]}` to exclude all `node_modules`.
-- `@integration-app/sdk` to prevent Rollup from bundling the `@integration-app/sdk` package during local development, when it is used via a symlink to the SDK in the root folder.
-- `react` and `react/jsx-runtime` are excluded to avoid unresolved dependency errors, as React is a peer dependency.
-
-## Bundle and DTS File Generation Workflow
-
-When using `rollup-plugin-dts` and `@rollup/plugin-typescript` in the same configuration, we experienced issues with generating incorrect DTS files. To solve this, we use two Rollup configurations:
-- `rollup.config.mjs` for generating bundles
-- `rollup.dts.config.mjs` for generating DTS files.
-
-### Build 
-
-For local build, the following steps are taken:
-
-- Clean the `/dist` folder.
-- Install local `@integration-app/sdk` pointed to `sdk` folder
-- Remove `react` and `react-dom` packages from `node_modules` folder
-  - We should do it to allow out package work in `console`, `engine` and other local projects
-- Rollup with `rollup.config.mjs` configuration generates bundle files and basic DTS files, which are placed in the `dist/dts` folder.
-- Rollup with `rollup.dts.config.mjs` configuration uses the basic DTS files to generate `*.d.ts` files for each bundle.
-
-### Development
-
-During development, the following steps are taken:
-
-- Run `build` to generate bundle and DTS files.
-  - If not, Rollup with `rollup.dts.config.mjs` in watch mode fails due to missing DTS files (race condition).
-- Concurrently run two Rollup processes **in watch mode**:
-  - Rollup with `rollup.config.mjs` configuration to generate bundle files and basic DTS files.
-  - Rollup with `rollup.dts.config.mjs` configuration to generate DTS files for each bundle.
-
-### Publish via GitHub
-
-During publishing via GitHub, the following steps are taken:
-
-- Clean the `/dist` folder.
-- Install `@integration-app/sdk@latest` package
-- Rollup with `rollup.config.mjs` configuration generates bundle files and basic DTS files, which are placed in the `dist/dts` folder.
-- Rollup with `rollup.dts.config.mjs` configuration uses the basic DTS files to generate `*.d.ts` files for each bundle.
-
-The `build:publish` command is used in GitHub Actions to ensure that the package uses the latest `@integration-app/sdk` package.
-
-# Package.json exports
-
-```json5
-{
-  "exports": {
-    "types": "./dist/index.d.ts",       // TypeScript typings for NodeNext modules
-    "require": "./dist/index.js",       // used for require() in Node 12+
-    "import": "./dist/index.module.mjs" // ESM bundle
-  },
-  "types": "./dist/index.d.ts",         // TypeScript typings
-  "main": "./dist/index.js",            // CommonJS bundle
-  "module": "./dist/index.module.mjs",  // ESM bundle
-  "unpkg": "./dist/index.umd.js",       // UMD bundle
-}
-```
-

package/bundle-tests/test-frameworks/README.md

@@ -1,4 +0,0 @@
-# How to run test-frameworks locally
-
-1. Install `act`:  https://github.com/nektos/act
-2. Run `act -j packages-framework-test` from the root of the repo