Skip to content

Commit c2faa06

Browse files
glennmichael123glennmichael123
committed
chore: wip
1 parent ed4c9b5 commit c2faa06

25 files changed

+1621
-0
lines changed

‎storage/framework/core/components/auth/.gitignore

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
.DS_Store
2+
.vite-ssg-dist
3+
.vite-ssg-temp
4+
*.local
5+
dist
6+
dist-ssr
7+
node_modules
8+
.idea/
9+
*.log
10+
cypress/downloads

‎storage/framework/core/components/auth/bun.lockb

490 KB
Binary file not shown.

‎storage/framework/core/components/auth/index.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="apple-touch-icon" href="/pwa-192x192.png" />
7+
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9" />
8+
<meta name="msapplication-TileColor" content="#00aba9" />
9+
<script>
10+
;(function () {
11+
const prefersDark =
12+
window.matchMedia &&
13+
window.matchMedia('(prefers-color-scheme: dark)').matches
14+
const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
15+
if (setting === 'dark' || (prefersDark && setting !== 'light'))
16+
document.documentElement.classList.toggle('dark', true)
17+
})()
18+
</script>
19+
</head>
20+
<body class="font-sans">
21+
<div id="app"></div>
22+
<script type="module" src="/src/main.ts"></script>
23+
<noscript>
24+
This website requires JavaScript to function properly. Please enable
25+
JavaScript to continue.
26+
</noscript>
27+
</body>
28+
</html>

‎storage/framework/core/components/auth/package.json

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
{
2+
"type": "module",
3+
"private": true,
4+
"packageManager": "pnpm@9.1.1",
5+
"scripts": {
6+
"build": "vite-ssg build",
7+
"dev": "vite --port 3333 --open",
8+
"lint": "eslint .",
9+
"preview": "vite preview",
10+
"preview-https": "serve dist",
11+
"test": "vitest",
12+
"test:e2e": "cypress open",
13+
"test:unit": "vitest",
14+
"typecheck": "vue-tsc --noEmit",
15+
"up": "taze major -I",
16+
"postinstall": "npx simple-git-hooks",
17+
"sizecheck": "npx vite-bundle-visualizer"
18+
},
19+
"dependencies": {
20+
"@unhead/vue": "^1.9.10",
21+
"@unocss/reset": "^0.60.2",
22+
"@vueuse/core": "^10.9.0",
23+
"@vueuse/head": "^2.0.0",
24+
"nprogress": "^0.2.0",
25+
"pinia": "^2.1.7",
26+
"vue": "^3.4.27",
27+
"vue-demi": "^0.14.7",
28+
"vue-i18n": "^9.13.1",
29+
"vue-router": "^4.3.2"
30+
},
31+
"devDependencies": {
32+
"@antfu/eslint-config": "^2.18.1",
33+
"@iconify-json/carbon": "^1.1.33",
34+
"@intlify/unplugin-vue-i18n": "^4.0.0",
35+
"@shikijs/markdown-it": "^1.6.0",
36+
"@types/markdown-it-link-attributes": "^3.0.5",
37+
"@types/nprogress": "^0.2.3",
38+
"@unocss/eslint-config": "^0.60.2",
39+
"@vitejs/plugin-vue": "^5.0.4",
40+
"@vue-macros/volar": "^0.19.1",
41+
"@vue/test-utils": "^2.4.6",
42+
"critters": "^0.0.22",
43+
"cross-env": "^7.0.3",
44+
"cypress": "^13.9.0",
45+
"cypress-vite": "^1.5.0",
46+
"eslint": "^9.3.0",
47+
"eslint-plugin-cypress": "^3.2.0",
48+
"eslint-plugin-format": "^0.1.1",
49+
"https-localhost": "^4.7.1",
50+
"lint-staged": "^15.2.2",
51+
"markdown-it-link-attributes": "^4.0.1",
52+
"pnpm": "^9.1.1",
53+
"rollup": "^4.17.2",
54+
"shiki": "^1.6.0",
55+
"simple-git-hooks": "^2.11.1",
56+
"taze": "^0.13.8",
57+
"typescript": "^5.4.5",
58+
"unocss": "^0.60.2",
59+
"unplugin-auto-import": "^0.17.6",
60+
"unplugin-vue-components": "^0.27.0",
61+
"unplugin-vue-macros": "^2.9.2",
62+
"unplugin-vue-markdown": "^0.26.2",
63+
"unplugin-vue-router": "^0.8.6",
64+
"vite": "^5.2.11",
65+
"vite-bundle-visualizer": "^1.2.1",
66+
"vite-plugin-inspect": "^0.8.4",
67+
"vite-plugin-pwa": "^0.20.0",
68+
"vite-plugin-vue-devtools": "^7.2.0",
69+
"vite-plugin-vue-layouts": "^0.11.0",
70+
"vite-plugin-webfont-dl": "^3.9.4",
71+
"vite-ssg": "^0.23.7",
72+
"vite-ssg-sitemap": "^0.6.1",
73+
"vitest": "^1.6.0",
74+
"vue-tsc": "^2.0.19"
75+
},
76+
"simple-git-hooks": {
77+
"pre-commit": "pnpm lint-staged"
78+
},
79+
"lint-staged": {
80+
"*": "eslint --fix"
81+
}
82+
}

