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