@redzone/taunt-logins-ui-react 0.0.3 → 0.0.5

package/.history/vite.config_20251002182749.ts

@@ -0,0 +1,26 @@
+import path from "path"
+import react from "@vitejs/plugin-react-swc"
+import { defineConfig } from "vite"
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: path.resolve("src", "src/lib/index.tsx"),
+      name: "@redzone/taunt-logins-ui-react",
+      fileName: (format) => `taunt-logins-ui-react.${format}.js`
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"],
+      output: {
+        globals: {
+          react: "React"
+        }
+      }
+    }
+  },
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002182810.ts

@@ -0,0 +1,26 @@
+import path from "path"
+import react from "@vitejs/plugin-react-swc"
+import { defineConfig } from "vite"
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: path.resolve("src", "lib/index.tsx"),
+      name: "@redzone/taunt-logins-ui-react",
+      fileName: (format) => `taunt-logins-ui-react.${format}.js`
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"],
+      output: {
+        globals: {
+          react: "React"
+        }
+      }
+    }
+  },
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002184535.ts

@@ -0,0 +1,36 @@
+import path from "path"
+import react from "@vitejs/plugin-react-swc"
+import { defineConfig } from "vite"
+import dts from "vite-plugin-dts"
+
+// https://vite.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve("src", "lib/index.tsx"),
+      name: "@redzone/taunt-logins-ui-react",
+      fileName: (format) => `taunt-logins-ui-react.${format}.js`
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM"
+        }
+      }
+    },
+    //Generates sourcemaps for the built files,
+    //aiding in debugging.
+    sourcemap: true,
+    //Clears the output directory before building.
+    emptyOutDir: true
+  },
+  //react() enables React support.
+  //dts() generates TypeScript declaration files (*.d.ts)
+  //during the build.
+  plugins: [react(), dts()],
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002184720.ts

@@ -0,0 +1,41 @@
+import path from "path";
+// import react from "@vitejs/plugin-react-swc"
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+import dts from "vite-plugin-dts";
+
+
+
+
+
+// https://vite.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve("src", "lib/index.tsx"),
+      name: "@redzone/taunt-logins-ui-react",
+      fileName: (format) => `taunt-logins-ui-react.${format}.js`
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM"
+        }
+      }
+    },
+    //Generates sourcemaps for the built files,
+    //aiding in debugging.
+    sourcemap: true,
+    //Clears the output directory before building.
+    emptyOutDir: true
+  },
+  //react() enables React support.
+  //dts() generates TypeScript declaration files (*.d.ts)
+  //during the build.
+  plugins: [react(), dts()],
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002184748.ts

@@ -0,0 +1,37 @@
+import path from "path"
+// import react from "@vitejs/plugin-react-swc"
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+import dts from "vite-plugin-dts"
+
+// https://vite.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve("src", "lib/index.tsx"),
+      name: "@redzone/taunt-logins-ui-react",
+      fileName: (format) => `taunt-logins-ui-react.${format}.js`
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM"
+        }
+      }
+    },
+    //Generates sourcemaps for the built files,
+    //aiding in debugging.
+    sourcemap: true,
+    //Clears the output directory before building.
+    emptyOutDir: true
+  },
+  //react() enables React support.
+  //dts() generates TypeScript declaration files (*.d.ts)
+  //during the build.
+  plugins: [react(), dts()],
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002184844.ts

@@ -0,0 +1,37 @@
+import path from "path"
+// import react from "@vitejs/plugin-react-swc"
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+import dts from "vite-plugin-dts"
+
+// https://vite.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve("src", "lib/index.tsx"),
+      name: "@redzone/taunt-logins-ui-react",
+      fileName: (format) => `index.${format}.js`
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM"
+        }
+      }
+    },
+    //Generates sourcemaps for the built files,
+    //aiding in debugging.
+    sourcemap: true,
+    //Clears the output directory before building.
+    emptyOutDir: true
+  },
+  //react() enables React support.
+  //dts() generates TypeScript declaration files (*.d.ts)
+  //during the build.
+  plugins: [react(), dts()],
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002201901.ts