‎storage/framework/core/components/auth/src/App.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<template>
2+
<RouterView />
3+
</template>

‎storage/framework/core/components/auth/src/auto-imports.d.ts

Lines changed: 877 additions & 0 deletions
Large diffs are not rendered by default.

‎storage/framework/core/components/auth/src/components.d.ts

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
/* eslint-disable */
2+
// @ts-nocheck
3+
// Generated by unplugin-vue-components
4+
// Read more: https://github.com/vuejs/core/pull/3399
5+
export {}
6+
7+
/* prettier-ignore */
8+
declare module 'vue' {
9+
export interface GlobalComponents {
10+
Login: typeof import('./components/Login.vue')['default']
11+
README: typeof import('./components/README.md')['default']
12+
RouterLink: typeof import('vue-router')['RouterLink']
13+
RouterView: typeof import('vue-router')['RouterView']
14+
Starport: typeof import('vue-starport')['Starport']
15+
StarportCarrier: typeof import('vue-starport')['StarportCarrier']
16+
TheCounter: typeof import('./components/TheCounter.vue')['default']
17+
TheFooter: typeof import('./components/TheFooter.vue')['default']
18+
TheInput: typeof import('./components/TheInput.vue')['default']
19+
TwoFactorChallenge: typeof import('./components/TwoFactorChallenge.vue')['default']
20+
}
21+
}

‎storage/framework/core/components/auth/src/components/Login.vue

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<template>
2+
<div class="min-h-full flex flex-col justify-center py-12 lg:px-8 sm:px-6">
3+
<div class="sm:mx-auto sm:max-w-md sm:w-full">
4+
<h2 class="mt-6 text-center text-2xl text-gray-900 font-bold leading-9 tracking-tight">
5+
Sign in to your account
6+
</h2>
7+
</div>
8+
9+
<div class="mt-10 sm:mx-auto sm:max-w-[480px] sm:w-full">
10+
<div class="bg-white px-6 py-12 shadow sm:rounded-lg sm:px-12">
11+
<form class="space-y-6" action="#" method="POST">
12+
<div>
13+
<label for="email" class="block text-sm text-gray-900 font-medium leading-6">Email address</label>
14+
<div class="mt-2">
15+
<input id="email" name="email" type="email" autocomplete="email" required class="block w-full p-2 border-0 rounded-md py-1.5 text-gray-900 shadow-sm ring-1 ring-gray-300 ring-inset sm:text-sm placeholder:text-gray-400 sm:leading-6 focus:ring-2 focus:ring-teal-600 focus:ring-inset">
16+
</div>
17+
</div>
18+
19+
<div>
20+
<label for="password" class="block text-sm text-gray-900 font-medium leading-6">Password</label>
21+
<div class="mt-2">
22+
<input id="password" name="password" type="password" autocomplete="current-password" required class="block p-2 w-full border-0 rounded-md py-1.5 text-gray-900 shadow-sm ring-1 ring-gray-300 ring-inset sm:text-sm placeholder:text-gray-400 sm:leading-6 focus:ring-2 focus:ring-teal-600 focus:ring-inset">
23+
</div>
24+
</div>
25+
26+
<div class="flex items-center justify-between">
27+
<div class="flex items-center">
28+
<input id="remember-me" name="remember-me" type="checkbox" class="h-4 w-4 border-gray-300 rounded text-teal-600 focus:ring-teal-600">
29+
<label for="remember-me" class="ml-3 block text-sm text-gray-900 leading-6">Remember me</label>
30+
</div>
31+
32+
<div class="text-sm leading-6">
33+
<a href="#" class="text-teal-600 font-semibold hover:text-teal-500">Forgot password?</a>
34+
</div>
35+
</div>
36+
37+
<div>
38+
<button type="submit" class="w-full flex justify-center rounded-md bg-teal-600 px-3 py-1.5 text-sm text-white font-semibold leading-6 shadow-sm hover:bg-teal-500 focus-visible:outline-2 focus-visible:outline-teal-600 focus-visible:outline-offset-2 focus-visible:outline">
39+
Sign in
40+
</button>
41+
</div>
42+
</form>
43+
44+
<div>
45+
<div class="relative mt-10">
46+
<div class="absolute inset-0 flex items-center" aria-hidden="true">
47+
<div class="w-full border-t border-gray-200" />
48+
</div>
49+
<div class="relative flex justify-center text-sm font-medium leading-6">
50+
<span class="bg-white px-6 text-gray-900">Or continue with</span>
51+
</div>
52+
</div>
53+
54+
<div class="grid grid-cols-2 mt-6 gap-4">
55+
<a href="#" class="w-full flex items-center justify-center gap-3 rounded-md bg-white px-3 py-2 text-sm text-gray-900 font-semibold shadow-sm ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus-visible:ring-transparent">
56+
<svg class="h-5 w-5" viewBox="0 0 24 24" aria-hidden="true">
57+
<path d="M12.0003 4.75C13.7703 4.75 15.3553 5.36002 16.6053 6.54998L20.0303 3.125C17.9502 1.19 15.2353 0 12.0003 0C7.31028 0 3.25527 2.69 1.28027 6.60998L5.27028 9.70498C6.21525 6.86002 8.87028 4.75 12.0003 4.75Z" fill="#EA4335" />
58+
<path d="M23.49 12.275C23.49 11.49 23.415 10.73 23.3 10H12V14.51H18.47C18.18 15.99 17.34 17.25 16.08 18.1L19.945 21.1C22.2 19.01 23.49 15.92 23.49 12.275Z" fill="#4285F4" />
59+
<path d="M5.26498 14.2949C5.02498 13.5699 4.88501 12.7999 4.88501 11.9999C4.88501 11.1999 5.01998 10.4299 5.26498 9.7049L1.275 6.60986C0.46 8.22986 0 10.0599 0 11.9999C0 13.9399 0.46 15.7699 1.28 17.3899L5.26498 14.2949Z" fill="#FBBC05" />
60+
<path d="M12.0004 24.0001C15.2404 24.0001 17.9654 22.935 19.9454 21.095L16.0804 18.095C15.0054 18.82 13.6204 19.245 12.0004 19.245C8.8704 19.245 6.21537 17.135 5.2654 14.29L1.27539 17.385C3.25539 21.31 7.3104 24.0001 12.0004 24.0001Z" fill="#34A853" />
61+
</svg>
62+
<span class="text-sm font-semibold leading-6">Google</span>
63+
</a>
64+
65+
<a href="#" class="w-full flex items-center justify-center gap-3 rounded-md bg-white px-3 py-2 text-sm text-gray-900 font-semibold shadow-sm ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus-visible:ring-transparent">
66+
<svg class="h-5 w-5 fill-[#24292F]" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
67+
<path fill-rule="evenodd" d="M10 0C4.477 0 0 4.484 0 10.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0110 4.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0020 10.017C20 4.484 15.522 0 10 0z" clip-rule="evenodd" />
68+
</svg>
69+
<span class="text-sm font-semibold leading-6">GitHub</span>
70+
</a>
71+
</div>
72+
</div>
73+
</div>
74+
75+
<p class="mt-10 text-center text-sm text-gray-500">
76+
Not a member?
77+
<a href="#" class="text-teal-600 font-semibold leading-6 hover:text-teal-500">Start a 14 day free trial</a>
78+
</p>
79+
</div>
80+
</div>
81+
</template>

