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

package/.history/src/lib/styling_20251002154544.css

@@ -1,20 +0,0 @@
-button.rdz-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-  color: red;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002154548.css

@@ -1,19 +0,0 @@
-button.rdz-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002160446.css

@@ -1,20 +0,0 @@
-button.rdz-button {
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002160511.css

@@ -1,23 +0,0 @@
-button.rdz-button {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002160515.css

@@ -1,24 +0,0 @@
-button.rdz-button {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002160815.css

@@ -1,24 +0,0 @@
-button.rdz-button {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002160910.css

@@ -1,24 +0,0 @@
-button.rdz-button {
-  font-family: Roboto;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002160915.css

@@ -1,24 +0,0 @@
-button.rdz-button {
-  font-family: Arial, Helvetica, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002160952.css

@@ -1,24 +0,0 @@
-.rdz-button {
-  font-family: Arial, Helvetica, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002161001.css

@@ -1,24 +0,0 @@
-.rdz-button {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002161011.css

@@ -1,24 +0,0 @@
-.rdz-button {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400 !important;
-
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002161016.css

@@ -1,24 +0,0 @@
-.rdz-button {
-  font-family: Avenir, Helvetica, Arial, sans-serif !important;
-  line-height: 1.5;
-  font-weight: 400 !important;
-
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/styling_20251002161036.css

@@ -1,25 +0,0 @@
-.rdz-button,
-.rdz-input {
-  font-family: Avenir, Helvetica, Arial, sans-serif !important;
-  line-height: 1.5;
-  font-weight: 400 !important;
-
-  color: lightgray;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-
-  &:hover {
-    border-color: #646cff;
-  }
-  &:focus,
-  &:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-}

package/.history/src/lib/tauntContext_20251002142622.ts

@@ -1,17 +0,0 @@
-import { createContext, useContext } from "react"
-
-type ContextProps = {
-  tauntServiceEndpoint: string
-}
-
-export const TauntContext = createContext<ContextProps>({
-  tauntServiceEndpoint: ""
-})
-
-export function useTaunt() {
-  const ctx = useContext(TauntContext)
-  if (!ctx) {
-    throw new Error("useTaunt must be used within a TauntProvider")
-  }
-  return ctx
-}

package/.history/src/lib/tauntContext_20251002152540.ts

@@ -1,22 +0,0 @@
-import { createContext, useContext } from "react"
-
-type ContextProps = {
-  tauntServiceEndpoint: string
-  deets?: { accessToken: string; refreshToken: string }
-  metamaskLogin: () => void
-  otpLogin: (email: string) => void
-}
-
-export const TauntContext = createContext<ContextProps>({
-  tauntServiceEndpoint: "",
-  metamaskLogin: () => {},
-  otpLogin: () => {}
-})
-
-export function useTaunt() {
-  const ctx = useContext(TauntContext)
-  if (!ctx) {
-    throw new Error("useTaunt must be used within a TauntProvider")
-  }
-  return ctx
-}

package/.history/src/lib/tauntContext_20251002152802.ts

@@ -1,22 +0,0 @@
-import { createContext, useContext } from "react"
-
-type ContextProps = {
-  tauntServiceEndpoint: string
-  deets?: { accessToken: string; refreshToken: string }
-  metamaskLogin: () => void
-  otpMagicLogin: (email: string) => void
-}
-
-export const TauntContext = createContext<ContextProps>({
-  tauntServiceEndpoint: "",
-  metamaskLogin: () => {},
-  otpMagicLogin: () => {}
-})
-
-export function useTaunt() {
-  const ctx = useContext(TauntContext)
-  if (!ctx) {
-    throw new Error("useTaunt must be used within a TauntProvider")
-  }
-  return ctx
-}

package/.history/src/lib/tauntProvider_20251002142622.tsx

@@ -1,15 +0,0 @@
-import { TauntContext } from "./tauntContext"
-
-export const TauntProvider = ({
-  children,
-  tauntServiceEndpoint
-}: {
-  children: React.ReactNode
-  tauntServiceEndpoint: string
-}) => {
-  return (
-    <TauntContext.Provider value={{ tauntServiceEndpoint }}>
-      {children}
-    </TauntContext.Provider>
-  )
-}

package/.history/src/lib/tauntProvider_20251002143158.tsx

@@ -1,19 +0,0 @@
-import { TauntContext } from "./tauntContext"
-
-export const TauntProvider = ({
-  children,
-  tauntServiceEndpoint
-}: {
-  children: React.ReactNode
-  tauntServiceEndpoint?: string
-}) => {
-  if (!tauntServiceEndpoint) {
-    throw new Error("tauntServiceEndpoint is required")
-  }
-
-  return (
-    <TauntContext.Provider value={{ tauntServiceEndpoint }}>
-      {children}
-    </TauntContext.Provider>
-  )
-}

package/.history/src/lib/tauntProvider_20251002144018.tsx

@@ -1,19 +0,0 @@
-import { TauntContext } from "./tauntContext"
-
-export const TauntProvider = ({
-  children,
-  tauntServiceEndpoint
-}: {
-  children: React.ReactNode
-  tauntServiceEndpoint?: string
-}) => {
-  if (!tauntServiceEndpoint) {
-    return <div>tauntServiceEndpoint is required</div>
-  }
-
-  return (
-    <TauntContext.Provider value={{ tauntServiceEndpoint }}>
-      {children}
-    </TauntContext.Provider>
-  )
-}

package/.history/src/lib/tauntProvider_20251002152234.tsx

@@ -1,40 +0,0 @@
-import { tauntMagicDidLogin, tauntMetamaskLogin } from "@redzone/taunt-logins"
-import { useCallback, useState } from "react"
-
-import { TauntContext } from "./tauntContext"
-
-export const TauntProvider = ({
-  children,
-  tauntServiceEndpoint
-}: {
-  children: React.ReactNode
-  tauntServiceEndpoint?: string
-}) => {
-  const [deets, setDeets] = useState<{
-    accessToken: string
-    refreshToken: string
-  }>()
-
-  const otpLogin = useCallback(
-    (email: string) => {
-      tauntMagicDidLogin(tauntServiceEndpoint!, email!).then(setDeets)
-    },
-    [tauntServiceEndpoint]
-  )
-
-  const metamaskLogin = useCallback(
-    () => tauntMetamaskLogin(tauntServiceEndpoint!).then(setDeets),
-    [tauntServiceEndpoint]
-  )
-
-  if (!tauntServiceEndpoint) {
-    return <div>tauntServiceEndpoint is required</div>
-  }
-
-  return (
-    <TauntContext.Provider
-      value={{ tauntServiceEndpoint, deets, otpLogin, metamaskLogin }}>
-      {children}
-    </TauntContext.Provider>
-  )
-}

package/.history/src/lib/tauntProvider_20251002152802.tsx

@@ -1,40 +0,0 @@
-import { tauntMagicDidLogin, tauntMetamaskLogin } from "@redzone/taunt-logins"
-import { useCallback, useState } from "react"
-
-import { TauntContext } from "./tauntContext"
-
-export const TauntProvider = ({
-  children,
-  tauntServiceEndpoint
-}: {
-  children: React.ReactNode
-  tauntServiceEndpoint?: string
-}) => {
-  const [deets, setDeets] = useState<{
-    accessToken: string
-    refreshToken: string
-  }>()
-
-  const otpMagicLogin = useCallback(
-    (email: string) => {
-      tauntMagicDidLogin(tauntServiceEndpoint!, email!).then(setDeets)
-    },
-    [tauntServiceEndpoint]
-  )
-
-  const metamaskLogin = useCallback(
-    () => tauntMetamaskLogin(tauntServiceEndpoint!).then(setDeets),
-    [tauntServiceEndpoint]
-  )
-
-  if (!tauntServiceEndpoint) {
-    return <div>tauntServiceEndpoint is required</div>
-  }
-
-  return (
-    <TauntContext.Provider
-      value={{ tauntServiceEndpoint, deets, otpMagicLogin, metamaskLogin }}>
-      {children}
-    </TauntContext.Provider>
-  )
-}

package/.history/src/lib/tauntProvider_20251002153101.tsx

@@ -1,49 +0,0 @@
-import {
-  tauntMagicEmailOTPLogin,
-  tauntMetamaskLogin
-} from "@redzone/taunt-logins"
-import { useCallback, useState } from "react"
-
-import { TauntContext } from "./tauntContext"
-
-export const TauntProvider = ({
-  children,
-  tauntServiceEndpoint,
-  magicKey
-}: {
-  children: React.ReactNode
-  tauntServiceEndpoint?: string
-  magicKey?: string
-}) => {
-  const [deets, setDeets] = useState<{
-    accessToken: string
-    refreshToken: string
-  }>()
-
-  const otpMagicLogin = useCallback(
-    (email: string) => {
-      if (!magicKey) throw new Error("magicKey is required for OTP login")
-
-      tauntMagicEmailOTPLogin(tauntServiceEndpoint!, magicKey, email!).then(
-        setDeets
-      )
-    },
-    [tauntServiceEndpoint]
-  )
-
-  const metamaskLogin = useCallback(
-    () => tauntMetamaskLogin(tauntServiceEndpoint!).then(setDeets),
-    [tauntServiceEndpoint]
-  )
-
-  if (!tauntServiceEndpoint) {
-    return <div>tauntServiceEndpoint is required</div>
-  }
-
-  return (
-    <TauntContext.Provider
-      value={{ tauntServiceEndpoint, deets, otpMagicLogin, metamaskLogin }}>
-      {children}
-    </TauntContext.Provider>
-  )
-}

package/.history/src/lib/taunt_20251002160045.ts

@@ -1,2 +0,0 @@
-export * from "./tauntContext"
-export * from "./tauntProvider"

package/.history/src/main_20251002141038.tsx

@@ -1,10 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)

package/.history/src/main_20251002141444.tsx

@@ -1,12 +0,0 @@
-import { StrictMode } from "react"
-import { createRoot } from "react-dom/client"
-
-import App from "./App.tsx"
-
-import "./index.css"
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
-)

package/.history/src/main_20251002160347.tsx

@@ -1,12 +0,0 @@
-import { StrictMode } from "react"
-import { createRoot } from "react-dom/client"
-
-import App from "./App.tsx"
-
-// import "./index.css"
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
-)

package/.history/vite.config_20251002141038.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-})

package/.history/vite.config_20251002141323.ts

@@ -1,10 +0,0 @@
-import react from "@vitejs/plugin-react-swc";
-import { defineConfig } from "vite";
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  server: {
-    open: true,
-  },
-});

package/.prettierrc.mjs

@@ -1,22 +0,0 @@
-/**
- * @type {import('prettier').Options}
- */
-export default {
-  printWidth: 80,
-  tabWidth: 2,
-  useTabs: false,
-  semi: false,
-  singleQuote: false,
-  trailingComma: "none",
-  bracketSpacing: true,
-  bracketSameLine: true,
-  plugins: ["@ianvs/prettier-plugin-sort-imports"],
-  importOrder: [
-    "<BUILTIN_MODULES>", // Node.js built-in modules
-    "<THIRD_PARTY_MODULES>", // Imports not matched by other special words or groups.
-    "",
-    "^~(.*)$",
-    "",
-    "^[./]"
-  ]
-}