feat: add ui/scroller & ui/list

red-armor · Dec 8, 2024 · c5eae1e · c5eae1e
1 parent bc7f9a3
commit c5eae1e
Show file tree

Hide file tree

Showing 46 changed files with 602 additions and 401 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tsconfig.json b/tsconfig.json
@@ -20,7 +20,8 @@
       "@infinite-list/group": ["ui/group/src/index.ts"],
       "@infinite-list/list": ["ui/list/src/index.ts"],
       "@infinite-list/masonry": ["ui/masonry/src/index.ts"],
-      "@infinite-list/scroller": ["ui/scroller/src/index.ts"]
+      "@infinite-list/scroller/react-native": ["ui/scroller/src/react-native"],
+      "@infinite-list/scroller/web": ["ui/scroller/src/web"],
     }
   },
   "ts-node": {

diff --git a/ui/group/.babelrc.js b/ui/group/.babelrc.js
diff --git a/ui/group/README.md b/ui/group/README.md
diff --git a/ui/group/eslint.config.js b/ui/group/eslint.config.js
diff --git a/ui/group/jest.config.ts b/ui/group/jest.config.ts
diff --git a/ui/group/package.json b/ui/group/package.json
diff --git a/ui/group/project.json b/ui/group/project.json
diff --git a/ui/group/rollup.config.js b/ui/group/rollup.config.js
diff --git a/ui/group/src/index.ts b/ui/group/src/index.ts
diff --git a/ui/group/src/test-setup.ts b/ui/group/src/test-setup.ts
diff --git a/ui/group/tsconfig.json b/ui/group/tsconfig.json
diff --git a/ui/group/tsconfig.lib.json b/ui/group/tsconfig.lib.json
diff --git a/ui/group/tsconfig.spec.json b/ui/group/tsconfig.spec.json
diff --git a/ui/list/.babelrc.js b/ui/list/.babelrc.js
@@ -7,7 +7,7 @@ module.exports = function (api) {
         '@nx/react/babel',
         {
           runtime: 'automatic',
-          useBuiltIns: 'usage',
+          // useBuiltIns: 'usage',
         },
       ],
     ],

diff --git a/ui/list/package.json b/ui/list/package.json
@@ -1,8 +1,27 @@
 {
   "name": "@infinite-list/list",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "peerDependencies": {
     "react": "18.2.0",
     "react-native": "0.74.1"
-  }
+  },
+  "dependencies": {
+    "@infinite-list/data-model": "workspace:*",
+    "@infinite-list/scroller": "workspace:*"
+  },
+  "exports": {
+    "./react": {
+      "types": "./react.esm.d.ts",
+      "default": "./react.esm.js"
+    },
+    "./react-native": {
+      "types": "./react-native.esm.d.ts",
+      "import": "./react-native.esm.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./index.js",
+  "types": "./index.d.ts"
 }
diff --git a/ui/list/project.json b/ui/list/project.json
@@ -4,25 +4,5 @@
   "sourceRoot": "ui/list/src",
   "projectType": "library",
   "tags": [],
-  "targets": {
-    "build": {
-      "executor": "@nx/rollup:rollup",
-      "outputs": ["{options.outputPath}"],
-      "options": {
-        "outputPath": "dist/ui/list",
-        "tsConfig": "ui/list/tsconfig.lib.json",
-        "project": "ui/list/package.json",
-        "entryFile": "ui/list/src/index.ts",
-        "external": ["react/jsx-runtime", "react-native", "react", "react-dom"],
-        "rollupConfig": "@nx/react/plugins/bundle-rollup",
-        "assets": [
-          {
-            "glob": "ui/list/README.md",
-            "input": ".",
-            "output": "."
-          }
-        ]
-      }
-    }
-  }
+  "targets": {}
 }
diff --git a/ui/list/rollup.config.js b/ui/list/rollup.config.js
@@ -2,14 +2,41 @@ const { withNx } = require('@nx/rollup/with-nx');
 
 module.exports = withNx(
   {
-    main: './src/index.ts',
+    // main: './src/index.ts',
+
+    // may cause
+    additionalEntryPoints: [],
     outputPath: '../../dist/ui/list',
     tsConfig: './tsconfig.lib.json',
     compiler: 'babel',
     format: ['esm'],
     assets: [{ input: '.', output: '.', glob: '*.md' }],
   },
   {
+    input: ['./src/react-native', './src/react'],
+    output: {
+      entryFileNames: (chunk) => {
+        if (chunk.facadeModuleId.endsWith('src/react-native/index.ts')) {
+          return 'react-native.esm.js';
+        }
+        if (chunk.facadeModuleId.endsWith('src/react/index.ts')) {
+          return 'react.esm.js';
+        }
+
+        // if (chunk.facadeModuleId.endsWith('src/react-native')) {
+        //   return 'react-native.esm.js'
+        // }
+
+        // if (chunk.facadeModuleId.endsWith('src/web')) {
+        //   return 'web.esm.js'
+        // }
+        // if (chunk.facadeModuleId.includes('/module')) {
+        //     const dir = path.dirname(chunk.facadeModuleId);
+        //     return 'module/' + path.basename(dir) + '.js';
+        // }
+      },
+    },
+
     // Provide additional rollup configuration here. See: https://rollupjs.org/configuration-options
     // e.g.
     // output: { sourcemap: true },

diff --git a/ui/list/src/index.ts b/ui/list/src/index.ts
@@ -0,0 +1,3 @@
+export default () => {
+  //
+};