‎storage/framework/core/components/auth/src/components/TwoFactorChallenge.vue

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<template>
2+
<div class="py-32">
3+
<div class="mx-auto max-w-sm px-8 py-4 rounded-md shadow-md">
4+
<div class="card-body">
5+
<form method="POST" action="/two-factor-challenge">
6+
<div>
7+
<h3 class="text-center text-sm text-gray-900 font-semibold">
8+
Two Factor Authentication
9+
</h3>
10+
<label for="code" class="block text-sm font-medium leading-6 mt-4 text-gray-900">
11+
Authentication code
12+
</label>
13+
<div class="relative mt-2 rounded-md shadow-sm">
14+
<input id="code" type="code" name="code" placeholder="XXXXXX" class="block w-full px-2 rounded-md border-0 py-2 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
15+
</div>
16+
</div>
17+
<div class="py-4">
18+
<button type="submit" class="relative w-full font-semibold border-teal text-white bg-teal flex items-center justify-center h-8 px-4 rounded-full focus:outline-none">
19+
Verify
20+
</button>
21+
</div>
22+
<div>
23+
<p class="text-gray-700 font-semibold text-xs">
24+
Open your Symantec 2FA app to view your authentication code.
25+
</p>
26+
</div>
27+
<div class="mt-4">
28+
<p class="text-gray-700 font-semibold text-xs">
29+
Having Problems?
30+
</p>
31+
<a href="/two-factor-authentication?mode=recovery" class="hover:underline text-blue-500 text-xs">Use recovery code instead</a>
32+
</div>
33+
</form>
34+
</div>
35+
</div>
36+
</div>
37+
</template>

‎storage/framework/core/components/auth/src/layouts/default.vue

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<template>
2+
<main>
3+
<RouterView />
4+
</main>
5+
</template>

0 commit comments

Comments
 (0)