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

package/.history/package_20251002222438.json

@@ -0,0 +1,47 @@
+{
+  "name": "@redzone/taunt-logins-ui-react",
+  "version": "0.0.4",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "prebuild": "npm run clean",
+    "clean": "rm -rf dist",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "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"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@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",
+    "eslint-plugin-react-refresh": "^0.4.22",
+    "globals": "^16.4.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.45.0",
+    "vite": "^7.1.7",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}

package/.history/package_20251002222511.json

@@ -0,0 +1,45 @@
+{
+  "name": "@redzone/taunt-logins-ui-react",
+  "version": "0.0.4",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "prebuild": "npm run clean",
+    "clean": "rm -rf dist",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "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",
+    "@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",
+    "eslint-plugin-react-refresh": "^0.4.22",
+    "globals": "^16.4.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.45.0",
+    "vite": "^7.1.7",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}

package/.history/package_20251002222541.json

@@ -0,0 +1,45 @@
+{
+  "name": "@redzone/taunt-logins-ui-react",
+  "version": "0.0.5",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "prebuild": "npm run clean",
+    "clean": "rm -rf dist",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "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",
+    "@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",
+    "eslint-plugin-react-refresh": "^0.4.22",
+    "globals": "^16.4.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.45.0",
+    "vite": "^7.1.7",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}

package/.history/src/App_20251002205122.tsx

@@ -0,0 +1,54 @@
+// import "./App.css"
+
+import { MagicEmailInput } from "./lib/magic"
+import { MetaMaskButton } from "./lib/metamask"
+import { useTaunt } from "./lib/tauntContext"
+import { TauntProvider } from "./lib/tauntProvider"
+
+function App() {
+  return (
+    <TauntProvider
+      tauntServiceEndpoint={process.env.VITE_TAUNT_SERVICE_ENDPOINT}
+      magicKey={process.env.VITE_MAGIC_KEY}>
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+          gap: 8,
+          alignItems: "center"
+        }}>
+        <MagicEmailInput />
+        <MetaMaskButton />
+        <LogoutButton />
+        <TauntDeets />
+      </div>
+    </TauntProvider>
+  )
+}
+
+function LogoutButton() {
+  const { deets } = useTaunt()
+  if (!deets) return null
+
+  return (
+    <button
+      className="ml-2 p-2 bg-blue-500 text-white rounded-md"
+      type="button">
+      Logout
+    </button>
+  )
+}
+
+function TauntDeets() {
+  const { deets } = useTaunt()
+  return (
+    <textarea
+      rows={5}
+      cols={50}
+      value={JSON.stringify(deets, null, 2)}
+      readOnly
+    />
+  )
+}
+
+export default App

package/.history/src/lib/index_20251002182429.ts

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

package/.history/src/lib/magic_20251002171038.tsx

@@ -0,0 +1,50 @@
+import { useCallback, useMemo, useState } from "react"
+
+import "./styling.css"
+
+import { useTaunt } from "./tauntContext"
+
+export const MagicEmailInput = ({
+  onEmail
+}: {
+  onEmail?: (email: string) => void
+}) => {
+  const { otpMagicLogin } = useTaunt()
+  const [email, setEmail] = useState<string>()
+
+  const initialised = useMemo(() => email !== undefined, [email])
+
+  const validEmail = useMemo(() => {
+    const validRegex =
+      /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/
+    return email?.match(validRegex) ? email : undefined
+  }, [email])
+
+  const runMagic = useCallback(() => {
+    if (!validEmail) return
+
+    if (onEmail) {
+      onEmail(email!)
+    } else {
+      otpMagicLogin(email!)
+    }
+  }, [validEmail, onEmail])
+
+  return (
+    <div style={{ display: "flex", flexDirection: "row", gap: 8 }}>
+      {initialised && !validEmail && (
+        <div style={{ color: "red" }}>Please enter a valid email</div>
+      )}
+      <input
+        className="rdz-input"
+        onChange={(e) => setEmail(e.target.value ? e.target.value : undefined)}
+        placeholder="Enter your email"
+        type="email"
+        value={email}
+      />
+      <button className="rdz-button" onClick={runMagic} type="button">
+        Send Magic Link
+      </button>
+    </div>
+  )
+}

package/.history/src/lib/metamask_20251002171636.tsx

@@ -0,0 +1,27 @@
+import { useCallback } from "react"
+
+import "./styling.css"
+
+import { useTaunt } from "./tauntContext"
+
+export const MetaMaskButton = ({
+  openMetamask
+}: {
+  openMetamask?: () => void
+}) => {
+  const { metamaskLogin } = useTaunt()
+
+  const runMetamask = useCallback(() => {
+    if (openMetamask) {
+      openMetamask()
+    } else {
+      metamaskLogin()
+    }
+  }, [metamaskLogin, openMetamask])
+
+  return (
+    <button className="rdz-button" onClick={runMetamask}>
+      Login with Metamask
+    </button>
+  )
+}

package/.history/tsconfig.app_20251002172720.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/.history/vite.config_20251002182237.ts

@@ -0,0 +1,19 @@
+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(__dirname, "src/index.tsx"),
+      // name,
+      formats: ["es", "umd"],
+      fileName: (format) => `your-component.${format}.js`
+    }
+  },
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002182326.ts

@@ -0,0 +1,19 @@
+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(__dirname, "src/index.tsx"),
+      name,
+      formats: ["es", "umd"],
+      fileName: (format) => `your-component.${format}.js`
+    }
+  },
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002182358.ts

@@ -0,0 +1,19 @@
+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(__dirname, "src/index.tsx"),
+      name: "@redzone/taunt-logins-ui-react",
+      formats: ["es", "umd"],
+      fileName: (format) => `your-component.${format}.js`
+    }
+  },
+  server: {
+    open: true
+  }
+})

package/.history/vite.config_20251002182434.ts

@@ -0,0 +1,19 @@
+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(__dirname, "src/lib/index.ts"),
+      name: "@redzone/taunt-logins-ui-react",
+      formats: ["es", "umd"],
+      fileName: (format) => `your-component.${format}.js`
+    }
+  },
+  server: {
+    open: true
+  }
+})

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
+  }
+})