mirror of
https://github.com/kunkunsh/kunkun-ext-git-skyline.git
synced 2025-04-03 18:36:41 +00:00
init
This commit is contained in:
Huakun Shen
commit
a3463db95a
24
.gitignore
vendored
Normal file
24
.gitignore
vendored
Normal file
@ -0,0 +1,24 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
8
CHANGELOG.md
Normal file
8
CHANGELOG.md
Normal file
@ -0,0 +1,8 @@
|
||||
# template-ext-vue
|
||||
|
||||
## 0.0.1
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies [fba6a49]
|
||||
- @kksh/vue@0.0.1
|
||||
5
README.md
Normal file
5
README.md
Normal file
@ -0,0 +1,5 @@
|
||||
# Vue 3 + TypeScript + Vite
|
||||
|
||||
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
||||
|
||||
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
|
||||
17
components.json
Normal file
17
components.json
Normal file
@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "https://shadcn-vue.com/schema.json",
|
||||
"style": "new-york",
|
||||
"typescript": true,
|
||||
"tsConfigPath": "./tsconfig.json",
|
||||
"tailwind": {
|
||||
"config": "tailwind.config.js",
|
||||
"css": "src/index.css",
|
||||
"baseColor": "neutral",
|
||||
"cssVariables": true
|
||||
},
|
||||
"framework": "vite",
|
||||
"aliases": {
|
||||
"components": "@/components",
|
||||
"utils": "@/lib/utils"
|
||||
}
|
||||
}
|
||||
13
index.html
Normal file
13
index.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + Vue + TS</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
79
package.json
Normal file
79
package.json
Normal file
@ -0,0 +1,79 @@
|
||||
{
|
||||
"$schema": "https://schema.kunkun.sh/",
|
||||
"name": "kunkun-ext-git-skyline",
|
||||
"repository": "https://github.com/kunkunsh/kunkun-ext-git-skyline",
|
||||
"private": false,
|
||||
"version": "0.0.7",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vue-tsc -b && vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@kksh/api": "^0.0.48",
|
||||
"@kksh/vue": "0.1.4",
|
||||
"@radix-icons/vue": "^1.0.0",
|
||||
"class-variance-authority": "^0.7.0",
|
||||
"clsx": "^2.1.1",
|
||||
"radix-vue": "^1.9.2",
|
||||
"tailwind-merge": "^2.4.0",
|
||||
"tailwindcss-animate": "^1.0.7",
|
||||
"vue": "^3.4.31",
|
||||
"zod": "^3.23.8"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^20.14.12",
|
||||
"@vitejs/plugin-vue": "^5.0.5",
|
||||
"autoprefixer": "^10.4.19",
|
||||
"postcss": "^8.4.38",
|
||||
"tailwindcss": "^3.4.6",
|
||||
"typescript": "^5.2.2",
|
||||
"vite": "^5.3.4",
|
||||
"vue-tsc": "^2.0.24"
|
||||
},
|
||||
"kunkun": {
|
||||
"name": "Git Skyline",
|
||||
"shortDescription": "Display your 3D GitHub Skyline",
|
||||
"longDescription": "Display your 3D GitHub Skyline from https://git-skyline.huakun.tech",
|
||||
"identifier": "git-skyline",
|
||||
"icon": {
|
||||
"type": "iconify",
|
||||
"value": "tabler:building-skyscraper"
|
||||
},
|
||||
"demoImages": [],
|
||||
"permissions": [
|
||||
"clipboard:read-all"
|
||||
],
|
||||
"customUiCmds": [
|
||||
{
|
||||
"main": "/",
|
||||
"dist": "dist",
|
||||
"devMain": "http://localhost:5173",
|
||||
"name": "Transparent Git Skyline",
|
||||
"cmds": [],
|
||||
"window": {
|
||||
"title": "",
|
||||
"transparent": true,
|
||||
"hiddenTitle": true,
|
||||
"decorations": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"main": "https://git-skyline.huakun.tech",
|
||||
"dist": "dist",
|
||||
"devMain": "https://git-skyline.huakun.tech",
|
||||
"name": "Git Skyline",
|
||||
"cmds": [],
|
||||
"window": {
|
||||
"title": "GitHub Contribution"
|
||||
}
|
||||
}
|
||||
],
|
||||
"templateUiCmds": []
|
||||
},
|
||||
"files": [
|
||||
"dist"
|
||||
],
|
||||
"packageManager": "pnpm@9.9.0"
|
||||
}
|
||||
4342
pnpm-lock.yaml
generated
Normal file
4342
pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
6
postcss.config.js
Normal file
6
postcss.config.js
Normal file
@ -0,0 +1,6 @@
|
||||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {}
|
||||
}
|
||||
}
|
||||
1
public/vite.svg
Normal file
1
public/vite.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
117
src/App.vue
Normal file
117
src/App.vue
Normal file
@ -0,0 +1,117 @@
|
||||
<script setup lang="ts">
|
||||
import { clipboard, toast, ui } from "@kksh/api/ui/iframe";
|
||||
import { updateTheme } from "@kksh/vue";
|
||||
import { computed, onMounted, ref, watch } from "vue";
|
||||
import ContextMenu from "./components/context-menu.vue";
|
||||
import PreferencesComponent from "./components/preference.vue";
|
||||
import { getPreferences } from "./lib/db";
|
||||
import { Preferences, PreferencesSchema } from "./lib/model";
|
||||
import { cn } from "./lib/utils";
|
||||
|
||||
const displayPreference = ref(false);
|
||||
const preferences = ref<Preferences>();
|
||||
const showInstructions = ref(true);
|
||||
|
||||
watch(preferences, (val) => {
|
||||
console.log("latest preferences", val);
|
||||
|
||||
if (val) {
|
||||
setTransparentBackground(val.transparentBackground);
|
||||
displayPreference.value = false;
|
||||
} else {
|
||||
displayPreference.value = true;
|
||||
}
|
||||
});
|
||||
|
||||
function setTransparentBackground(transparent: boolean) {
|
||||
document.body.style.backgroundColor = transparent ? "transparent" : "";
|
||||
}
|
||||
const url = computed(() => {
|
||||
if (!preferences.value) {
|
||||
return null;
|
||||
}
|
||||
const p = preferences.value;
|
||||
const params = new URLSearchParams({
|
||||
enableZoom: p.enableZoom ? "true" : "false",
|
||||
enablePan: p.enablePanning ? "true" : "false",
|
||||
enableDamping: p.enableDamping ? "true" : "false",
|
||||
autoRotate: p.enableAutoRotate ? "true" : "false",
|
||||
autoRotateSpeed: p.autoRotateSpeed.toString(),
|
||||
});
|
||||
return `https://git-skyline.huakun.tech/contribution/github/huakunshen/embed?${params.toString()}`;
|
||||
});
|
||||
|
||||
onMounted(async () => {
|
||||
ui.registerDragRegion();
|
||||
ui.setTransparentWindowBackground(true);
|
||||
// ui.goHome()
|
||||
// ui.goBack()
|
||||
// ui.hideMoveButton() // enable this after fixing window cannot be moved bug in extension production build
|
||||
ui.getTheme().then((theme) => {
|
||||
updateTheme(theme);
|
||||
});
|
||||
console.log("mounted");
|
||||
clipboard.readText().then((text) => {
|
||||
console.log("clipboard text", text);
|
||||
});
|
||||
|
||||
const pref = await getPreferences();
|
||||
console.log(pref);
|
||||
|
||||
if (pref) {
|
||||
displayPreference.value = false;
|
||||
preferences.value = pref;
|
||||
setTransparentBackground(preferences.value.transparentBackground);
|
||||
} else {
|
||||
toast.error("Failed to load preferences");
|
||||
displayPreference.value = true;
|
||||
}
|
||||
setTimeout(() => {
|
||||
showInstructions.value = false;
|
||||
}, 5000);
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="h-screen" v-if="displayPreference">
|
||||
<PreferencesComponent v-model="preferences" />
|
||||
</div>
|
||||
<div class="absolute z-0 h-screen w-full" v-if="!displayPreference && url">
|
||||
<iframe
|
||||
width="100%"
|
||||
height="100%"
|
||||
frameBorder="0"
|
||||
class="grow"
|
||||
:src="url"
|
||||
frameborder="0"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex h-screen flex-col">
|
||||
<div class="z-50 h-32" data-tauri-drag-region>
|
||||
<div
|
||||
:class="
|
||||
cn(
|
||||
'kunkun-drag-region flex h-full w-full items-center justify-center',
|
||||
showInstructions ? 'border border-green-400' : ''
|
||||
)
|
||||
"
|
||||
>
|
||||
<h1
|
||||
v-if="showInstructions"
|
||||
class="kunkun-drag-region z-0 select-none text-3xl"
|
||||
>
|
||||
Left Click and Drag this region to move this window
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grow"></div>
|
||||
<div class="z-50 h-32">
|
||||
<div class="h-full w-full">
|
||||
<ContextMenu
|
||||
:showInstructions="showInstructions"
|
||||
v-model:displayPreference="displayPreference"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
1
src/assets/vue.svg
Normal file
1
src/assets/vue.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 496 B |
41
src/components/context-menu.vue
Normal file
41
src/components/context-menu.vue
Normal file
@ -0,0 +1,41 @@
|
||||
<script setup lang="ts">
|
||||
import { cn } from "@/lib/utils"
|
||||
import { ui } from "@kksh/api/ui/iframe"
|
||||
import {
|
||||
ContextMenu,
|
||||
ContextMenuContent,
|
||||
ContextMenuItem,
|
||||
ContextMenuTrigger
|
||||
} from "@kksh/vue/context-menu"
|
||||
import { HTMLAttributes } from "vue"
|
||||
|
||||
const displayPreference = defineModel<boolean>("displayPreference", { required: true })
|
||||
const props = defineProps<{ class?: HTMLAttributes["class"]; showInstructions: boolean }>()
|
||||
function selectSetting() {
|
||||
displayPreference.value = true
|
||||
}
|
||||
|
||||
function close() {
|
||||
ui.goBack()
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ContextMenu :class="cn(props.class, '')" data-tauri-drag-region>
|
||||
<ContextMenuTrigger class="h-full w-full">
|
||||
<div :class="cn('h-full w-full', showInstructions ? 'border border-green-400' : '')">
|
||||
<div
|
||||
v-if="showInstructions"
|
||||
class="flex h-full w-full flex-col items-center justify-center"
|
||||
>
|
||||
<h1 class="z-0 select-none text-3xl">Right Click on This Region to Go To Settings</h1>
|
||||
<h1 class="z-0 select-none text-3xl">Press Escape To Close Window</h1>
|
||||
</div>
|
||||
</div>
|
||||
</ContextMenuTrigger>
|
||||
<ContextMenuContent>
|
||||
<ContextMenuItem @select="selectSetting"> Setting </ContextMenuItem>
|
||||
<ContextMenuItem @select="close"> Close </ContextMenuItem>
|
||||
</ContextMenuContent>
|
||||
</ContextMenu>
|
||||
</template>
|
||||
46
src/components/preference.vue
Normal file
46
src/components/preference.vue
Normal file
@ -0,0 +1,46 @@
|
||||
<script setup lang="ts">
|
||||
import { setPreferences } from "@/lib/db"
|
||||
import { db, notification, toast, ui } from "@kksh/api/ui/iframe"
|
||||
import { AutoForm, AutoFormField } from "@kksh/vue/auto-form"
|
||||
import { Button } from "@kksh/vue/button"
|
||||
import { onMounted } from "vue"
|
||||
import { Preferences, PreferencesSchema } from "../lib/model"
|
||||
|
||||
const pref = defineModel<Preferences | undefined>({ required: true })
|
||||
|
||||
onMounted(() => {
|
||||
document.body.style.backgroundColor = ""
|
||||
console.log(pref.value)
|
||||
})
|
||||
|
||||
function onSubmit(values: Record<string, any>) {
|
||||
const parsed = PreferencesSchema.parse(values)
|
||||
setPreferences(parsed)
|
||||
pref.value = parsed
|
||||
console.log("Preferences saved")
|
||||
toast.success("Preferences Saved")
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<main class="flex flex-col items-center py-5">
|
||||
<h1 class="my-4 font-mono text-3xl">Preferences</h1>
|
||||
<AutoForm
|
||||
class="w-2/3 space-y-6"
|
||||
:schema="PreferencesSchema"
|
||||
:field-config="{
|
||||
githubUsername: {
|
||||
inputProps: {}
|
||||
},
|
||||
enableZoom: {
|
||||
inputProps: {
|
||||
value: false
|
||||
}
|
||||
}
|
||||
}"
|
||||
@submit="onSubmit"
|
||||
>
|
||||
<Button type="submit"> Submit </Button>
|
||||
</AutoForm>
|
||||
</main>
|
||||
</template>
|
||||
80
src/index.css
Normal file
80
src/index.css
Normal file
@ -0,0 +1,80 @@
|
||||
@import url("@kksh/vue/css");
|
||||
@import url("@kksh/vue/themes");
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
:root {
|
||||
--background: 0 0% 100%;
|
||||
--foreground: 0 0% 3.9%;
|
||||
|
||||
--muted: 0 0% 96.1%;
|
||||
--muted-foreground: 0 0% 45.1%;
|
||||
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 0 0% 3.9%;
|
||||
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 0 0% 3.9%;
|
||||
|
||||
--border: 0 0% 89.8%;
|
||||
--input: 0 0% 89.8%;
|
||||
|
||||
--primary: 0 0% 9%;
|
||||
--primary-foreground: 0 0% 98%;
|
||||
|
||||
--secondary: 0 0% 96.1%;
|
||||
--secondary-foreground: 0 0% 9%;
|
||||
|
||||
--accent: 0 0% 96.1%;
|
||||
--accent-foreground: 0 0% 9%;
|
||||
|
||||
--destructive: 0 84.2% 60.2%;
|
||||
--destructive-foreground: 0 0% 98%;
|
||||
|
||||
--ring: 0 0% 3.9%;
|
||||
|
||||
--radius: 0.5rem;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background: 0 0% 3.9%;
|
||||
--foreground: 0 0% 98%;
|
||||
|
||||
--muted: 0 0% 14.9%;
|
||||
--muted-foreground: 0 0% 63.9%;
|
||||
|
||||
--popover: 0 0% 3.9%;
|
||||
--popover-foreground: 0 0% 98%;
|
||||
|
||||
--card: 0 0% 3.9%;
|
||||
--card-foreground: 0 0% 98%;
|
||||
|
||||
--border: 0 0% 14.9%;
|
||||
--input: 0 0% 14.9%;
|
||||
|
||||
--primary: 0 0% 98%;
|
||||
--primary-foreground: 0 0% 9%;
|
||||
|
||||
--secondary: 0 0% 14.9%;
|
||||
--secondary-foreground: 0 0% 98%;
|
||||
|
||||
--accent: 0 0% 14.9%;
|
||||
--accent-foreground: 0 0% 98%;
|
||||
|
||||
--destructive: 0 62.8% 30.6%;
|
||||
--destructive-foreground: 0 0% 98%;
|
||||
|
||||
--ring: 0 0% 83.1%;
|
||||
}
|
||||
}
|
||||
|
||||
@layer base {
|
||||
* {
|
||||
@apply border-border;
|
||||
}
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
}
|
||||
62
src/lib/db.ts
Normal file
62
src/lib/db.ts
Normal file
@ -0,0 +1,62 @@
|
||||
import { ExtData, SearchMode } from "@kksh/api/models"
|
||||
import { db, log, toast } from "@kksh/api/ui/iframe"
|
||||
import { Preferences, PreferencesSchema } from "./model"
|
||||
|
||||
export async function getPreferencesRawData(): Promise<ExtData | null> {
|
||||
const res = await db.search({
|
||||
searchMode: SearchMode.enum.ExactMatch,
|
||||
dataType: "preferences",
|
||||
fields: ["data"]
|
||||
})
|
||||
console.log("search result", res)
|
||||
|
||||
if (res.length === 0) {
|
||||
return null
|
||||
} else if (res.length > 1) {
|
||||
return toast
|
||||
.error("More than one preferences found", {
|
||||
description: "All Preferences will be deleted, please set it again."
|
||||
})
|
||||
.then(() => {
|
||||
return Promise.all(res.map((r) => db.delete(r.dataId)))
|
||||
})
|
||||
.catch((err) => {
|
||||
log.error(`Error deleting preferences: ${err.toString()}`)
|
||||
toast.error("Error deleting preferences")
|
||||
return null
|
||||
})
|
||||
.then(() => {
|
||||
return null
|
||||
})
|
||||
} else {
|
||||
return res[0]
|
||||
}
|
||||
}
|
||||
|
||||
export function getPreferences(): Promise<Preferences | null> {
|
||||
return getPreferencesRawData().then((res) => {
|
||||
if (res) {
|
||||
if (!res.data) {
|
||||
throw new Error("Preferences data is empty")
|
||||
}
|
||||
return PreferencesSchema.parse(JSON.parse(res.data))
|
||||
} else {
|
||||
return null
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export async function setPreferences(pref: Preferences): Promise<void> {
|
||||
const res = await getPreferencesRawData()
|
||||
if (res) {
|
||||
await db.update({
|
||||
dataId: res.dataId,
|
||||
data: JSON.stringify(pref)
|
||||
})
|
||||
} else {
|
||||
await db.add({
|
||||
dataType: "preferences",
|
||||
data: JSON.stringify(pref)
|
||||
})
|
||||
}
|
||||
}
|
||||
14
src/lib/model.ts
Normal file
14
src/lib/model.ts
Normal file
@ -0,0 +1,14 @@
|
||||
import { z } from "zod"
|
||||
|
||||
export const PreferencesSchema = z.object({
|
||||
transparentBackground: z.boolean().default(true),
|
||||
githubUsername: z.string(),
|
||||
year: z.number().optional(),
|
||||
enableZoom: z.boolean().default(true),
|
||||
enableAutoRotate: z.boolean().default(true),
|
||||
enableDamping: z.boolean().default(true),
|
||||
enablePanning: z.boolean().default(true),
|
||||
autoRotateSpeed: z.number().default(1)
|
||||
})
|
||||
|
||||
export type Preferences = z.infer<typeof PreferencesSchema>
|
||||
6
src/lib/utils.ts
Normal file
6
src/lib/utils.ts
Normal file
@ -0,0 +1,6 @@
|
||||
import { clsx, type ClassValue } from "clsx"
|
||||
import { twMerge } from "tailwind-merge"
|
||||
|
||||
export function cn(...inputs: ClassValue[]) {
|
||||
return twMerge(clsx(inputs))
|
||||
}
|
||||
5
src/main.ts
Normal file
5
src/main.ts
Normal file
@ -0,0 +1,5 @@
|
||||
import { createApp } from "vue"
|
||||
import "./index.css"
|
||||
import App from "./App.vue"
|
||||
|
||||
createApp(App).mount("#app")
|
||||
1
src/vite-env.d.ts
vendored
Normal file
1
src/vite-env.d.ts
vendored
Normal file
@ -0,0 +1 @@
|
||||
/// <reference types="vite/client" />
|
||||
93
tailwind.config.js
Normal file
93
tailwind.config.js
Normal file
@ -0,0 +1,93 @@
|
||||
const animate = require("tailwindcss-animate")
|
||||
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
darkMode: ["class"],
|
||||
safelist: ["dark"],
|
||||
prefix: "",
|
||||
|
||||
content: [
|
||||
"./pages/**/*.{ts,tsx,vue}",
|
||||
"./components/**/*.{ts,tsx,vue}",
|
||||
"./app/**/*.{ts,tsx,vue}",
|
||||
"./src/**/*.{ts,tsx,vue}"
|
||||
],
|
||||
|
||||
theme: {
|
||||
container: {
|
||||
center: true,
|
||||
padding: "2rem",
|
||||
screens: {
|
||||
"2xl": "1400px"
|
||||
}
|
||||
},
|
||||
extend: {
|
||||
colors: {
|
||||
border: "hsl(var(--border))",
|
||||
input: "hsl(var(--input))",
|
||||
ring: "hsl(var(--ring))",
|
||||
background: "hsl(var(--background))",
|
||||
foreground: "hsl(var(--foreground))",
|
||||
primary: {
|
||||
DEFAULT: "hsl(var(--primary))",
|
||||
foreground: "hsl(var(--primary-foreground))"
|
||||
},
|
||||
secondary: {
|
||||
DEFAULT: "hsl(var(--secondary))",
|
||||
foreground: "hsl(var(--secondary-foreground))"
|
||||
},
|
||||
destructive: {
|
||||
DEFAULT: "hsl(var(--destructive))",
|
||||
foreground: "hsl(var(--destructive-foreground))"
|
||||
},
|
||||
muted: {
|
||||
DEFAULT: "hsl(var(--muted))",
|
||||
foreground: "hsl(var(--muted-foreground))"
|
||||
},
|
||||
accent: {
|
||||
DEFAULT: "hsl(var(--accent))",
|
||||
foreground: "hsl(var(--accent-foreground))"
|
||||
},
|
||||
popover: {
|
||||
DEFAULT: "hsl(var(--popover))",
|
||||
foreground: "hsl(var(--popover-foreground))"
|
||||
},
|
||||
card: {
|
||||
DEFAULT: "hsl(var(--card))",
|
||||
foreground: "hsl(var(--card-foreground))"
|
||||
}
|
||||
},
|
||||
borderRadius: {
|
||||
xl: "calc(var(--radius) + 4px)",
|
||||
lg: "var(--radius)",
|
||||
md: "calc(var(--radius) - 2px)",
|
||||
sm: "calc(var(--radius) - 4px)"
|
||||
},
|
||||
keyframes: {
|
||||
"accordion-down": {
|
||||
from: { height: 0 },
|
||||
to: { height: "var(--radix-accordion-content-height)" }
|
||||
},
|
||||
"accordion-up": {
|
||||
from: { height: "var(--radix-accordion-content-height)" },
|
||||
to: { height: 0 }
|
||||
},
|
||||
"collapsible-down": {
|
||||
from: { height: 0 },
|
||||
to: { height: "var(--radix-collapsible-content-height)" }
|
||||
},
|
||||
"collapsible-up": {
|
||||
from: { height: "var(--radix-collapsible-content-height)" },
|
||||
to: { height: 0 }
|
||||
}
|
||||
},
|
||||
animation: {
|
||||
"accordion-down": "accordion-down 0.2s ease-out",
|
||||
"accordion-up": "accordion-up 0.2s ease-out",
|
||||
"collapsible-down": "collapsible-down 0.2s ease-in-out",
|
||||
"collapsible-up": "collapsible-up 0.2s ease-in-out"
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: [animate]
|
||||
}
|
||||
31
tsconfig.app.json
Normal file
31
tsconfig.app.json
Normal file
@ -0,0 +1,31 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"module": "ESNext",
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
"jsx": "preserve",
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"@/*": ["./src/*"]
|
||||
},
|
||||
|
||||
/* Linting */
|
||||
"strict": true,
|
||||
"noUnusedLocals": false,
|
||||
"noUnusedParameters": false,
|
||||
"noFallthroughCasesInSwitch": true
|
||||
},
|
||||
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
|
||||
}
|
||||
11
tsconfig.json
Normal file
11
tsconfig.json
Normal file
@ -0,0 +1,11 @@
|
||||
{
|
||||
"files": [],
|
||||
"references": [
|
||||
{
|
||||
"path": "./tsconfig.app.json"
|
||||
},
|
||||
{
|
||||
"path": "./tsconfig.node.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
13
tsconfig.node.json
Normal file
13
tsconfig.node.json
Normal file
@ -0,0 +1,13 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
||||
"skipLibCheck": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "bundler",
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"strict": true,
|
||||
"noEmit": true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
14
vite.config.ts
Normal file
14
vite.config.ts
Normal file
@ -0,0 +1,14 @@
|
||||
import path from "node:path"
|
||||
import vue from "@vitejs/plugin-vue"
|
||||
import { defineConfig } from "vite"
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
css: {},
|
||||
plugins: [vue()],
|
||||
resolve: {
|
||||
alias: {
|
||||
"@": path.resolve(__dirname, "./src")
|
||||
}
|
||||
}
|
||||
})
|
||||
Loading…
x
Reference in New Issue
Block a user