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

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,32 +1,36 @@
 {
   "name": "@redzone/taunt-logins-ui-react",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "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",
-    "publish:npm": "rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files"
+    "preview": "vite preview"
   },
-  "babel": {
-    "presets": [
-      "@babel/preset-react"
-    ]
+  "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"
+    }
   },
-  "dependencies": {
-    "@redzone/taunt-logins": "^0.0.3",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@redzone/taunt-logins": "^0.0.3"
   },
   "devDependencies": {
-    "@babel/cli": "^7.28.3",
-    "@babel/preset-react": "^7.27.1",
     "@eslint/js": "^9.36.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
     "@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",
@@ -34,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"]
 }

package/vite.config.ts

@@ -1,10 +1,43 @@
-import react from "@vitejs/plugin-react-swc";
-import { defineConfig } from "vite";
+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({
-  plugins: [react()],
-  server: {
-    open: true,
+  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/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>