feat: code split css bundle for wallet connector (#209)

hyperweb-io · Oct 26, 2024 · 68b182b · 68b182b
1 parent 313d15b
commit 68b182b
Show file tree

Hide file tree

Showing 19 changed files with 33 additions and 310 deletions.
diff --git a/apps/docs-react/.eslintrc.json b/apps/docs-react/.eslintrc.json
diff --git a/apps/docs-react/.gitignore b/apps/docs-react/.gitignore
diff --git a/apps/docs-react/LICENSE b/apps/docs-react/LICENSE
diff --git a/apps/docs-react/README.md b/apps/docs-react/README.md
diff --git a/apps/docs-react/components/global.css b/apps/docs-react/components/global.css
diff --git a/apps/docs-react/components/logo.tsx b/apps/docs-react/components/logo.tsx
diff --git a/apps/docs-react/next.config.js b/apps/docs-react/next.config.js
diff --git a/apps/docs-react/package.json b/apps/docs-react/package.json
diff --git a/apps/docs-react/pages/_app.tsx b/apps/docs-react/pages/_app.tsx
diff --git a/apps/docs-react/pages/_meta.json b/apps/docs-react/pages/_meta.json
diff --git a/apps/docs-react/pages/core/button.mdx b/apps/docs-react/pages/core/button.mdx
diff --git a/apps/docs-react/pages/index.mdx b/apps/docs-react/pages/index.mdx
diff --git a/apps/docs-react/public/cosmology.svg b/apps/docs-react/public/cosmology.svg
diff --git a/apps/docs-react/theme.config.jsx b/apps/docs-react/theme.config.jsx
diff --git a/apps/docs-react/tsconfig.json b/apps/docs-react/tsconfig.json
diff --git a/packages/react/.parcelrc b/packages/react/.parcelrc
@@ -23,4 +23,4 @@
       "@parcel/optimizer-terser"
     ]
   }
-}
+}
diff --git a/packages/react/modules/wallet-connector.css.ts b/packages/react/modules/wallet-connector.css.ts
@@ -0,0 +1,21 @@
+// Custom entry point for the wallet connector styles
+// Contains only the styles that are needed for the wallet connector
+
+// ==== Core components ====
+import "../src/ui/button/button.css";
+import "../src/ui/text/text.css";
+import "../src/ui/avatar/avatar.css";
+import "../src/ui/basic-modal/basic-modal.css";
+import "../src/ui/shared/shared.css";
+import { rainbowSprinkles as _rainbowSprinkles } from "../src/styles/rainbow-sprinkles.css";
+
+// ==== Connect modal components ====
+import "../src/ui/connect-modal/connect-modal.css";
+import "../src/ui/connect-modal-head/connect-modal-head.css";
+import "../src/ui/connect-modal-install-button/connect-modal-install-button.css";
+import "../src/ui/connect-modal-qrcode/connect-modal-qrcode.css";
+import "../src/ui/connect-modal-qrcode-error/connect-modal-qrcode-error.css";
+import "../src/ui/connect-modal-qrcode-skeleton/connect-modal-qrcode-skeleton.css";
+import "../src/ui/connect-modal-status/connect-modal-status.css";
+import "../src/ui/connect-modal-wallet-button/connect-modal-wallet-button.css";
+import "../src/ui/connect-modal-wallet-list/connect-modal-wallet-list.css";
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -24,6 +24,10 @@
       "import": "./dist/styles/global.css.css",
       "require": "./dist/styles/global.css.css"
     },
+    "./walletConnector": {
+      "import": "./dist/modules/wallet-connector.css.css",
+      "require": "./dist/modules/wallet-connector.css.css"
+    },
     "./package.json": "./package.json"
   },
   "targets": {
@@ -45,9 +49,13 @@
       "source": "src/styles/global.css.ts",
       "context": "browser",
       "distDir": "./dist"
+    },
+    "walletConnector": {
+      "source": "modules/wallet-connector.css.ts",
+      "context": "browser",
+      "distDir": "./dist"
     }
   },
-  "sideEffects": false,
   "browserslist": "> 0.5%, last 2 versions, not dead",
   "@parcel/resolver-default": {
     "packageExports": true
@@ -159,4 +167,4 @@
     "vite-plugin-replace": "^0.1.1"
   },
   "gitHead": "05adf69046d07d6f764b96cf54cbaa492de06d95"
-}
+}
diff --git a/packages/vue/.parcelrc b/packages/vue/.parcelrc
@@ -22,4 +22,4 @@
       "@parcel/optimizer-terser"
     ]
   }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -23,4 +23,4 @@ @@
           "@parcel/optimizer-terser"
         ]
       }
-    }
+    }