@@ -0,0 +1,45 @@
+import path from "path"
+// import react from "@vitejs/plugin-react-swc"
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js"
+import dts from "vite-plugin-dts"
+
+// https://vite.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve("src", "lib/index.tsx"),
+      name: "@redzone/taunt-logins-ui-react",
+      fileName: (format) => `index.${format}.js`
+    },
+    rollupOptions: {
+      external: ["react", "react-dom", "react/jsx-runtime"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+          "react/jsx-runtime": "react/jsx-runtime"
+        }
+      }
+    },
+    //Generates sourcemaps for the built files,
+    //aiding in debugging.
+    sourcemap: true,
+    //Clears the output directory before building.
+    emptyOutDir: true
+  },
+  //react() enables React support.
+  //dts() generates TypeScript declaration files (*.d.ts)
+  //during the build.
+  plugins: [
+    cssInjectedByJsPlugin(),
+    react(),
+    dts({
+      insertTypesEntry: true
+    })
+  ],
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002202019.ts

@@ -0,0 +1,47 @@
+import path from "path"
+// import react from "@vitejs/plugin-react-swc"
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js"
+import dts from "vite-plugin-dts"
+
+// https://vite.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve("src", "lib/index.tsx"),
+      name: "@redzone/taunt-logins-ui-react",
+      // fileName: (format) => `index.${format}.js`
+      // the proper extensions will be added
+      fileName: "taunt-logins-ui-react"
+    },
+    rollupOptions: {
+      external: ["react", "react-dom", "react/jsx-runtime"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+          "react/jsx-runtime": "react/jsx-runtime"
+        }
+      }
+    },
+    //Generates sourcemaps for the built files,
+    //aiding in debugging.
+    sourcemap: true,
+    //Clears the output directory before building.
+    emptyOutDir: true
+  },
+  //react() enables React support.
+  //dts() generates TypeScript declaration files (*.d.ts)
+  //during the build.
+  plugins: [
+    cssInjectedByJsPlugin(),
+    react(),
+    dts({
+      insertTypesEntry: true
+    })
+  ],
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002202043.ts

@@ -0,0 +1,47 @@
+import path from "path"
+// import react from "@vitejs/plugin-react-swc"
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js"
+import dts from "vite-plugin-dts"
+
+// https://vite.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve("src", "lib/index.ts"),
+      name: "@redzone/taunt-logins-ui-react",
+      // fileName: (format) => `index.${format}.js`
+      // the proper extensions will be added
+      fileName: "taunt-logins-ui-react"
+    },
+    rollupOptions: {
+      external: ["react", "react-dom", "react/jsx-runtime"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+          "react/jsx-runtime": "react/jsx-runtime"
+        }
+      }
+    },
+    //Generates sourcemaps for the built files,
+    //aiding in debugging.
+    sourcemap: true,
+    //Clears the output directory before building.
+    emptyOutDir: true
+  },
+  //react() enables React support.
+  //dts() generates TypeScript declaration files (*.d.ts)
+  //during the build.
+  plugins: [
+    cssInjectedByJsPlugin(),
+    react(),
+    dts({
+      insertTypesEntry: true
+    })
+  ],
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002202502.ts

@@ -0,0 +1,47 @@
+import { resolve } from "path"
+// import react from "@vitejs/plugin-react-swc"
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js"
+import dts from "vite-plugin-dts"
+
+// https://vite.dev/config/
+export default defineConfig({
+  //react() enables React support.
+  //dts() generates TypeScript declaration files (*.d.ts)
+  //during the build.
+  plugins: [
+    cssInjectedByJsPlugin(),
+    react(),
+    dts({
+      insertTypesEntry: true
+    })
+  ],
+  build: {
+    lib: {
+      entry: resolve(__dirname, "src/lib/index.ts"),
+      name: "@redzone/taunt-logins-ui-react",
+      // fileName: (format) => `index.${format}.js`
+      // the proper extensions will be added
+      fileName: "taunt-logins-ui-react"
+    },
+    rollupOptions: {
+      external: ["react", "react-dom", "react/jsx-runtime"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+          "react/jsx-runtime": "react/jsx-runtime"
+        }
+      }
+    },
+    //Generates sourcemaps for the built files,
+    //aiding in debugging.
+    sourcemap: true,
+    //Clears the output directory before building.
+    emptyOutDir: true
+  },
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002203503.ts

@@ -0,0 +1,43 @@
+import { resolve } from "path"
+// import react from "@vitejs/plugin-react-swc"
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js"
+import dts from "vite-plugin-dts"
+
+export default defineConfig({
+  plugins: [
+    cssInjectedByJsPlugin(),
+    react(),
+    dts({
+      insertTypesEntry: true
+    })
+  ],
+  build: {
+    lib: {
+      entry: resolve(__dirname, "src/lib/index.ts"),
+      name: "@redzone/taunt-logins-ui-react",
+      // fileName: (format) => `index.${format}.js`
+      // the proper extensions will be added
+      fileName: "taunt-logins-ui-react"
+    },
+    rollupOptions: {
+      external: ["react", "react-dom", "react/jsx-runtime"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+          "react/jsx-runtime": "react/jsx-runtime"
+        }
+      }
+    },
+    //Generates sourcemaps for the built files,
+    //aiding in debugging.
+    sourcemap: true,
+    //Clears the output directory before building.
+    emptyOutDir: true
+  },
+  server: {
+    open: true
+  }
+})

