10 | 
navigate('/')}
15 | />
16 |
17 | )
18 | }
19 |
20 | export default LogoHeader
21 |
--------------------------------------------------------------------------------
/src/components/common/SearchInput.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Button from './Button'
3 |
4 | interface SearchInputProps {
5 | value: string
6 | onChange: (value: string) => void
7 | onSubmit: (e: React.FormEvent) => void
8 | placeholder?: string
9 | className?: string
10 | }
11 |
12 | const SearchInput: React.FC
23 | onChange(e.target.value)}
27 | placeholder={placeholder}
28 | className="w-full h-full bg-transparent text-black text-sm sm:text-base placeholder:text-white/40 pl-4 sm:pl-6 md:pl-[24px] focus:outline-none rounded-full"
29 | />
30 |
37 |
38 | )
39 | }
40 |
41 | export default SearchInput
42 |
--------------------------------------------------------------------------------
/src/components/common/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Button } from './Button'
2 | export { default as FormInput } from './FormInput'
3 | export { default as SearchInput } from './SearchInput'
4 | export { default as LogoHeader } from './LogoHeader'
5 |
--------------------------------------------------------------------------------
/src/components/index.ts:
--------------------------------------------------------------------------------
1 | export * from './common'
2 | export * from './layout'
3 |
4 | export { default as RegistrationForm } from './RegistrationForm'
5 |
--------------------------------------------------------------------------------
/src/components/layout/MainLayout.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import bgImage from '../../assets/images/bg.jpg'
3 | import LogoHeader from '../common/LogoHeader'
4 |
5 | interface MainLayoutProps {
6 | children: React.ReactNode
7 | }
8 |
9 | const MainLayout: React.FC
12 |
16 |
17 |
21 | )
22 | }
23 |
24 | export default MainLayout
25 |
--------------------------------------------------------------------------------
/src/components/layout/index.ts:
--------------------------------------------------------------------------------
1 | export { default as MainLayout } from './MainLayout'
2 |
--------------------------------------------------------------------------------
/src/config/web3modal.tsx:
--------------------------------------------------------------------------------
1 | import { createWeb3Modal } from '@web3modal/wagmi/react'
2 | import { defaultWagmiConfig } from '@web3modal/base/adapters/evm/wagmi'
3 | import { WagmiProvider } from 'wagmi'
4 | import { base } from 'viem/chains'
5 | import React from 'react'
6 |
7 | const projectId = '5932391dbb0b923a14c367f7c2970edd'
8 |
9 | const metadata = {
10 | name: 'Web3 Domain Registration',
11 | description: 'Register your Web3 Domain',
12 | url: 'https://web3modal.com',
13 | icons: ['https://avatars.githubusercontent.com/u/37784886']
14 | }
15 |
16 | const chains = [base] as const
17 | export const wagmiConfig = defaultWagmiConfig({
18 | chains,
19 | projectId,
20 | metadata,
21 | enableCoinbase: true,
22 | enableWalletConnect: true,
23 | enableInjected: true,
24 | enableEIP6963: true
25 | })
26 |
27 | createWeb3Modal({
28 | wagmiConfig: wagmiConfig,
29 | projectId,
30 | enableAnalytics: true,
31 | defaultChain: base,
32 | featuredWalletIds: ['coinbaseWallet']
33 | })
34 |
35 | interface Web3ModalProviderProps {
36 | children: React.ReactNode
37 | }
38 |
39 | export const Web3ModalProvider: React.FC{children}
20 |
81 |
85 |
105 | )
106 | }
107 |
108 | export default DomainRegistration
109 |
--------------------------------------------------------------------------------
/src/domain-register/DomainRegister.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react'
2 | import { useNavigate } from 'react-router-dom'
3 | import bgImage from '../assets/images/bg.jpg'
4 | import LogoHeader from '../components/common/LogoHeader'
5 |
6 | const setupAnimations = () => {
7 | const style = document.createElement('style')
8 | style.textContent = `
9 | @keyframes fadeIn {
10 | from { opacity: 0; }
11 | to { opacity: 1; }
12 | }
13 |
14 | @keyframes fadeInUp {
15 | from {
16 | opacity: 0;
17 | transform: translateY(20px);
18 | }
19 | to {
20 | opacity: 1;
21 | transform: translateY(0);
22 | }
23 | }
24 |
25 | .animate-fade-in {
26 | opacity: 0;
27 | animation: fadeIn 0.7s ease-out forwards;
28 | }
29 |
30 | .animate-fade-in-up {
31 | opacity: 0;
32 | animation: fadeInUp 0.7s ease-out forwards;
33 | }
34 |
35 | .delay-200 {
36 | animation-delay: 0.2s;
37 | }
38 | `
39 | document.head.appendChild(style)
40 | }
41 |
42 | const DomainRegister: React.FC = () => {
43 | const navigate = useNavigate()
44 | const [searchQuery, setSearchQuery] = useState('')
45 | const [isValidInput, setIsValidInput] = useState(true)
46 |
47 | const validateInput = (input: string) => {
48 | return /^[a-z0-9-]*$/.test(input)
49 | }
50 |
51 | const handleInputChange = (e: React.ChangeEvent
87 |
104 |
88 |
103 |
89 |
102 |
90 |
101 |
91 |
100 | 92 | Fill out the form 93 |
94 |
76 |
80 |
81 |
131 | )
132 | }
133 |
134 | setupAnimations()
135 |
136 | export default DomainRegister
137 |
--------------------------------------------------------------------------------
/src/domain-register/DomainSearchResults.tsx:
--------------------------------------------------------------------------------
1 | import React, { useCallback, useEffect, useState } from 'react'
2 | import { useNavigate, useLocation } from 'react-router-dom'
3 | import { ethers } from 'ethers'
4 | import bgImage from '../assets/images/bg.jpg'
5 | import circleCheck from '../assets/images/check_circle.png'
6 | import circleBlock from '../assets/images/inputBlock.svg'
7 | import whiteArrow from '../assets/images/arrow-white.svg'
8 | import LogoHeader from '../components/common/LogoHeader'
9 |
10 | interface DomainData {
11 | min_value: number
12 | name: string
13 | is_available: boolean
14 | service_charge: string
15 | is_valid: boolean
16 | }
17 |
18 | const DomainSearchResults: React.FC = () => {
19 | const navigate = useNavigate()
20 | const location = useLocation()
21 |
22 | const [custodyType, setCustodyType] = useState<'self' | 'hosted'>('self')
23 | const [loading, setLoading] = useState(false)
24 | const [isValidInput, setIsValidInput] = useState(true)
25 |
26 | const [searchQuery, setSearchQuery] = useState(location.state?.query)
27 | const [domain, setDomain] = useState('')
28 | const [data, setData] = useState
84 |
130 |
85 |
129 |
86 | Claim your
87 |
88 | PKT Domain 89 |
90 |
91 | 88 | PKT Domain 89 |
92 |
95 |
101 |
102 |
103 |
122 | {!isValidInput && (
123 |
124 | Only lowercase letters (a-z), numbers (0-9) and hyphens (-) are
125 | allowed
126 |
127 | )}
128 |
109 |
113 |
114 |
221 | )
222 | }
223 |
224 | export default DomainSearchResults
225 |
--------------------------------------------------------------------------------
/src/domain-register/index.tsx:
--------------------------------------------------------------------------------
1 | export { default as DomainRegister } from './DomainRegister'
2 | export { default as BillingAndInfo } from './BillingAndInfo'
3 | export { default as DomainSearchResults } from './DomainSearchResults'
4 | export { default as LogoHeader } from '../components/common/LogoHeader'
5 | export { default as RegistrationForm } from '../components/RegistrationForm'
6 |
--------------------------------------------------------------------------------
/src/favicon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 |
6 |
7 | @layer base {
8 | body {
9 | @apply bg-[#000B1E] text-white ;
10 | font-family: 'Inter';
11 | }
12 | }
13 |
14 | @layer utilities {
15 | .animate-fall {
16 | animation: fall 20s linear infinite;
17 | }
18 |
19 | .animate-spin-slow {
20 | animation: spin 3s linear infinite;
21 | }
22 | .custom-scrollbar::-webkit-scrollbar {
23 | width: 20px;
24 | }
25 |
26 | .custom-scrollbar::-webkit-scrollbar-track {
27 | box-shadow: inset 0 0 5px grey;
28 | border-radius: 10px;
29 | }
30 |
31 | .custom-scrollbar::-webkit-scrollbar-thumb {
32 | background: red;
33 | border-radius: 10px;
34 | }
35 | }
36 |
37 | @keyframes fall {
38 | from {
39 | transform: translateY(-100%);
40 | }
41 | to {
42 | transform: translateY(100%);
43 | }
44 | }
45 |
46 | @keyframes spin {
47 | from {
48 | transform: rotate(0deg);
49 | }
50 | to {
51 | transform: rotate(360deg);
52 | }
53 | }
54 |
55 | /* Gradient Backgrounds */
56 | .bg-gradient-radial {
57 | background: radial-gradient(circle at center, var(--tw-gradient-from) 0%, var(--tw-gradient-via) 50%, var(--tw-gradient-to) 100%);
58 | }
59 |
60 | .bg-gradient-blue {
61 | background: linear-gradient(103deg, #000309 20.67%, rgba(1,43,90,0.90) 47.01%, rgba(1,148,254,0.53) 66.96%, rgba(4,34,107,0.24) 76.55%);
62 | }
63 |
64 | /* Custom Scrollbar */
65 | ::-webkit-scrollbar {
66 | width: 8px;
67 | }
68 |
69 | ::-webkit-scrollbar-track {
70 | @apply bg-white/5;
71 | }
72 |
73 | ::-webkit-scrollbar-thumb {
74 | @apply bg-white/20 rounded-full hover:bg-white/30 transition-colors;
75 | }
76 |
77 | ::-webkit-scrollbar-thumb:hover {
78 | @apply bg-white/30;
79 | }
80 |
81 |
82 |
83 |
--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/src/main.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { createRoot } from 'react-dom/client'
3 | import { BrowserRouter, Route, Routes } from 'react-router-dom'
4 |
5 | import './index.css'
6 |
7 | import { Providers } from './providers'
8 | import { Web3ModalProvider } from './config/web3modal'
9 |
10 | import {
11 | DomainRegister,
12 | BillingAndInfo,
13 | DomainSearchResults
14 | } from './domain-register'
15 |
16 | import {
17 | Web3Register,
18 | RegistrationComplete,
19 | RegistrationFailed
20 | } from './web3-register'
21 |
22 | createRoot(document.getElementById('root') as HTMLElement).render(
23 |
117 |
220 |
118 |
126 |
134 |
135 |
136 |
137 | {
144 | if (e.key === 'Enter' && isValidInput && searchQuery) {
145 | handleSearch(e)
146 | }
147 | }}
148 | />
149 |
156 |
157 | {!isValidInput && (
158 |
159 | Only lowercase letters (a-z) and numbers (0-9) are allowed
160 |
161 | )}
162 | {loading === false ? (
163 |
164 |
214 | ) : (
215 |
171 |
213 |
172 | 
181 | {data.is_valid ? (
182 |
183 | {`${domain}.pkt`}
184 |
185 | ) : (
186 |
187 | {`${domain}.pkt`}
188 |
189 | )}
190 |
191 | {data.is_available && data.is_valid ? (
192 |
193 |
204 |
205 | ) : (
206 |
207 |
208 | Not Available
209 |
210 |
211 | )}
212 |
216 |
217 |
218 | )}
219 |
10 |
14 |
15 |
33 | )
34 | }
35 |
36 | export default RegistrationComplete
37 |
--------------------------------------------------------------------------------
/src/web3-register/RegistrationFailed.tsx:
--------------------------------------------------------------------------------
1 | import React, { useContext, useEffect, useState } from 'react'
2 | import { useNavigate, useLocation } from 'react-router-dom'
3 | import bg from '../assets/images/failed.jpg'
4 | import help from '../assets/images/help.svg'
5 | import MainLayout from '../components/layout/MainLayout'
6 | import { WalletErrorContext } from '../providers'
7 | import { WalletHistoryType, TransactionHistoryItem } from '../types/wallet'
8 | import { WalletHistoryContextType } from '../types/wallet'
9 |
10 | interface LocationState {
11 | txId?: string
12 | stakeAmount?: string
13 | step?: number
14 | history?: TransactionHistoryItem[]
15 | }
16 |
17 | const RegistrationFailed: React.FC = () => {
18 | const navigate = useNavigate()
19 | const location = useLocation()
20 | const state = location.state as LocationState
21 | // const txId = state?.txId
22 | // const stakeAmount = state?.stakeAmount
23 | const step = state?.step || 4 // Default to step 4 if not provided
24 | const stateHistory = state?.history || []
25 | const { walletHistory } = useContext(
26 | WalletErrorContext
27 | ) as WalletHistoryContextType
28 |
29 | // Combine both sources of history, prioritizing state history as it's more recent
30 | const [combinedHistory, setCombinedHistory] = useState
16 |
32 | 17 | Registration complete 18 |
19 | 20 |21 | Your Domain ID {domainId} is now available in your PKT dashboard 22 |
23 | 24 | 29 | View Dashboard 30 | 31 |
62 | {combinedHistory
63 | .filter((item) => item.step <= step)
64 | .map((item, index) => (
65 |
120 | )
121 | }
122 |
123 | return (
124 |
66 |
118 | ))}
119 |
67 | Step {item.step}: {item.status}
68 |
69 | {item.txId && (
70 | <>
71 | - TXID:
72 |
73 | {item.txId}
74 |
75 |
76 | )}
77 | {item.stakeId && (
78 | <>
79 |
80 | - Stake ID:
81 |
82 |
83 | {item.stakeId}
84 |
85 |
86 | )}
87 | {item.domainName && (
88 | <>
89 |
90 | - Domain:
91 |
92 |
93 | {item.domainName}
94 |
95 |
96 | )}
97 | {item.currentPrice && (
98 | <>
99 |
100 | - Current Price:
101 |
102 |
103 | {item.currentPrice} PKT
104 |
105 |
106 | )}
107 | {item.maxPkt && (
108 | <>
109 |
110 | - Max PKT:
111 |
112 |
113 | {item.maxPkt} PKT
114 |
115 |
116 | )}
117 |
126 |
164 |
127 |
131 |
163 |
132 |
162 |
133 |
161 | 134 | Registration failed 135 |
136 |137 | Please make sure you have PKT and ETH on Base in your Web3 138 | Wallet 139 |
140 |
141 |
145 |
142 | {renderHistory()}
143 |
144 |
146 |
152 |
159 |
160 |
155 |
159 |
160 |
220 |
163 |
219 |
164 | Claim your
165 |
166 | PKT Domain 167 |
168 |
169 | 166 | PKT Domain 167 |
170 | This is a tool for claiming a PKT domain without first making a 171 | stake. It does the staking in the same transaction while registering 172 | the domain. 173 |
174 | 175 |
176 |
184 |
187 |
188 |
189 |
190 |
218 |
191 |
217 |
207 |
216 |
208 |
215 |
209 |
214 |
17 | {transactionHistory
18 | .filter((step) => step.step < currentStep)
19 | .sort((a, b) => b.step - a.step)
20 | .map((step, index) => (
21 |
53 | )
54 | }
55 |
56 | export default TransactionHistory
57 |
--------------------------------------------------------------------------------
/src/web3-register/components/WalletConnector.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react'
2 | import { ethers } from 'ethers'
3 | import { WalletState } from '../../types/wallet'
4 |
5 | import { erc20Abi } from '../../abi/erc20-abi'
6 | import { lockboxAbi } from '../../abi/lockbox-abi'
7 | import { multiPlayAbi } from '../../abi/multipay-abi'
8 | import { pnsAbi } from '../../abi/pns-abi'
9 |
10 | interface WalletConnectorProps {
11 | walletState: WalletState
12 | setWalletState: React.Dispatch
22 |
51 | ))}
52 |
23 | Step {step.step}: {step.status}
24 |
25 | {step.txId && (
26 |
27 | TXID: {step.txId}
28 |
29 | )}
30 | {step.stakeAmount && (
31 |
32 | Stake Amount: {step.stakeAmount}
33 |
34 | )}
35 | {step.domainName && (
36 |
37 | Domain: {step.domainName}
38 |
39 | )}
40 | {step.currentPrice && (
41 |
42 | Current Price: {step.currentPrice} PKT
43 |
44 | )}
45 | {step.maxPkt && (
46 |
47 | Max PKT: {step.maxPkt} PKT
48 |
49 | )}
50 |
34 |
71 | )
72 | }
73 |
74 | const firstStepHistory = walletState.transactionHistory?.find(
75 | (step) => step.step === 1
76 | )
77 |
78 | switch (walletState.status) {
79 | case 'loading':
80 | return (
81 |
35 | Step {walletState.step}/4: {getStatusMessage(walletState.status)}
36 |
37 |
38 |
46 |
39 |
40 |
44 |
45 |
47 | {walletState.stakeId &&
48 | walletState.stakeId !== '0' &&
49 | walletState.step === 1 && (
50 |
70 |
51 |
54 | )}
55 | Stake ID:
52 | {walletState.stakeId}
53 |
56 |
61 | {walletState.stakeAmount && (
62 |
57 | {walletState.txId ? '- TXID:' : ''}
58 |
59 | {walletState.txId}
60 |
63 |
68 | )}
69 |
64 | {getStakeLabel(walletState.status)}
65 |
66 | {walletState.stakeAmount}
67 |
82 |
88 | )
89 |
90 | case 'connected':
91 | return (
92 | Wallet loading...
83 |
84 |
85 |
86 | Trying to detect wallet
87 |
93 |
105 | )
106 |
107 | case 'pre_allocating':
108 | return (
109 | Wallet connected
94 |
95 | 
100 |
101 |
102 | {walletState.label}
103 |
104 |
110 | {renderCurrentStep()}
111 | {renderStepHistory(1)}
112 |
113 | )
114 |
115 | case 'authorizing':
116 | return (
117 |
118 | {renderCurrentStep()}
119 | {renderStepHistory(2)}
120 |
121 | )
122 |
123 | case 'staking':
124 | return (
125 |
126 | {renderCurrentStep()}
127 | {renderStepHistory(3)}
128 |
129 | )
130 |
131 | case 'reserved':
132 | return (
133 |
134 |
152 | )
153 |
154 | case 'not_found':
155 | return (
156 |
135 |
151 |
136 | Domain reserved
137 |
138 |
139 |
144 |
140 |
141 |
142 |
143 |
145 |
150 |
146 | Domain ID: {firstStepHistory?.stakeId || walletState.stakeId}
147 |
148 | sending to wallet
149 |
157 |
183 | )
184 |
185 | case 'price_changed':
186 | return (
187 |
158 |
171 |
182 |
159 | Wallet{' '}
160 |
166 |
167 |
168 | Desktop wallet browser extension is required
169 |
170 |
188 |
198 | )
199 |
200 | case 'low_funds':
201 | return (
202 |
189 |
191 |
197 | Price is higher than input 😕
190 |
203 |
213 | )
214 |
215 | default:
216 | return null
217 | }
218 | }
219 |
220 | export default WalletStatus
221 |
--------------------------------------------------------------------------------
/src/web3-register/components/index.ts:
--------------------------------------------------------------------------------
1 | export { default as WalletStatus } from './WalletStatus'
2 | export { default as RegistrationForm } from './RegistrationForm'
3 | export { default as TransactionHistory } from './TransactionHistory'
4 | export { default as WalletConnector } from './WalletConnector'
5 | export * from './RegistrationService'
6 |
--------------------------------------------------------------------------------
/src/web3-register/index.tsx:
--------------------------------------------------------------------------------
1 | // Export all web3 registration components
2 | export { default as Web3Register } from './Web3Register'
3 | export { default as RegistrationComplete } from './RegistrationComplete'
4 | export { default as RegistrationFailed } from './RegistrationFailed'
5 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | content: ['./dist/**/*.html', './src/**/*.{js,jsx,ts,tsx}', './*.html'],
3 | theme: {
4 | extend: {
5 | keyframes: {
6 | 'confetti-1': {
7 | '0%': { transform: 'translateY(0) rotate(0)' },
8 | '100%': { transform: 'translateY(100vh) rotate(360deg)' }
9 | },
10 | 'confetti-2': {
11 | '0%': { transform: 'translateY(0) rotate(0)' },
12 | '100%': { transform: 'translateY(100vh) rotate(-360deg)' }
13 | },
14 | 'confetti-3': {
15 | '0%': { transform: 'translateY(0) rotate(0)' },
16 | '100%': { transform: 'translateY(100vh) rotate(720deg)' }
17 | },
18 | 'confetti-4': {
19 | '0%': { transform: 'translateY(0) rotate(0)' },
20 | '100%': { transform: 'translateY(100vh) rotate(-720deg)' }
21 | },
22 | 'confetti-5': {
23 | '0%': { transform: 'translateY(0) rotate(0)' },
24 | '100%': { transform: 'translateY(100vh) rotate(1080deg)' }
25 | },
26 | 'confetti-6': {
27 | '0%': { transform: 'translateY(0) rotate(0)' },
28 | '100%': { transform: 'translateY(100vh) rotate(-1080deg)' }
29 | }
30 | },
31 | animation: {
32 | 'confetti-1': 'confetti-1 3s linear infinite',
33 | 'confetti-2': 'confetti-2 3.5s linear infinite',
34 | 'confetti-3': 'confetti-3 4s linear infinite',
35 | 'confetti-4': 'confetti-4 4.5s linear infinite',
36 | 'confetti-5': 'confetti-5 5s linear infinite',
37 | 'confetti-6': 'confetti-6 5.5s linear infinite'
38 | }
39 | }
40 | },
41 | plugins: [require('@tailwindcss/forms'), require('tailwind-scrollbar')],
42 | variants: {
43 | extend: {
44 | opacity: ['disabled'],
45 | scrollbar: ['rounded'] // Optional: enable more variants for scrollbar
46 | }
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ES2020",
4 | "useDefineForClassFields": true,
5 | "lib": ["ES2020", "DOM", "DOM.Iterable"],
6 | "module": "ESNext",
7 | "skipLibCheck": true,
8 | "moduleResolution": "bundler",
9 | "allowImportingTsExtensions": true,
10 | "resolveJsonModule": true,
11 | "isolatedModules": true,
12 | "noEmit": true,
13 | "jsx": "react-jsx",
14 | "strict": true,
15 | "noUnusedLocals": true,
16 | "noUnusedParameters": true,
17 | "noFallthroughCasesInSwitch": true,
18 | "baseUrl": ".",
19 | "paths": {
20 | "@/*": ["src/*"]
21 | },
22 | "esModuleInterop": true
23 | },
24 | "include": ["src"],
25 | "references": [{ "path": "./tsconfig.node.json" }]
26 | }
27 |
--------------------------------------------------------------------------------
/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "composite": true,
4 | "skipLibCheck": true,
5 | "module": "ESNext",
6 | "moduleResolution": "bundler",
7 | "allowSyntheticDefaultImports": true
8 | },
9 | "include": ["vite.config.ts"]
10 | }
--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 | "rewrites": [
3 | {
4 | "source": "/(.*)",
5 | "destination": "/index.html"
6 | }
7 | ],
8 | "headers": [
9 | {
10 | "source": "/(.*)",
11 | "headers": [
12 | {
13 | "key": "Cache-Control",
14 | "value": "public, max-age=0, must-revalidate"
15 | }
16 | ]
17 | }
18 | ]
19 | }
20 |
--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import react from '@vitejs/plugin-react'
3 | import path from 'path'
4 |
5 | export default defineConfig({
6 | plugins: [react()],
7 | resolve: {
8 | alias: {
9 | '@': path.resolve(__dirname, './src')
10 | }
11 | },
12 | server: {
13 | headers: {
14 | 'Content-Security-Policy':
15 | "script-src 'self' 'unsafe-eval' 'unsafe-inline';"
16 | }
17 | }
18 | })
19 |
--------------------------------------------------------------------------------
204 |
212 | You are low on funds 😕
205 |
211 |