@redzone/taunt-logins-ui-react 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.history/index_20251002141038.html +13 -0
- package/.history/index_20251002141344.html +13 -0
- package/.history/package_20251002154235.json +32 -0
- package/.history/package_20251002160110.json +33 -0
- package/.history/package_20251002161109.json +33 -0
- package/.history/package_20251002161124.json +32 -0
- package/.history/src/App_20251002141038.tsx +35 -0
- package/.history/src/App_20251002142848.tsx +15 -0
- package/.history/src/App_20251002152540.tsx +15 -0
- package/.history/src/App_20251002152831.tsx +17 -0
- package/.history/src/App_20251002153145.tsx +18 -0
- package/.history/src/App_20251002153323.tsx +25 -0
- package/.history/src/App_20251002153420.tsx +32 -0
- package/.history/src/App_20251002153429.tsx +33 -0
- package/.history/src/App_20251002153457.tsx +39 -0
- package/.history/src/App_20251002153516.tsx +39 -0
- package/.history/src/App_20251002153520.tsx +39 -0
- package/.history/src/App_20251002153546.tsx +41 -0
- package/.history/src/App_20251002154625.tsx +41 -0
- package/.history/src/App_20251002154740.tsx +47 -0
- package/.history/src/App_20251002154812.tsx +47 -0
- package/.history/src/App_20251002154841.tsx +47 -0
- package/.history/src/App_20251002154915.tsx +54 -0
- package/.history/src/App_20251002160347.tsx +54 -0
- package/.history/src/lib/exports_20251002160004.ts +0 -0
- package/.history/src/lib/exports_20251002160045.ts +3 -0
- package/.history/src/lib/magic_20251002142829.tsx +0 -0
- package/.history/src/lib/magic_20251002142848.tsx +44 -0
- package/.history/src/lib/magic_20251002152540.tsx +28 -0
- package/.history/src/lib/magic_20251002152543.tsx +28 -0
- package/.history/src/lib/magic_20251002152546.tsx +28 -0
- package/.history/src/lib/magic_20251002152802.tsx +47 -0
- package/.history/src/lib/magic_20251002154740.tsx +47 -0
- package/.history/src/lib/magic_20251002155035.tsx +47 -0
- package/.history/src/lib/magic_20251002160411.tsx +49 -0
- package/.history/src/lib/magic_20251002160428.tsx +49 -0
- package/.history/src/lib/magic_20251002161028.tsx +50 -0
- package/.history/src/lib/metamask_20251002141612.tsx +0 -0
- package/.history/src/lib/metamask_20251002142622.tsx +38 -0
- package/.history/src/lib/metamask_20251002142654.tsx +41 -0
- package/.history/src/lib/metamask_20251002142726.tsx +44 -0
- package/.history/src/lib/metamask_20251002142848.tsx +0 -0
- package/.history/src/lib/metamask_20251002152802.tsx +28 -0
- package/.history/src/lib/metamask_20251002153516.tsx +27 -0
- package/.history/src/lib/metamask_20251002154228.tsx +27 -0
- package/.history/src/lib/metamask_20251002154523.tsx +27 -0
- package/.history/src/lib/styling_20251002154448.css +0 -0
- package/.history/src/lib/styling_20251002154523.css +19 -0
- package/.history/src/lib/styling_20251002154531.css +19 -0
- package/.history/src/lib/styling_20251002154544.css +20 -0
- package/.history/src/lib/styling_20251002154548.css +19 -0
- package/.history/src/lib/styling_20251002160446.css +20 -0
- package/.history/src/lib/styling_20251002160511.css +23 -0
- package/.history/src/lib/styling_20251002160515.css +24 -0
- package/.history/src/lib/styling_20251002160815.css +24 -0
- package/.history/src/lib/styling_20251002160910.css +24 -0
- package/.history/src/lib/styling_20251002160915.css +24 -0
- package/.history/src/lib/styling_20251002160952.css +24 -0
- package/.history/src/lib/styling_20251002161001.css +24 -0
- package/.history/src/lib/styling_20251002161011.css +24 -0
- package/.history/src/lib/styling_20251002161016.css +24 -0
- package/.history/src/lib/styling_20251002161036.css +25 -0
- package/.history/src/lib/tauntContext_20251002142359.ts +0 -0
- package/.history/src/lib/tauntContext_20251002142622.ts +17 -0
- package/.history/src/lib/tauntContext_20251002152540.ts +22 -0
- package/.history/src/lib/tauntContext_20251002152802.ts +22 -0
- package/.history/src/lib/tauntProvider_20251002142503.tsx +0 -0
- package/.history/src/lib/tauntProvider_20251002142622.tsx +15 -0
- package/.history/src/lib/tauntProvider_20251002143158.tsx +19 -0
- package/.history/src/lib/tauntProvider_20251002144018.tsx +19 -0
- package/.history/src/lib/tauntProvider_20251002152234.tsx +40 -0
- package/.history/src/lib/tauntProvider_20251002152802.tsx +40 -0
- package/.history/src/lib/tauntProvider_20251002153101.tsx +49 -0
- package/.history/src/lib/taunt_20251002160026.ts +0 -0
- package/.history/src/lib/taunt_20251002160045.ts +2 -0
- package/.history/src/main_20251002141038.tsx +10 -0
- package/.history/src/main_20251002141444.tsx +12 -0
- package/.history/src/main_20251002160347.tsx +12 -0
- package/.history/vite.config_20251002141038.ts +7 -0
- package/.history/vite.config_20251002141323.ts +10 -0
- package/.prettierrc.mjs +22 -0
- package/README.md +73 -0
- package/eslint.config.js +23 -0
- package/index.html +13 -0
- package/package.json +32 -0
- package/public/vite.svg +1 -0
- package/src/App.css +42 -0
- package/src/App.tsx +54 -0
- package/src/index.css +68 -0
- package/src/lib/exports.ts +3 -0
- package/src/lib/magic.tsx +50 -0
- package/src/lib/metamask.tsx +27 -0
- package/src/lib/styling.css +25 -0
- package/src/lib/taunt.ts +2 -0
- package/src/lib/tauntContext.ts +22 -0
- package/src/lib/tauntProvider.tsx +49 -0
- package/src/main.tsx +12 -0
- package/tsconfig.app.json +28 -0
- package/tsconfig.json +7 -0
- package/tsconfig.node.json +26 -0
- package/vite.config.ts +10 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
<title>taunt-logins-ui-react</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="root"></div>
|
|
11
|
+
<script type="module" src="/src/main.tsx"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
<title>redzone-taunt-logins-ui-react</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="root"></div>
|
|
11
|
+
<script type="module" src="/src/main.tsx"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "taunt-logins-ui-react",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "0.0.0",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "tsc -b && vite build",
|
|
9
|
+
"lint": "eslint .",
|
|
10
|
+
"preview": "vite preview"
|
|
11
|
+
},
|
|
12
|
+
"dependencies": {
|
|
13
|
+
"@redzone/taunt-logins": "^0.0.3",
|
|
14
|
+
"react": "^19.1.1",
|
|
15
|
+
"react-dom": "^19.1.1"
|
|
16
|
+
},
|
|
17
|
+
"devDependencies": {
|
|
18
|
+
"@eslint/js": "^9.36.0",
|
|
19
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
20
|
+
"@types/node": "^24.6.0",
|
|
21
|
+
"@types/react": "^19.1.16",
|
|
22
|
+
"@types/react-dom": "^19.1.9",
|
|
23
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
24
|
+
"eslint": "^9.36.0",
|
|
25
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
26
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
27
|
+
"globals": "^16.4.0",
|
|
28
|
+
"typescript": "~5.9.3",
|
|
29
|
+
"typescript-eslint": "^8.45.0",
|
|
30
|
+
"vite": "^7.1.7"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "taunt-logins-ui-react",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "0.0.0",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "lib/exports.ts",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"dev": "vite",
|
|
9
|
+
"build": "tsc -b && vite build",
|
|
10
|
+
"lint": "eslint .",
|
|
11
|
+
"preview": "vite preview"
|
|
12
|
+
},
|
|
13
|
+
"dependencies": {
|
|
14
|
+
"@redzone/taunt-logins": "^0.0.3",
|
|
15
|
+
"react": "^19.1.1",
|
|
16
|
+
"react-dom": "^19.1.1"
|
|
17
|
+
},
|
|
18
|
+
"devDependencies": {
|
|
19
|
+
"@eslint/js": "^9.36.0",
|
|
20
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
21
|
+
"@types/node": "^24.6.0",
|
|
22
|
+
"@types/react": "^19.1.16",
|
|
23
|
+
"@types/react-dom": "^19.1.9",
|
|
24
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
25
|
+
"eslint": "^9.36.0",
|
|
26
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
27
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
28
|
+
"globals": "^16.4.0",
|
|
29
|
+
"typescript": "~5.9.3",
|
|
30
|
+
"typescript-eslint": "^8.45.0",
|
|
31
|
+
"vite": "^7.1.7"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "0.0.0",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "lib/exports.ts",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"dev": "vite",
|
|
9
|
+
"build": "tsc -b && vite build",
|
|
10
|
+
"lint": "eslint .",
|
|
11
|
+
"preview": "vite preview"
|
|
12
|
+
},
|
|
13
|
+
"dependencies": {
|
|
14
|
+
"@redzone/taunt-logins": "^0.0.3",
|
|
15
|
+
"react": "^19.1.1",
|
|
16
|
+
"react-dom": "^19.1.1"
|
|
17
|
+
},
|
|
18
|
+
"devDependencies": {
|
|
19
|
+
"@eslint/js": "^9.36.0",
|
|
20
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
21
|
+
"@types/node": "^24.6.0",
|
|
22
|
+
"@types/react": "^19.1.16",
|
|
23
|
+
"@types/react-dom": "^19.1.9",
|
|
24
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
25
|
+
"eslint": "^9.36.0",
|
|
26
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
27
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
28
|
+
"globals": "^16.4.0",
|
|
29
|
+
"typescript": "~5.9.3",
|
|
30
|
+
"typescript-eslint": "^8.45.0",
|
|
31
|
+
"vite": "^7.1.7"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "lib/exports.ts",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "tsc -b && vite build",
|
|
9
|
+
"lint": "eslint .",
|
|
10
|
+
"preview": "vite preview"
|
|
11
|
+
},
|
|
12
|
+
"dependencies": {
|
|
13
|
+
"@redzone/taunt-logins": "^0.0.3",
|
|
14
|
+
"react": "^19.1.1",
|
|
15
|
+
"react-dom": "^19.1.1"
|
|
16
|
+
},
|
|
17
|
+
"devDependencies": {
|
|
18
|
+
"@eslint/js": "^9.36.0",
|
|
19
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
20
|
+
"@types/node": "^24.6.0",
|
|
21
|
+
"@types/react": "^19.1.16",
|
|
22
|
+
"@types/react-dom": "^19.1.9",
|
|
23
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
24
|
+
"eslint": "^9.36.0",
|
|
25
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
26
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
27
|
+
"globals": "^16.4.0",
|
|
28
|
+
"typescript": "~5.9.3",
|
|
29
|
+
"typescript-eslint": "^8.45.0",
|
|
30
|
+
"vite": "^7.1.7"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { useState } from 'react'
|
|
2
|
+
import reactLogo from './assets/react.svg'
|
|
3
|
+
import viteLogo from '/vite.svg'
|
|
4
|
+
import './App.css'
|
|
5
|
+
|
|
6
|
+
function App() {
|
|
7
|
+
const [count, setCount] = useState(0)
|
|
8
|
+
|
|
9
|
+
return (
|
|
10
|
+
<>
|
|
11
|
+
<div>
|
|
12
|
+
<a href="https://vite.dev" target="_blank">
|
|
13
|
+
<img src={viteLogo} className="logo" alt="Vite logo" />
|
|
14
|
+
</a>
|
|
15
|
+
<a href="https://react.dev" target="_blank">
|
|
16
|
+
<img src={reactLogo} className="logo react" alt="React logo" />
|
|
17
|
+
</a>
|
|
18
|
+
</div>
|
|
19
|
+
<h1>Vite + React</h1>
|
|
20
|
+
<div className="card">
|
|
21
|
+
<button onClick={() => setCount((count) => count + 1)}>
|
|
22
|
+
count is {count}
|
|
23
|
+
</button>
|
|
24
|
+
<p>
|
|
25
|
+
Edit <code>src/App.tsx</code> and save to test HMR
|
|
26
|
+
</p>
|
|
27
|
+
</div>
|
|
28
|
+
<p className="read-the-docs">
|
|
29
|
+
Click on the Vite and React logos to learn more
|
|
30
|
+
</p>
|
|
31
|
+
</>
|
|
32
|
+
)
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
export default App
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { Emailer } from "./lib/magic"
|
|
4
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
5
|
+
|
|
6
|
+
function App() {
|
|
7
|
+
return (
|
|
8
|
+
<TauntProvider
|
|
9
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}>
|
|
10
|
+
<Emailer />
|
|
11
|
+
</TauntProvider>
|
|
12
|
+
)
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export default App
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { Emailer } from "./lib/magic"
|
|
4
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
5
|
+
|
|
6
|
+
function App() {
|
|
7
|
+
return (
|
|
8
|
+
<TauntProvider
|
|
9
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}>
|
|
10
|
+
<Emailer />
|
|
11
|
+
</TauntProvider>
|
|
12
|
+
)
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export default App
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
6
|
+
|
|
7
|
+
function App() {
|
|
8
|
+
return (
|
|
9
|
+
<TauntProvider
|
|
10
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}>
|
|
11
|
+
<MagicEmailInput />
|
|
12
|
+
<MetaMaskButton />
|
|
13
|
+
</TauntProvider>
|
|
14
|
+
)
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export default App
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
6
|
+
|
|
7
|
+
function App() {
|
|
8
|
+
return (
|
|
9
|
+
<TauntProvider
|
|
10
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
11
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
12
|
+
<MagicEmailInput />
|
|
13
|
+
<MetaMaskButton />
|
|
14
|
+
</TauntProvider>
|
|
15
|
+
)
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export default App
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<MagicEmailInput />
|
|
14
|
+
<MetaMaskButton />
|
|
15
|
+
<TauntDeets />
|
|
16
|
+
</TauntProvider>
|
|
17
|
+
)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function TauntDeets() {
|
|
21
|
+
const { deets } = useTaunt()
|
|
22
|
+
return <pre>{JSON.stringify(deets, null, 2)}</pre>
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export default App
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<MagicEmailInput />
|
|
14
|
+
<MetaMaskButton />
|
|
15
|
+
<TauntDeets />
|
|
16
|
+
</TauntProvider>
|
|
17
|
+
)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function LogoutButton() {
|
|
21
|
+
const { deets } = useTaunt()
|
|
22
|
+
if (!deets) return null
|
|
23
|
+
|
|
24
|
+
return <input type="button" value="Logout" />
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function TauntDeets() {
|
|
28
|
+
const { deets } = useTaunt()
|
|
29
|
+
return <pre>{JSON.stringify(deets, null, 2)}</pre>
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export default App
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<MagicEmailInput />
|
|
14
|
+
<MetaMaskButton />
|
|
15
|
+
<TauntDeets />
|
|
16
|
+
<LogoutButton />
|
|
17
|
+
</TauntProvider>
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function LogoutButton() {
|
|
22
|
+
const { deets } = useTaunt()
|
|
23
|
+
if (!deets) return null
|
|
24
|
+
|
|
25
|
+
return <input type="button" value="Logout" />
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function TauntDeets() {
|
|
29
|
+
const { deets } = useTaunt()
|
|
30
|
+
return <pre>{JSON.stringify(deets, null, 2)}</pre>
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export default App
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<MagicEmailInput />
|
|
14
|
+
<MetaMaskButton />
|
|
15
|
+
<TauntDeets />
|
|
16
|
+
<LogoutButton />
|
|
17
|
+
</TauntProvider>
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function LogoutButton() {
|
|
22
|
+
const { deets } = useTaunt()
|
|
23
|
+
if (!deets) return null
|
|
24
|
+
|
|
25
|
+
return (
|
|
26
|
+
<input
|
|
27
|
+
className="ml-2 p-2 bg-blue-500 text-white rounded-md"
|
|
28
|
+
type="button"
|
|
29
|
+
value="Logout"
|
|
30
|
+
/>
|
|
31
|
+
)
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function TauntDeets() {
|
|
35
|
+
const { deets } = useTaunt()
|
|
36
|
+
return <pre>{JSON.stringify(deets, null, 2)}</pre>
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export default App
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<MagicEmailInput />
|
|
14
|
+
<MetaMaskButton />
|
|
15
|
+
<TauntDeets />
|
|
16
|
+
<LogoutButton />
|
|
17
|
+
</TauntProvider>
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function LogoutButton() {
|
|
22
|
+
const { deets } = useTaunt()
|
|
23
|
+
if (!deets) return null
|
|
24
|
+
|
|
25
|
+
return (
|
|
26
|
+
<button
|
|
27
|
+
className="ml-2 p-2 bg-blue-500 text-white rounded-md"
|
|
28
|
+
type="button">
|
|
29
|
+
Logout
|
|
30
|
+
</button>
|
|
31
|
+
)
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function TauntDeets() {
|
|
35
|
+
const { deets } = useTaunt()
|
|
36
|
+
return <pre>{JSON.stringify(deets, null, 2)}</pre>
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export default App
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<MagicEmailInput />
|
|
14
|
+
<MetaMaskButton />
|
|
15
|
+
<LogoutButton />
|
|
16
|
+
<TauntDeets />
|
|
17
|
+
</TauntProvider>
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function LogoutButton() {
|
|
22
|
+
const { deets } = useTaunt()
|
|
23
|
+
if (!deets) return null
|
|
24
|
+
|
|
25
|
+
return (
|
|
26
|
+
<button
|
|
27
|
+
className="ml-2 p-2 bg-blue-500 text-white rounded-md"
|
|
28
|
+
type="button">
|
|
29
|
+
Logout
|
|
30
|
+
</button>
|
|
31
|
+
)
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function TauntDeets() {
|
|
35
|
+
const { deets } = useTaunt()
|
|
36
|
+
return <pre>{JSON.stringify(deets, null, 2)}</pre>
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export default App
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<div className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
|
|
14
|
+
<MagicEmailInput />
|
|
15
|
+
<MetaMaskButton />
|
|
16
|
+
<LogoutButton />
|
|
17
|
+
<TauntDeets />
|
|
18
|
+
</div>
|
|
19
|
+
</TauntProvider>
|
|
20
|
+
)
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
function LogoutButton() {
|
|
24
|
+
const { deets } = useTaunt()
|
|
25
|
+
if (!deets) return null
|
|
26
|
+
|
|
27
|
+
return (
|
|
28
|
+
<button
|
|
29
|
+
className="ml-2 p-2 bg-blue-500 text-white rounded-md"
|
|
30
|
+
type="button">
|
|
31
|
+
Logout
|
|
32
|
+
</button>
|
|
33
|
+
)
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
function TauntDeets() {
|
|
37
|
+
const { deets } = useTaunt()
|
|
38
|
+
return <pre>{JSON.stringify(deets, null, 2)}</pre>
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export default App
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
|
|
14
|
+
<MagicEmailInput />
|
|
15
|
+
<MetaMaskButton />
|
|
16
|
+
<LogoutButton />
|
|
17
|
+
<TauntDeets />
|
|
18
|
+
</div>
|
|
19
|
+
</TauntProvider>
|
|
20
|
+
)
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
function LogoutButton() {
|
|
24
|
+
const { deets } = useTaunt()
|
|
25
|
+
if (!deets) return null
|
|
26
|
+
|
|
27
|
+
return (
|
|
28
|
+
<button
|
|
29
|
+
className="ml-2 p-2 bg-blue-500 text-white rounded-md"
|
|
30
|
+
type="button">
|
|
31
|
+
Logout
|
|
32
|
+
</button>
|
|
33
|
+
)
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
function TauntDeets() {
|
|
37
|
+
const { deets } = useTaunt()
|
|
38
|
+
return <pre>{JSON.stringify(deets, null, 2)}</pre>
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export default App
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<div
|
|
14
|
+
style={{
|
|
15
|
+
display: "flex",
|
|
16
|
+
flexDirection: "column",
|
|
17
|
+
gap: 8,
|
|
18
|
+
alignItems: "center"
|
|
19
|
+
}}>
|
|
20
|
+
<MagicEmailInput />
|
|
21
|
+
<MetaMaskButton />
|
|
22
|
+
<LogoutButton />
|
|
23
|
+
<TauntDeets />
|
|
24
|
+
</div>
|
|
25
|
+
</TauntProvider>
|
|
26
|
+
)
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
function LogoutButton() {
|
|
30
|
+
const { deets } = useTaunt()
|
|
31
|
+
if (!deets) return null
|
|
32
|
+
|
|
33
|
+
return (
|
|
34
|
+
<button
|
|
35
|
+
className="ml-2 p-2 bg-blue-500 text-white rounded-md"
|
|
36
|
+
type="button">
|
|
37
|
+
Logout
|
|
38
|
+
</button>
|
|
39
|
+
)
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
function TauntDeets() {
|
|
43
|
+
const { deets } = useTaunt()
|
|
44
|
+
return <pre>{JSON.stringify(deets, null, 2)}</pre>
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export default App
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import "./App.css"
|
|
2
|
+
|
|
3
|
+
import { MagicEmailInput } from "./lib/magic"
|
|
4
|
+
import { MetaMaskButton } from "./lib/metamask"
|
|
5
|
+
import { useTaunt } from "./lib/tauntContext"
|
|
6
|
+
import { TauntProvider } from "./lib/tauntProvider"
|
|
7
|
+
|
|
8
|
+
function App() {
|
|
9
|
+
return (
|
|
10
|
+
<TauntProvider
|
|
11
|
+
tauntServiceEndpoint={import.meta.env.VITE_TAUNT_SERVICE_ENDPOINT}
|
|
12
|
+
magicKey={import.meta.env.VITE_MAGIC_KEY}>
|
|
13
|
+
<div
|
|
14
|
+
style={{
|
|
15
|
+
display: "flex",
|
|
16
|
+
flexDirection: "column",
|
|
17
|
+
gap: 8,
|
|
18
|
+
alignItems: "center"
|
|
19
|
+
}}>
|
|
20
|
+
<MagicEmailInput />
|
|
21
|
+
<MetaMaskButton />
|
|
22
|
+
<LogoutButton />
|
|
23
|
+
<TauntDeets />
|
|
24
|
+
</div>
|
|
25
|
+
</TauntProvider>
|
|
26
|
+
)
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
function LogoutButton() {
|
|
30
|
+
const { deets } = useTaunt()
|
|
31
|
+
if (!deets) return null
|
|
32
|
+
|
|
33
|
+
return (
|
|
34
|
+
<button
|
|
35
|
+
className="ml-2 p-2 bg-blue-500 text-white rounded-md"
|
|
36
|
+
type="button">
|
|
37
|
+
Logout
|
|
38
|
+
</button>
|
|
39
|
+
)
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
function TauntDeets() {
|
|
43
|
+
const { deets } = useTaunt()
|
|
44
|
+
return <input type="text" value={JSON.stringify(deets, null, 2)} readOnly />
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export default App
|