package/asdf/tsconfig.app.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/asdf/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/asdf/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/package.json

@@ -1,18 +1,28 @@
 {
   "name": "@redzone/taunt-logins-ui-react",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
-  "main": "src/lib/exports.ts",
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "tsc && vite build",
+    "prebuild": "npm run clean",
+    "clean": "rm -rf dist",
     "lint": "eslint .",
     "preview": "vite preview"
   },
-  "dependencies": {
-    "@redzone/taunt-logins": "^0.0.3",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+  "main": "./dist/taunt-logins-ui-react.umd.js",
+  "module": "./dist/taunt-logins-ui-react.js",
+  "types": "./dist/taunt-logins-ui-react.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/taunt-logins-ui-react.js",
+      "require": "./dist/taunt-logins-ui-react.umd.js"
+    }
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@redzone/taunt-logins": "^0.0.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
@@ -20,6 +30,7 @@
     "@types/node": "^24.6.0",
     "@types/react": "^19.1.16",
     "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react": "^5.0.4",
     "@vitejs/plugin-react-swc": "^4.1.0",
     "eslint": "^9.36.0",
     "eslint-plugin-react-hooks": "^5.2.0",
@@ -27,6 +38,8 @@
     "globals": "^16.4.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.45.0",
-    "vite": "^7.1.7"
+    "vite": "^7.1.7",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.4"
   }
 }

package/src/App.tsx

@@ -8,8 +8,8 @@ import { TauntProvider } from "./lib/tauntProvider"
 function App() {
   return (
     <TauntProvider
-      tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
+      tauntServiceEndpoint={process.env.VITE_TAUNT_SERVICE_ENDPOINT}
+      magicKey={process.env.VITE_MAGIC_KEY}>
       <div
         style={{
           display: "flex",

package/src/lib/index.ts

@@ -0,0 +1,4 @@
+export * from "./magic"
+export * from "./metamask"
+export * from "./tauntContext"
+export * from "./tauntProvider"

package/src/lib/magic.tsx

@@ -36,13 +36,13 @@ export const MagicEmailInput = ({
         <div style={{ color: "red" }}>Please enter a valid email</div>
       )}
       <input
-        class="rdz-input"
+        className="rdz-input"
         onChange={(e) => setEmail(e.target.value ? e.target.value : undefined)}
         placeholder="Enter your email"
         type="email"
         value={email}
       />
-      <button class="rdz-button" onClick={runMagic} type="button">
+      <button className="rdz-button" onClick={runMagic} type="button">
         Send Magic Link
       </button>
     </div>

package/src/lib/metamask.tsx

@@ -20,7 +20,7 @@ export const MetaMaskButton = ({
   }, [metamaskLogin, openMetamask])
 
   return (
-    <button class="rdz-button" onClick={runMetamask}>
+    <button className="rdz-button" onClick={runMetamask}>
       Login with Metamask
     </button>
   )

package/tsconfig.json

@@ -1,7 +1,25 @@
 {
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
 }

package/tsconfig.node.json

@@ -1,26 +1,10 @@
 {
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
+    "composite": true,
     "skipLibCheck": true,
-
-    /* Bundler mode */
+    "module": "ESNext",
     "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "allowSyntheticDefaultImports": true
   },
   "include": ["vite.config.ts"]
 }