@lazycatcloud/lzc-cli 1.3.13 → 2.0.0-pre.0
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/README.md +30 -5
- package/changelog.md +16 -0
- package/lib/app/index.js +174 -58
- package/lib/app/lpk_build.js +197 -18
- package/lib/app/lpk_build_images.js +728 -0
- package/lib/app/lpk_create.js +96 -23
- package/lib/app/lpk_create_generator.js +150 -12
- package/lib/app/lpk_devshell.js +35 -21
- package/lib/app/lpk_embed_images.js +257 -0
- package/lib/app/lpk_installer.js +15 -7
- package/lib/app/project_cp.js +64 -0
- package/lib/app/project_deploy.js +33 -0
- package/lib/app/project_exec.js +45 -0
- package/lib/app/project_info.js +106 -0
- package/lib/app/project_log.js +67 -0
- package/lib/app/project_runtime.js +261 -0
- package/lib/app/project_start.js +100 -0
- package/lib/appstore/index.js +56 -16
- package/lib/appstore/publish.js +16 -13
- package/lib/box/index.js +103 -6
- package/lib/box/ssh_remote.js +259 -0
- package/lib/build_remote.js +22 -0
- package/lib/config/index.js +4 -3
- package/lib/debug_bridge.js +837 -44
- package/lib/docker/index.js +30 -10
- package/lib/i18n/index.js +1 -0
- package/lib/i18n/locales/en/translation.json +263 -250
- package/lib/i18n/locales/zh/translation.json +57 -44
- package/lib/lpk/core.js +487 -0
- package/lib/lpk/index.js +210 -0
- package/lib/shellapi.js +5 -5
- package/lib/sig/core.js +254 -0
- package/lib/sig/index.js +88 -0
- package/lib/utils.js +17 -12
- package/package.json +4 -3
- package/scripts/cli.js +4 -0
- package/template/_lpk/README.md +11 -3
- package/template/_lpk/gui-vnc.manifest.yml.in +27 -0
- package/template/_lpk/manifest.yml.in +4 -2
- package/template/_lpk/todolist-golang.manifest.yml.in +16 -0
- package/template/_lpk/todolist-java.manifest.yml.in +15 -0
- package/template/_lpk/todolist-python.manifest.yml.in +15 -0
- package/template/_lpk/vue.lzc-build.yml.in +0 -44
- package/template/blank/_gitignore +1 -0
- package/template/blank/lzc-build.yml +25 -40
- package/template/blank/lzc-manifest.yml +14 -7
- package/template/golang/Dockerfile +19 -0
- package/template/golang/README.md +33 -0
- package/template/golang/_gitignore +3 -0
- package/template/golang/go.mod +3 -0
- package/template/golang/lzc-build.yml +21 -0
- package/template/golang/lzc-icon.png +0 -0
- package/template/golang/main.go +252 -0
- package/template/golang/run.sh +3 -0
- package/template/golang/web/index.html +238 -0
- package/template/gui-vnc/README.md +19 -0
- package/template/gui-vnc/_gitignore +2 -0
- package/template/gui-vnc/images/Dockerfile +30 -0
- package/template/gui-vnc/images/kasmvnc.yaml +33 -0
- package/template/gui-vnc/images/startup-script.desktop +9 -0
- package/template/gui-vnc/images/startup-script.sh +6 -0
- package/template/gui-vnc/lzc-build.yml +23 -0
- package/template/gui-vnc/lzc-icon.png +0 -0
- package/template/python/Dockerfile +15 -0
- package/template/python/README.md +33 -0
- package/template/python/_gitignore +3 -0
- package/template/python/app.py +110 -0
- package/template/python/lzc-build.yml +21 -0
- package/template/python/lzc-icon.png +0 -0
- package/template/python/requirements.txt +1 -0
- package/template/python/run.sh +3 -0
- package/template/python/web/index.html +238 -0
- package/template/springboot/Dockerfile +20 -0
- package/template/springboot/README.md +33 -0
- package/template/springboot/_gitignore +3 -0
- package/template/springboot/lzc-build.yml +21 -0
- package/template/springboot/lzc-icon.png +0 -0
- package/template/springboot/pom.xml +38 -0
- package/template/springboot/run.sh +3 -0
- package/template/springboot/src/main/java/cloud/lazycat/app/Application.java +132 -0
- package/template/springboot/src/main/resources/application.properties +1 -0
- package/template/springboot/src/main/resources/static/index.html +238 -0
- package/template/vue/README.md +17 -7
- package/template/vue/_gitignore +1 -0
- package/template/vue/lzc-build.yml +31 -42
- package/template/vue/src/App.vue +36 -25
- package/template/vue/src/style.css +106 -49
- package/template/vue-minidb/README.md +34 -0
- package/template/vue-minidb/_gitignore +26 -0
- package/template/vue-minidb/index.html +13 -0
- package/template/vue-minidb/lzc-build.yml +48 -0
- package/template/vue-minidb/lzc-icon.png +0 -0
- package/template/vue-minidb/package.json +21 -0
- package/template/vue-minidb/public/vite.svg +1 -0
- package/template/vue-minidb/src/App.vue +206 -0
- package/template/vue-minidb/src/assets/vue.svg +1 -0
- package/template/vue-minidb/src/main.ts +5 -0
- package/template/vue-minidb/src/style.css +136 -0
- package/template/vue-minidb/src/vite-env.d.ts +1 -0
- package/template/vue-minidb/tsconfig.app.json +24 -0
- package/template/vue-minidb/tsconfig.json +7 -0
- package/template/vue-minidb/tsconfig.node.json +22 -0
- package/template/vue-minidb/vite.config.ts +10 -0
- /package/template/{vue → vue-minidb}/src/components/HelloWorld.vue +0 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
<title>Vite + Vue + TS</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="app"></div>
|
|
11
|
+
<script type="module" src="/src/main.ts"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
# 可选基础文件: lzc-build.base.yml（与当前文件同目录，先加载再与当前文件合并）
|
|
2
|
+
|
|
3
|
+
# buildscript
|
|
4
|
+
# - 可以为构建脚本的路径地址
|
|
5
|
+
# - 如果构建命令简单，也可以直接写 sh 的命令
|
|
6
|
+
buildscript: npm install && npm run build
|
|
7
|
+
|
|
8
|
+
# manifest: 指定 lpk 包的 manifest.yml 文件路径
|
|
9
|
+
manifest: ./lzc-manifest.yml
|
|
10
|
+
|
|
11
|
+
# contentdir: 指定打包的内容，将会打包到 lpk 中
|
|
12
|
+
contentdir: ./dist
|
|
13
|
+
|
|
14
|
+
# images: 在盒子侧构建镜像并写入 lpk v2 images 目录
|
|
15
|
+
# - key 是 image alias
|
|
16
|
+
# - 在 lzc-manifest.yml 中通过 embed:alias 引用
|
|
17
|
+
# - dockerfile 与 dockerfile-content 二选一
|
|
18
|
+
# - context 可选，默认是 dockerfile 所在目录
|
|
19
|
+
# images: 在盒子侧构建镜像并写入 lpk v2 images 目录
|
|
20
|
+
# - key 是 image alias
|
|
21
|
+
# - 在 lzc-manifest.yml 中通过 embed:alias 引用
|
|
22
|
+
# - dockerfile 与 dockerfile-content 二选一
|
|
23
|
+
# - context 可选，默认是 dockerfile 所在目录
|
|
24
|
+
# images:
|
|
25
|
+
# my-nginx:
|
|
26
|
+
# context: ./image
|
|
27
|
+
# dockerfile: ./image/Dockerfile
|
|
28
|
+
# # 可选，默认 registry.lazycat.cloud
|
|
29
|
+
# upstream-match: registry.lazycat.cloud
|
|
30
|
+
# other-image:
|
|
31
|
+
# dockerfile: ./other/Dockerfile
|
|
32
|
+
# inline-image:
|
|
33
|
+
# context: ./
|
|
34
|
+
# dockerfile-content: |
|
|
35
|
+
# FROM alpine:3.20
|
|
36
|
+
# RUN echo "hello"
|
|
37
|
+
#
|
|
38
|
+
# 构建时默认是混合模式:
|
|
39
|
+
# - 先沿父镜像链向上找 upstream
|
|
40
|
+
# - 找到 upstream 后，仅 embed 非 upstream 的 layers
|
|
41
|
+
# - 如果未匹配到 upstream，则自动全量 embed
|
|
42
|
+
|
|
43
|
+
# pkgout: lpk 包的输出路径
|
|
44
|
+
pkgout: ./
|
|
45
|
+
|
|
46
|
+
# icon 指定 lpk 包 icon 的路径路径，如果不指定将会警告
|
|
47
|
+
# icon 仅仅允许 png 后缀的文件
|
|
48
|
+
icon: ./lzc-icon.png
|
|
Binary file
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "lzc-app-template",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "0.0.0",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite --port 3000 --host",
|
|
8
|
+
"build": "vue-tsc -b && vite build",
|
|
9
|
+
"preview": "vite preview"
|
|
10
|
+
},
|
|
11
|
+
"dependencies": {
|
|
12
|
+
"@lazycatcloud/minidb": "^0.0.10",
|
|
13
|
+
"vue": "^3.4.37"
|
|
14
|
+
},
|
|
15
|
+
"devDependencies": {
|
|
16
|
+
"@vitejs/plugin-vue": "^5.1.2",
|
|
17
|
+
"typescript": "^5.5.3",
|
|
18
|
+
"vite": "^5.4.1",
|
|
19
|
+
"vue-tsc": "^2.0.29"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
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>
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import { MiniDB } from '@lazycatcloud/minidb'
|
|
3
|
+
import { onMounted, onUnmounted, ref } from 'vue'
|
|
4
|
+
|
|
5
|
+
type Todo = {
|
|
6
|
+
_id?: string
|
|
7
|
+
title: string
|
|
8
|
+
done: boolean
|
|
9
|
+
updatedAt: number
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const db = new MiniDB()
|
|
13
|
+
const todosCollection = db.getCollection('todos')
|
|
14
|
+
|
|
15
|
+
const todos = ref<Todo[]>([])
|
|
16
|
+
const inputValue = ref('')
|
|
17
|
+
let syncTimer: ReturnType<typeof setInterval> | undefined
|
|
18
|
+
|
|
19
|
+
async function loadTodos() {
|
|
20
|
+
const next = await todosCollection.find({}, { sort: [['updatedAt', 'desc']] }).fetch()
|
|
21
|
+
const prevSerialized = JSON.stringify(todos.value)
|
|
22
|
+
const nextSerialized = JSON.stringify(next)
|
|
23
|
+
if (prevSerialized !== nextSerialized) {
|
|
24
|
+
todos.value = next
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
async function syncTodos() {
|
|
29
|
+
await loadTodos()
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
async function addTodo() {
|
|
33
|
+
const title = inputValue.value.trim()
|
|
34
|
+
if (!title) {
|
|
35
|
+
return
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
await todosCollection.upsert({
|
|
39
|
+
title,
|
|
40
|
+
done: false,
|
|
41
|
+
updatedAt: Date.now(),
|
|
42
|
+
})
|
|
43
|
+
inputValue.value = ''
|
|
44
|
+
await loadTodos()
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
async function toggleTodo(todo: Todo) {
|
|
48
|
+
await todosCollection.upsert(
|
|
49
|
+
{
|
|
50
|
+
...todo,
|
|
51
|
+
done: !todo.done,
|
|
52
|
+
updatedAt: Date.now(),
|
|
53
|
+
},
|
|
54
|
+
todo,
|
|
55
|
+
)
|
|
56
|
+
await loadTodos()
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
async function removeTodo(todo: Todo) {
|
|
60
|
+
if (!todo._id) {
|
|
61
|
+
return
|
|
62
|
+
}
|
|
63
|
+
await todosCollection.remove(todo._id)
|
|
64
|
+
await loadTodos()
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
onMounted(async () => {
|
|
68
|
+
await syncTodos()
|
|
69
|
+
syncTimer = setInterval(syncTodos, 2500)
|
|
70
|
+
document.addEventListener('visibilitychange', syncTodos)
|
|
71
|
+
window.addEventListener('focus', syncTodos)
|
|
72
|
+
})
|
|
73
|
+
|
|
74
|
+
onUnmounted(() => {
|
|
75
|
+
if (syncTimer) {
|
|
76
|
+
clearInterval(syncTimer)
|
|
77
|
+
}
|
|
78
|
+
document.removeEventListener('visibilitychange', syncTodos)
|
|
79
|
+
window.removeEventListener('focus', syncTodos)
|
|
80
|
+
})
|
|
81
|
+
</script>
|
|
82
|
+
|
|
83
|
+
<template>
|
|
84
|
+
<main class="hero-shell">
|
|
85
|
+
<section class="hero-card">
|
|
86
|
+
<p class="tag">Serverless Version</p>
|
|
87
|
+
<h1>Todo demo powered by Vue + MiniDB</h1>
|
|
88
|
+
<p class="lead">
|
|
89
|
+
This template runs without a custom backend service and stores data with
|
|
90
|
+
@lazycatcloud/minidb.
|
|
91
|
+
</p>
|
|
92
|
+
|
|
93
|
+
<div class="cta-group">
|
|
94
|
+
<a class="btn primary" href="https://lazycat.cloud/" target="_blank" rel="noreferrer">Visit lazycat.cloud</a>
|
|
95
|
+
<a class="btn" href="https://developer.lazycat.cloud/" target="_blank" rel="noreferrer">Open Developer Docs</a>
|
|
96
|
+
</div>
|
|
97
|
+
|
|
98
|
+
<section class="todo-panel">
|
|
99
|
+
<h2>MiniDB quick demo</h2>
|
|
100
|
+
<p class="sync-note">Data syncs automatically across devices when opened with the same app account.</p>
|
|
101
|
+
<div class="form">
|
|
102
|
+
<input v-model="inputValue" placeholder="Add a task for your app kickoff" @keyup.enter="addTodo" />
|
|
103
|
+
<button @click="addTodo">Add</button>
|
|
104
|
+
</div>
|
|
105
|
+
|
|
106
|
+
<ul class="list">
|
|
107
|
+
<li v-for="todo in todos" :key="todo._id ?? `${todo.title}-${todo.updatedAt}`">
|
|
108
|
+
<label>
|
|
109
|
+
<input type="checkbox" :checked="todo.done" @change="toggleTodo(todo)" />
|
|
110
|
+
<span :class="{ done: todo.done }">{{ todo.title }}</span>
|
|
111
|
+
</label>
|
|
112
|
+
<button class="danger" @click="removeTodo(todo)">Delete</button>
|
|
113
|
+
</li>
|
|
114
|
+
</ul>
|
|
115
|
+
</section>
|
|
116
|
+
</section>
|
|
117
|
+
</main>
|
|
118
|
+
</template>
|
|
119
|
+
|
|
120
|
+
<style scoped>
|
|
121
|
+
.todo-panel {
|
|
122
|
+
margin-top: 22px;
|
|
123
|
+
border: 1px solid var(--line);
|
|
124
|
+
border-radius: 14px;
|
|
125
|
+
padding: 14px;
|
|
126
|
+
background: #fbfdff;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.todo-panel h2 {
|
|
130
|
+
margin: 0;
|
|
131
|
+
font-size: 1.05rem;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.sync-note {
|
|
135
|
+
margin: 8px 0 0;
|
|
136
|
+
color: var(--muted);
|
|
137
|
+
font-size: 0.9rem;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.form {
|
|
141
|
+
display: flex;
|
|
142
|
+
gap: 10px;
|
|
143
|
+
margin: 12px 0;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
input {
|
|
147
|
+
flex: 1;
|
|
148
|
+
border: 1px solid var(--line);
|
|
149
|
+
border-radius: 10px;
|
|
150
|
+
padding: 10px 12px;
|
|
151
|
+
min-width: 0;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.list {
|
|
155
|
+
list-style: none;
|
|
156
|
+
margin: 0;
|
|
157
|
+
padding: 0;
|
|
158
|
+
display: grid;
|
|
159
|
+
gap: 10px;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.list li {
|
|
163
|
+
display: flex;
|
|
164
|
+
align-items: center;
|
|
165
|
+
justify-content: space-between;
|
|
166
|
+
gap: 8px;
|
|
167
|
+
border: 1px solid var(--line);
|
|
168
|
+
border-radius: 10px;
|
|
169
|
+
padding: 10px 12px;
|
|
170
|
+
background: #fff;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
label {
|
|
174
|
+
display: flex;
|
|
175
|
+
align-items: center;
|
|
176
|
+
gap: 8px;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.done {
|
|
180
|
+
text-decoration: line-through;
|
|
181
|
+
color: var(--muted);
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
button {
|
|
185
|
+
border: 1px solid var(--line);
|
|
186
|
+
border-radius: 10px;
|
|
187
|
+
padding: 9px 12px;
|
|
188
|
+
cursor: pointer;
|
|
189
|
+
background: #fff;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.danger {
|
|
193
|
+
color: #a63e37;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
@media (max-width: 640px) {
|
|
197
|
+
.form {
|
|
198
|
+
flex-direction: column;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.list li {
|
|
202
|
+
align-items: flex-start;
|
|
203
|
+
flex-direction: column;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
</style>
|
|
@@ -0,0 +1 @@
|
|
|
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>
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--bg-1: #f8fbff;
|
|
3
|
+
--bg-2: #ecf6ff;
|
|
4
|
+
--card: #ffffff;
|
|
5
|
+
--text: #142033;
|
|
6
|
+
--muted: #4e617b;
|
|
7
|
+
--line: #d8e4f2;
|
|
8
|
+
--brand: #0076d6;
|
|
9
|
+
--brand-2: #00a5a5;
|
|
10
|
+
font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
|
|
11
|
+
line-height: 1.5;
|
|
12
|
+
font-weight: 400;
|
|
13
|
+
color: var(--text);
|
|
14
|
+
text-rendering: optimizeLegibility;
|
|
15
|
+
-webkit-font-smoothing: antialiased;
|
|
16
|
+
-moz-osx-font-smoothing: grayscale;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
* {
|
|
20
|
+
box-sizing: border-box;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
body {
|
|
24
|
+
margin: 0;
|
|
25
|
+
min-width: 320px;
|
|
26
|
+
background: radial-gradient(circle at top right, var(--bg-2), var(--bg-1) 42%);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
#app {
|
|
30
|
+
min-height: 100vh;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.hero-shell {
|
|
34
|
+
min-height: 100vh;
|
|
35
|
+
display: grid;
|
|
36
|
+
place-items: center;
|
|
37
|
+
padding: 28px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.hero-card {
|
|
41
|
+
width: min(960px, 100%);
|
|
42
|
+
background: var(--card);
|
|
43
|
+
border: 1px solid var(--line);
|
|
44
|
+
border-radius: 22px;
|
|
45
|
+
padding: 28px;
|
|
46
|
+
box-shadow: 0 18px 48px rgba(20, 32, 51, 0.08);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.tag {
|
|
50
|
+
margin: 0;
|
|
51
|
+
color: var(--brand);
|
|
52
|
+
font-size: 0.85rem;
|
|
53
|
+
font-weight: 700;
|
|
54
|
+
letter-spacing: 0.08em;
|
|
55
|
+
text-transform: uppercase;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
h1 {
|
|
59
|
+
margin: 10px 0 12px;
|
|
60
|
+
font-size: clamp(1.8rem, 3.2vw, 2.7rem);
|
|
61
|
+
line-height: 1.15;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.lead {
|
|
65
|
+
margin: 0;
|
|
66
|
+
color: var(--muted);
|
|
67
|
+
max-width: 70ch;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.cta-group {
|
|
71
|
+
display: flex;
|
|
72
|
+
flex-wrap: wrap;
|
|
73
|
+
gap: 10px;
|
|
74
|
+
margin-top: 18px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.btn {
|
|
78
|
+
display: inline-flex;
|
|
79
|
+
align-items: center;
|
|
80
|
+
justify-content: center;
|
|
81
|
+
text-decoration: none;
|
|
82
|
+
padding: 10px 14px;
|
|
83
|
+
border-radius: 10px;
|
|
84
|
+
border: 1px solid var(--line);
|
|
85
|
+
color: var(--text);
|
|
86
|
+
font-weight: 600;
|
|
87
|
+
transition: transform 120ms ease, box-shadow 120ms ease;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.btn:hover {
|
|
91
|
+
transform: translateY(-1px);
|
|
92
|
+
box-shadow: 0 8px 20px rgba(20, 32, 51, 0.08);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.btn.primary {
|
|
96
|
+
color: #fff;
|
|
97
|
+
border-color: transparent;
|
|
98
|
+
background: linear-gradient(135deg, var(--brand), var(--brand-2));
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.highlight-grid {
|
|
102
|
+
list-style: none;
|
|
103
|
+
margin: 22px 0 0;
|
|
104
|
+
padding: 0;
|
|
105
|
+
display: grid;
|
|
106
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
107
|
+
gap: 12px;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.highlight-item {
|
|
111
|
+
border: 1px solid var(--line);
|
|
112
|
+
border-radius: 14px;
|
|
113
|
+
padding: 14px;
|
|
114
|
+
background: #fbfdff;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.highlight-item h2 {
|
|
118
|
+
margin: 0;
|
|
119
|
+
font-size: 1rem;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.highlight-item p {
|
|
123
|
+
margin: 8px 0 0;
|
|
124
|
+
color: var(--muted);
|
|
125
|
+
font-size: 0.93rem;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
@media (max-width: 900px) {
|
|
129
|
+
.highlight-grid {
|
|
130
|
+
grid-template-columns: 1fr;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.hero-card {
|
|
134
|
+
padding: 20px;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference types="vite/client" />
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "ES2020",
|
|
4
|
+
"useDefineForClassFields": true,
|
|
5
|
+
"module": "ESNext",
|
|
6
|
+
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
|
7
|
+
"skipLibCheck": true,
|
|
8
|
+
|
|
9
|
+
/* Bundler mode */
|
|
10
|
+
"moduleResolution": "bundler",
|
|
11
|
+
"allowImportingTsExtensions": true,
|
|
12
|
+
"isolatedModules": true,
|
|
13
|
+
"moduleDetection": "force",
|
|
14
|
+
"noEmit": true,
|
|
15
|
+
"jsx": "preserve",
|
|
16
|
+
|
|
17
|
+
/* Linting */
|
|
18
|
+
"strict": true,
|
|
19
|
+
"noUnusedLocals": true,
|
|
20
|
+
"noUnusedParameters": true,
|
|
21
|
+
"noFallthroughCasesInSwitch": true
|
|
22
|
+
},
|
|
23
|
+
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
|
|
24
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "ES2022",
|
|
4
|
+
"lib": ["ES2023"],
|
|
5
|
+
"module": "ESNext",
|
|
6
|
+
"skipLibCheck": true,
|
|
7
|
+
|
|
8
|
+
/* Bundler mode */
|
|
9
|
+
"moduleResolution": "bundler",
|
|
10
|
+
"allowImportingTsExtensions": true,
|
|
11
|
+
"isolatedModules": true,
|
|
12
|
+
"moduleDetection": "force",
|
|
13
|
+
"noEmit": true,
|
|
14
|
+
|
|
15
|
+
/* Linting */
|
|
16
|
+
"strict": true,
|
|
17
|
+
"noUnusedLocals": true,
|
|
18
|
+
"noUnusedParameters": true,
|
|
19
|
+
"noFallthroughCasesInSwitch": true
|
|
20
|
+
},
|
|
21
|
+
"include": ["vite.config.ts"]
|
|
22
|
+
}
|
|
File without changes
|