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

package/.history/src/App_20251002141038.tsx

@@ -1,35 +0,0 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
-
-function App() {
-  const [count, setCount] = useState(0)
-
-  return (
-    <>
-      <div>
-        <a href="https://vite.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
-    </>
-  )
-}
-
-export default App

package/.history/src/App_20251002142848.tsx

@@ -1,15 +0,0 @@
-import "./App.css"
-
-import { Emailer } from "./lib/magic"
-import { TauntProvider } from "./lib/tauntProvider"
-
-function App() {
-  return (
-    <TauntProvider
-      tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}>
-      <Emailer />
-    </TauntProvider>
-  )
-}
-
-export default App

package/.history/src/App_20251002152540.tsx

@@ -1,15 +0,0 @@
-import "./App.css"
-
-import { Emailer } from "./lib/magic"
-import { TauntProvider } from "./lib/tauntProvider"
-
-function App() {
-  return (
-    <TauntProvider
-      tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}>
-      <Emailer />
-    </TauntProvider>
-  )
-}
-
-export default App

package/.history/src/App_20251002152831.tsx

@@ -1,17 +0,0 @@
-import "./App.css"
-
-import { MagicEmailInput } from "./lib/magic"
-import { MetaMaskButton } from "./lib/metamask"
-import { TauntProvider } from "./lib/tauntProvider"
-
-function App() {
-  return (
-    <TauntProvider
-      tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}>
-      <MagicEmailInput />
-      <MetaMaskButton />
-    </TauntProvider>
-  )
-}
-
-export default App

package/.history/src/App_20251002153145.tsx

@@ -1,18 +0,0 @@
-import "./App.css"
-
-import { MagicEmailInput } from "./lib/magic"
-import { MetaMaskButton } from "./lib/metamask"
-import { TauntProvider } from "./lib/tauntProvider"
-
-function App() {
-  return (
-    <TauntProvider
-      tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
-      <MagicEmailInput />
-      <MetaMaskButton />
-    </TauntProvider>
-  )
-}
-
-export default App

package/.history/src/App_20251002153323.tsx

@@ -1,25 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
-      <MagicEmailInput />
-      <MetaMaskButton />
-      <TauntDeets />
-    </TauntProvider>
-  )
-}
-
-function TauntDeets() {
-  const { deets } = useTaunt()
-  return <pre>{JSON.stringify(deets, null, 2)}</pre>
-}
-
-export default App

package/.history/src/App_20251002153420.tsx

@@ -1,32 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
-      <MagicEmailInput />
-      <MetaMaskButton />
-      <TauntDeets />
-    </TauntProvider>
-  )
-}
-
-function LogoutButton() {
-  const { deets } = useTaunt()
-  if (!deets) return null
-
-  return <input type="button" value="Logout" />
-}
-
-function TauntDeets() {
-  const { deets } = useTaunt()
-  return <pre>{JSON.stringify(deets, null, 2)}</pre>
-}
-
-export default App

package/.history/src/App_20251002153429.tsx

@@ -1,33 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
-      <MagicEmailInput />
-      <MetaMaskButton />
-      <TauntDeets />
-      <LogoutButton />
-    </TauntProvider>
-  )
-}
-
-function LogoutButton() {
-  const { deets } = useTaunt()
-  if (!deets) return null
-
-  return <input type="button" value="Logout" />
-}
-
-function TauntDeets() {
-  const { deets } = useTaunt()
-  return <pre>{JSON.stringify(deets, null, 2)}</pre>
-}
-
-export default App

package/.history/src/App_20251002153457.tsx

@@ -1,39 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
-      <MagicEmailInput />
-      <MetaMaskButton />
-      <TauntDeets />
-      <LogoutButton />
-    </TauntProvider>
-  )
-}
-
-function LogoutButton() {
-  const { deets } = useTaunt()
-  if (!deets) return null
-
-  return (
-    <input
-      className="ml-2 p-2 bg-blue-500 text-white rounded-md"
-      type="button"
-      value="Logout"
-    />
-  )
-}
-
-function TauntDeets() {
-  const { deets } = useTaunt()
-  return <pre>{JSON.stringify(deets, null, 2)}</pre>
-}
-
-export default App

package/.history/src/App_20251002153516.tsx

@@ -1,39 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
-      <MagicEmailInput />
-      <MetaMaskButton />
-      <TauntDeets />
-      <LogoutButton />
-    </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 <pre>{JSON.stringify(deets, null, 2)}</pre>
-}
-
-export default App

package/.history/src/App_20251002153520.tsx

@@ -1,39 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
-      <MagicEmailInput />
-      <MetaMaskButton />
-      <LogoutButton />
-      <TauntDeets />
-    </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 <pre>{JSON.stringify(deets, null, 2)}</pre>
-}
-
-export default App

package/.history/src/App_20251002153546.tsx

@@ -1,41 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
-      <div className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
-        <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 <pre>{JSON.stringify(deets, null, 2)}</pre>
-}
-
-export default App

package/.history/src/App_20251002154625.tsx

@@ -1,41 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.env.VITE_MAGIC_KEY}>
-      <div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
-        <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 <pre>{JSON.stringify(deets, null, 2)}</pre>
-}
-
-export default App

package/.history/src/App_20251002154740.tsx

@@ -1,47 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.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 <pre>{JSON.stringify(deets, null, 2)}</pre>
-}
-
-export default App

package/.history/src/App_20251002154812.tsx

@@ -1,47 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.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 <input type="text" value={JSON.stringify(deets, null, 2)} readOnly />
-}
-
-export default App

package/.history/src/App_20251002154841.tsx

@@ -1,47 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.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 value={JSON.stringify(deets, null, 2)} readOnly />
-}
-
-export default App

package/.history/src/App_20251002154915.tsx

@@ -1,54 +0,0 @@
-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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.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/App_20251002160347.tsx

@@ -1,54 +0,0 @@
-// 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={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
-      magicKey={import.meta.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