Merge pull request #164 from radixdlt/async-rdt-instantiation

Async RDT instantiation + single file bundle

package.json

@@ -43,7 +43,7 @@
   ],
   "scripts": {
     "dev": "vite serve examples",
-    "build": "tsc && vite build",
+    "build": "tsc && vite build && vite build --config vite-single-file.config.ts",
     "prepare": "npx husky install",
     "test": "jest",
     "test:watch": "jest --watch"
@@ -79,7 +79,8 @@
     "ts-jest": "^29.0.5",
     "ts-node": "^10.9.1",
     "typescript": "^5.0.4",
-    "vite": "^4.3.5"
+    "vite": "^4.3.5",
+    "vite-plugin-singlefile": "^0.13.5"
   },
   "repository": {
     "type": "git",

src/connect-button/connect-button-client.ts

@@ -3,6 +3,7 @@ import {
   fromEvent,
   map,
   merge,
+  of,
   Subscription,
   switchMap,
   tap,
@@ -44,7 +45,10 @@ export const ConnectButtonClient = (input: {
   const subscriptions = new Subscription()
 
   subscriptions.add(
-    fromEvent(document, 'onRender')
+    merge(
+      fromEvent(document, 'onRender'),
+      of(getConnectButtonElement()).pipe(filter((e) => !!e))
+    )
       .pipe(
         map(() => getConnectButtonElement()),
         filter((element): element is ConnectButton => !!element),

src/single-file.js

@@ -0,0 +1,3 @@
+import * as RadixDappToolkit from './index'
+
+export default RadixDappToolkit

vite-single-file.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite'
+import { viteSingleFile } from 'vite-plugin-singlefile'
+
+export default defineConfig({
+  plugins: [viteSingleFile()],
+  build: {
+    emptyOutDir: false,
+    lib: {
+      entry: 'src/single-file.js',
+      name: 'RDT',
+      fileName: 'radix-dapp-toolkit.bundle',
+    },
+  },
+  define: { 'process.env.NODE_ENV': '"production"' },
+})