@redzone/taunt-logins-ui-react 0.0.2 → 0.0.4
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/package_20251002162139.json +32 -0
- package/.history/package_20251002162605.json +35 -0
- package/.history/package_20251002162619.json +35 -0
- package/.history/package_20251002162631.json +35 -0
- package/.history/package_20251002162639.json +35 -0
- package/.history/package_20251002162659.json +35 -0
- package/.history/package_20251002162811.json +39 -0
- package/.history/package_20251002162820.json +39 -0
- package/.history/src/lib/index_20251002162704.ts +0 -0
- package/.history/src/lib/index_20251002162712.ts +1 -0
- package/.history/src/lib/magic_20251002162134.tsx +50 -0
- package/.history/src/lib/metamask_20251002162122.tsx +27 -0
- package/package.json +10 -3
- package/src/lib/magic.tsx +2 -2
- package/src/lib/metamask.tsx +1 -1
- package/src/lib/exports.ts +0 -3
- package/src/lib/taunt.ts +0 -2
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"version": "0.0.3",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "src/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
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"version": "0.0.3",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "src/lib/exports.ts",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "tsc -b && vite build",
|
|
9
|
+
"lint": "eslint .",
|
|
10
|
+
"preview": "vite preview",
|
|
11
|
+
"publish:npm": "rm -rf dist && mkdir dist && babel src/component -d dist --copy-files"
|
|
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
|
+
"@babel/cli": "^7.28.3",
|
|
20
|
+
"@babel/preset-react": "^7.27.1",
|
|
21
|
+
"@eslint/js": "^9.36.0",
|
|
22
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
23
|
+
"@types/node": "^24.6.0",
|
|
24
|
+
"@types/react": "^19.1.16",
|
|
25
|
+
"@types/react-dom": "^19.1.9",
|
|
26
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
27
|
+
"eslint": "^9.36.0",
|
|
28
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
29
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
30
|
+
"globals": "^16.4.0",
|
|
31
|
+
"typescript": "~5.9.3",
|
|
32
|
+
"typescript-eslint": "^8.45.0",
|
|
33
|
+
"vite": "^7.1.7"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"version": "0.0.3",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "src/lib/exports.ts",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "tsc -b && vite build",
|
|
9
|
+
"lint": "eslint .",
|
|
10
|
+
"preview": "vite preview",
|
|
11
|
+
"publish:npm": "rm -rf dist && mkdir dist && babel src/component -d dist --copy-files"
|
|
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
|
+
"@babel/cli": "^7.28.3",
|
|
20
|
+
"@babel/preset-react": "^7.27.1",
|
|
21
|
+
"@eslint/js": "^9.36.0",
|
|
22
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
23
|
+
"@types/node": "^24.6.0",
|
|
24
|
+
"@types/react": "^19.1.16",
|
|
25
|
+
"@types/react-dom": "^19.1.9",
|
|
26
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
27
|
+
"eslint": "^9.36.0",
|
|
28
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
29
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
30
|
+
"globals": "^16.4.0",
|
|
31
|
+
"typescript": "~5.9.3",
|
|
32
|
+
"typescript-eslint": "^8.45.0",
|
|
33
|
+
"vite": "^7.1.7"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"version": "0.0.3",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "src/lib/exports.ts",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "tsc -b && vite build",
|
|
9
|
+
"lint": "eslint .",
|
|
10
|
+
"preview": "vite preview",
|
|
11
|
+
"publish:npm": "rm -rf dist && mkdir dist && babel src/lib/exports -d dist --copy-files"
|
|
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
|
+
"@babel/cli": "^7.28.3",
|
|
20
|
+
"@babel/preset-react": "^7.27.1",
|
|
21
|
+
"@eslint/js": "^9.36.0",
|
|
22
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
23
|
+
"@types/node": "^24.6.0",
|
|
24
|
+
"@types/react": "^19.1.16",
|
|
25
|
+
"@types/react-dom": "^19.1.9",
|
|
26
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
27
|
+
"eslint": "^9.36.0",
|
|
28
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
29
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
30
|
+
"globals": "^16.4.0",
|
|
31
|
+
"typescript": "~5.9.3",
|
|
32
|
+
"typescript-eslint": "^8.45.0",
|
|
33
|
+
"vite": "^7.1.7"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"version": "0.0.3",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "src/lib/exports.ts",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "tsc -b && vite build",
|
|
9
|
+
"lint": "eslint .",
|
|
10
|
+
"preview": "vite preview",
|
|
11
|
+
"publish:npm": "rm -rf dist && mkdir dist && babel src/lib/exports.ts -d dist --copy-files"
|
|
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
|
+
"@babel/cli": "^7.28.3",
|
|
20
|
+
"@babel/preset-react": "^7.27.1",
|
|
21
|
+
"@eslint/js": "^9.36.0",
|
|
22
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
23
|
+
"@types/node": "^24.6.0",
|
|
24
|
+
"@types/react": "^19.1.16",
|
|
25
|
+
"@types/react-dom": "^19.1.9",
|
|
26
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
27
|
+
"eslint": "^9.36.0",
|
|
28
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
29
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
30
|
+
"globals": "^16.4.0",
|
|
31
|
+
"typescript": "~5.9.3",
|
|
32
|
+
"typescript-eslint": "^8.45.0",
|
|
33
|
+
"vite": "^7.1.7"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"version": "0.0.3",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "src/lib/exports.ts",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "tsc -b && vite build",
|
|
9
|
+
"lint": "eslint .",
|
|
10
|
+
"preview": "vite preview",
|
|
11
|
+
"publish:npm": "rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files"
|
|
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
|
+
"@babel/cli": "^7.28.3",
|
|
20
|
+
"@babel/preset-react": "^7.27.1",
|
|
21
|
+
"@eslint/js": "^9.36.0",
|
|
22
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
23
|
+
"@types/node": "^24.6.0",
|
|
24
|
+
"@types/react": "^19.1.16",
|
|
25
|
+
"@types/react-dom": "^19.1.9",
|
|
26
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
27
|
+
"eslint": "^9.36.0",
|
|
28
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
29
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
30
|
+
"globals": "^16.4.0",
|
|
31
|
+
"typescript": "~5.9.3",
|
|
32
|
+
"typescript-eslint": "^8.45.0",
|
|
33
|
+
"vite": "^7.1.7"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"version": "0.0.3",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"scripts": {
|
|
6
|
+
"dev": "vite",
|
|
7
|
+
"build": "tsc -b && vite build",
|
|
8
|
+
"lint": "eslint .",
|
|
9
|
+
"preview": "vite preview",
|
|
10
|
+
"publish:npm": "rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files"
|
|
11
|
+
},
|
|
12
|
+
"babel": {
|
|
13
|
+
"presets": [
|
|
14
|
+
"@babel/preset-react"
|
|
15
|
+
]
|
|
16
|
+
},
|
|
17
|
+
"dependencies": {
|
|
18
|
+
"@redzone/taunt-logins": "^0.0.3",
|
|
19
|
+
"react": "^19.1.1",
|
|
20
|
+
"react-dom": "^19.1.1"
|
|
21
|
+
},
|
|
22
|
+
"devDependencies": {
|
|
23
|
+
"@babel/cli": "^7.28.3",
|
|
24
|
+
"@babel/preset-react": "^7.27.1",
|
|
25
|
+
"@eslint/js": "^9.36.0",
|
|
26
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
27
|
+
"@types/node": "^24.6.0",
|
|
28
|
+
"@types/react": "^19.1.16",
|
|
29
|
+
"@types/react-dom": "^19.1.9",
|
|
30
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
31
|
+
"eslint": "^9.36.0",
|
|
32
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
33
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
34
|
+
"globals": "^16.4.0",
|
|
35
|
+
"typescript": "~5.9.3",
|
|
36
|
+
"typescript-eslint": "^8.45.0",
|
|
37
|
+
"vite": "^7.1.7"
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
+
"version": "0.0.4",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"scripts": {
|
|
6
|
+
"dev": "vite",
|
|
7
|
+
"build": "tsc -b && vite build",
|
|
8
|
+
"lint": "eslint .",
|
|
9
|
+
"preview": "vite preview",
|
|
10
|
+
"publish:npm": "rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files"
|
|
11
|
+
},
|
|
12
|
+
"babel": {
|
|
13
|
+
"presets": [
|
|
14
|
+
"@babel/preset-react"
|
|
15
|
+
]
|
|
16
|
+
},
|
|
17
|
+
"dependencies": {
|
|
18
|
+
"@redzone/taunt-logins": "^0.0.3",
|
|
19
|
+
"react": "^19.1.1",
|
|
20
|
+
"react-dom": "^19.1.1"
|
|
21
|
+
},
|
|
22
|
+
"devDependencies": {
|
|
23
|
+
"@babel/cli": "^7.28.3",
|
|
24
|
+
"@babel/preset-react": "^7.27.1",
|
|
25
|
+
"@eslint/js": "^9.36.0",
|
|
26
|
+
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
27
|
+
"@types/node": "^24.6.0",
|
|
28
|
+
"@types/react": "^19.1.16",
|
|
29
|
+
"@types/react-dom": "^19.1.9",
|
|
30
|
+
"@vitejs/plugin-react-swc": "^4.1.0",
|
|
31
|
+
"eslint": "^9.36.0",
|
|
32
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
33
|
+
"eslint-plugin-react-refresh": "^0.4.22",
|
|
34
|
+
"globals": "^16.4.0",
|
|
35
|
+
"typescript": "~5.9.3",
|
|
36
|
+
"typescript-eslint": "^8.45.0",
|
|
37
|
+
"vite": "^7.1.7"
|
|
38
|
+
}
|
|
39
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./exports"
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { useCallback, useMemo, useState } from "react"
|
|
2
|
+
|
|
3
|
+
import "./styling.css"
|
|
4
|
+
|
|
5
|
+
import { useTaunt } from "./tauntContext"
|
|
6
|
+
|
|
7
|
+
export const MagicEmailInput = ({
|
|
8
|
+
onEmail
|
|
9
|
+
}: {
|
|
10
|
+
onEmail?: (email: string) => void
|
|
11
|
+
}) => {
|
|
12
|
+
const { otpMagicLogin } = useTaunt()
|
|
13
|
+
const [email, setEmail] = useState<string>()
|
|
14
|
+
|
|
15
|
+
const initialised = useMemo(() => email !== undefined, [email])
|
|
16
|
+
|
|
17
|
+
const validEmail = useMemo(() => {
|
|
18
|
+
const validRegex =
|
|
19
|
+
/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/
|
|
20
|
+
return email?.match(validRegex) ? email : undefined
|
|
21
|
+
}, [email])
|
|
22
|
+
|
|
23
|
+
const runMagic = useCallback(() => {
|
|
24
|
+
if (!validEmail) return
|
|
25
|
+
|
|
26
|
+
if (onEmail) {
|
|
27
|
+
onEmail(email!)
|
|
28
|
+
} else {
|
|
29
|
+
otpMagicLogin(email!)
|
|
30
|
+
}
|
|
31
|
+
}, [validEmail, onEmail])
|
|
32
|
+
|
|
33
|
+
return (
|
|
34
|
+
<div style={{ display: "flex", flexDirection: "row", gap: 8 }}>
|
|
35
|
+
{initialised && !validEmail && (
|
|
36
|
+
<div style={{ color: "red" }}>Please enter a valid email</div>
|
|
37
|
+
)}
|
|
38
|
+
<input
|
|
39
|
+
class="rdz-input"
|
|
40
|
+
onChange={(e) => setEmail(e.target.value ? e.target.value : undefined)}
|
|
41
|
+
placeholder="Enter your email"
|
|
42
|
+
type="email"
|
|
43
|
+
value={email}
|
|
44
|
+
/>
|
|
45
|
+
<button class="rdz-button" onClick={runMagic} type="button">
|
|
46
|
+
Send Magic Link
|
|
47
|
+
</button>
|
|
48
|
+
</div>
|
|
49
|
+
)
|
|
50
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { useCallback } from "react"
|
|
2
|
+
|
|
3
|
+
import "./styling.css"
|
|
4
|
+
|
|
5
|
+
import { useTaunt } from "./tauntContext"
|
|
6
|
+
|
|
7
|
+
export const MetaMaskButton = ({
|
|
8
|
+
openMetamask
|
|
9
|
+
}: {
|
|
10
|
+
openMetamask?: () => void
|
|
11
|
+
}) => {
|
|
12
|
+
const { metamaskLogin } = useTaunt()
|
|
13
|
+
|
|
14
|
+
const runMetamask = useCallback(() => {
|
|
15
|
+
if (openMetamask) {
|
|
16
|
+
openMetamask()
|
|
17
|
+
} else {
|
|
18
|
+
metamaskLogin()
|
|
19
|
+
}
|
|
20
|
+
}, [metamaskLogin, openMetamask])
|
|
21
|
+
|
|
22
|
+
return (
|
|
23
|
+
<button class="rdz-button" onClick={runMetamask}>
|
|
24
|
+
Login with Metamask
|
|
25
|
+
</button>
|
|
26
|
+
)
|
|
27
|
+
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redzone/taunt-logins-ui-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"type": "module",
|
|
5
|
-
"main": "src/lib/exports.ts",
|
|
6
5
|
"scripts": {
|
|
7
6
|
"dev": "vite",
|
|
8
7
|
"build": "tsc -b && vite build",
|
|
9
8
|
"lint": "eslint .",
|
|
10
|
-
"preview": "vite preview"
|
|
9
|
+
"preview": "vite preview",
|
|
10
|
+
"publish:npm": "rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files"
|
|
11
|
+
},
|
|
12
|
+
"babel": {
|
|
13
|
+
"presets": [
|
|
14
|
+
"@babel/preset-react"
|
|
15
|
+
]
|
|
11
16
|
},
|
|
12
17
|
"dependencies": {
|
|
13
18
|
"@redzone/taunt-logins": "^0.0.3",
|
|
@@ -15,6 +20,8 @@
|
|
|
15
20
|
"react-dom": "^19.1.1"
|
|
16
21
|
},
|
|
17
22
|
"devDependencies": {
|
|
23
|
+
"@babel/cli": "^7.28.3",
|
|
24
|
+
"@babel/preset-react": "^7.27.1",
|
|
18
25
|
"@eslint/js": "^9.36.0",
|
|
19
26
|
"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
|
|
20
27
|
"@types/node": "^24.6.0",
|
package/src/lib/magic.tsx
CHANGED
|
@@ -36,13 +36,13 @@ export const MagicEmailInput = ({
|
|
|
36
36
|
<div style={{ color: "red" }}>Please enter a valid email</div>
|
|
37
37
|
)}
|
|
38
38
|
<input
|
|
39
|
-
|
|
39
|
+
class="rdz-input"
|
|
40
40
|
onChange={(e) => setEmail(e.target.value ? e.target.value : undefined)}
|
|
41
41
|
placeholder="Enter your email"
|
|
42
42
|
type="email"
|
|
43
43
|
value={email}
|
|
44
44
|
/>
|
|
45
|
-
<button
|
|
45
|
+
<button class="rdz-button" onClick={runMagic} type="button">
|
|
46
46
|
Send Magic Link
|
|
47
47
|
</button>
|
|
48
48
|
</div>
|
package/src/lib/metamask.tsx
CHANGED
package/src/lib/exports.ts
DELETED
package/src/lib/taunt.ts
DELETED