Skip to content

Commit 39b4759

Browse files
committed
Init celenium interface
0 parents  commit 39b4759

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+14799
-0
lines changed

.github/workflows/license.yml

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
name: Check Licenses
2+
on:
3+
push:
4+
branches: [master]
5+
paths:
6+
- 'pnpm-lock.yaml'
7+
pull_request:
8+
paths:
9+
- 'pnpm-lock.yaml'
10+
jobs:
11+
licenses:
12+
name: Check licenses
13+
runs-on: ubuntu-latest
14+
15+
steps:
16+
- uses: actions/checkout@v2
17+
- run: yarn --frozen-lockfile --production
18+
- uses: daynin/nodejs-license-checker@v0.2.0
19+
with:
20+
exclude-private-packages: true
21+
allow-only: |
22+
MIT
23+
Apache-1.0
24+
Apache-1.1
25+
Apache-2.0
26+
BSD-2-Clause-FreeBSD
27+
BSD-2-Clause-NetBSD
28+
BSD-2-Clause
29+
BSD-3-Clause-Attribution
30+
BSD-3-Clause-Clear
31+
BSD-3-Clause-LBNL
32+
BSD-3-Clause
33+
BSD-4-Clause
34+
BSD-4-Clause-UC
35+
BSD-Protection
36+
ISC
37+
LGPL-2.0
38+
LGPL-2.1
39+
LGPL-3.0
40+
LGPLLR
41+
MPL-1.0
42+
MPL-1.1
43+
MPL-2.0
44+
Unlicense

.gitignore

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Nuxt dev/build outputs
2+
.output
3+
.data
4+
.nuxt
5+
.nitro
6+
.cache
7+
dist
8+
9+
# Node dependencies
10+
node_modules
11+
12+
# Logs
13+
logs
14+
*.log
15+
16+
# Misc
17+
.DS_Store
18+
.fleet
19+
.idea
20+
21+
# Local env files
22+
.env
23+
.env.*
24+
!.env.example

.npmrc

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
shamefully-hoist=true

.prettierrc

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"semi": false,
3+
"trailingComma": "all",
4+
"printWidth": 140,
5+
"tabWidth": 4,
6+
"useTabs": true
7+
}

LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2023 DipDup
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

app.vue

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<script setup>
2+
/** API */
3+
import Socket from "@/services/api/socket"
4+
import { fetchHead } from "@/services/api/main"
5+
6+
/** Store */
7+
import { useAppStore } from "@/store/app"
8+
const appStore = useAppStore()
9+
10+
const { data } = await fetchHead()
11+
if (data.value) appStore.head = data.value
12+
13+
onMounted(() => {
14+
Socket.init()
15+
16+
window.onbeforeunload = function () {
17+
Socket.close()
18+
}
19+
})
20+
</script>
21+
22+
<template>
23+
<NuxtLayout>
24+
<NuxtPage />
25+
26+
<div id="tooltip" />
27+
<div id="modal" />
28+
29+
<Notifications />
30+
</NuxtLayout>
31+
</template>

assets/icons.json

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

assets/styles/base.scss

Lines changed: 233 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,233 @@
1+
$grayscale: (
2+
03: 0.03,
3+
05: 0.05,
4+
08: 0.08,
5+
10: 0.1,
6+
15: 0.15,
7+
20: 0.2,
8+
30: 0.3,
9+
40: 0.4,
10+
50: 0.5,
11+
);
12+
13+
:root {
14+
--base-width: 992px;
15+
16+
/* Main */
17+
--app-background: rgb(23, 25, 27);
18+
--card-background: rgb(32, 34, 37);
19+
--tooltip-background: rgba(0, 0, 0, 90%);
20+
--outline-background: #2b2d30;
21+
--outline-background-hover: #1e2022;
22+
--outline-gradient: linear-gradient(var(--op-15), var(--op-5));
23+
24+
/* Text */
25+
--txt-primary: rgba(255, 255, 255, 90%);
26+
--txt-body: rgba(255, 255, 255, 75%);
27+
--txt-secondary: rgba(255, 255, 255, 65%);
28+
--txt-tertiary: rgba(255, 255, 255, 35%);
29+
--txt-support: rgba(255, 255, 255, 15%);
30+
--txt-black: rgba(0, 0, 0, 95%);
31+
32+
/* General */
33+
--brand: #924dff;
34+
--blue: #0b84fe;
35+
--red: #eb5757;
36+
--orange: #ff5a17;
37+
--light-orange: #ff8351;
38+
--yellow: #ffd400;
39+
--green: #0ade71;
40+
--neutral-green: #33a853;
41+
--purple: #5856de;
42+
43+
/* Grayscale */
44+
@each $gray, $value in $grayscale {
45+
--op-#{$gray}: rgba(255, 255, 255, #{$value});
46+
}
47+
48+
/** Button */
49+
--btn-white-bg: rgba(255, 255, 255, 90%);
50+
--btn-white-bg-hover: rgba(255, 255, 255, 75%);
51+
--btn-white-bg-active: rgba(255, 255, 255, 90%);
52+
--btn-secondary-bg: rgba(255, 255, 255, 5%);
53+
--btn-secondary-bg-hover: rgba(255, 255, 255, 8%);
54+
--btn-secondary-bg-active: rgba(255, 255, 255, 5%);
55+
56+
/** Other */
57+
--network-widget-background: rgba(0, 0, 0, 10%);
58+
--network-widget-separator: #2f3133;
59+
--network-widget-indicator: #fff;
60+
--feed-background: rgba(0, 0, 0, 8%);
61+
--notification-background: rgba(0, 0, 0, 95%);
62+
--block-progress-background: rgba(0, 0, 0, 20%);
63+
--logo-name: var(--txt-primary);
64+
}
65+
66+
[theme="light"] {
67+
--base-width: 992px;
68+
69+
/* Main */
70+
--app-background: rgb(235, 235, 235);
71+
--card-background: rgb(255, 255, 255);
72+
--tooltip-background: rgba(255, 255, 255, 100%);
73+
--outline-background: #e5e5e5;
74+
--outline-gradient: linear-gradient(var(--op-10), var(--op-20));
75+
76+
/* Text */
77+
--txt-primary: rgba(0, 0, 0, 90%);
78+
--txt-body: rgba(0, 0, 0, 75%);
79+
--txt-secondary: rgba(0, 0, 0, 70%);
80+
--txt-tertiary: rgba(0, 0, 0, 40%);
81+
--txt-support: rgba(0, 0, 0, 20%);
82+
--txt-black: rgba(0, 0, 0, 95%);
83+
84+
/* General */
85+
--brand: #924dff;
86+
--blue: #0b84fe;
87+
--red: #eb5757;
88+
--orange: #ff5a17;
89+
--light-orange: #ff8351;
90+
--yellow: #ffd400;
91+
--green: #26c071;
92+
--neutral-green: #33a853;
93+
--purple: #5856de;
94+
95+
/* Grayscale */
96+
@each $gray, $value in $grayscale {
97+
--op-#{$gray}: rgba(0, 0, 0, #{$value});
98+
}
99+
100+
/** Button */
101+
--btn-white-bg: rgba(255, 255, 255, 90%);
102+
--btn-white-bg-hover: rgba(255, 255, 255, 75%);
103+
--btn-white-bg-active: rgba(255, 255, 255, 90%);
104+
--btn-secondary-bg: rgba(0, 0, 0, 8%);
105+
--btn-secondary-bg-hover: rgba(0, 0, 0, 12%);
106+
--btn-secondary-bg-active: rgba(0, 0, 0, 8%);
107+
108+
/** Other */
109+
--network-widget-background: rgba(0, 0, 0, 3%);
110+
--network-widget-separator: #eaeaea;
111+
--network-widget-indicator: #000;
112+
--feed-background: rgba(0, 0, 0, 2%);
113+
--notification-background: rgba(255, 255, 255, 95%);
114+
--block-progress-background: rgba(0, 0, 0, 8%);
115+
--logo-name: var(--txt-primary);
116+
}
117+
118+
*,
119+
*::before,
120+
*::after {
121+
box-sizing: border-box;
122+
margin: 0;
123+
}
124+
125+
:disabled {
126+
cursor: default;
127+
}
128+
129+
a {
130+
text-decoration: none;
131+
}
132+
133+
button,
134+
[role="button"] {
135+
cursor: pointer;
136+
}
137+
138+
button {
139+
font-family: inherit;
140+
padding: 0;
141+
border: none;
142+
outline: none;
143+
}
144+
145+
input {
146+
font: inherit;
147+
border: none;
148+
outline: none;
149+
background: transparent;
150+
}
151+
152+
html {
153+
overflow-x: hidden;
154+
scrollbar-gutter: stable;
155+
}
156+
157+
body {
158+
min-height: 100vh;
159+
160+
background: var(--app-background);
161+
162+
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
163+
"Helvetica Neue", sans-serif;
164+
text-rendering: optimizeLegibility;
165+
-webkit-font-smoothing: antialiased;
166+
-moz-osx-font-smoothing: grayscale;
167+
168+
user-select: none;
169+
}
170+
171+
*::-webkit-scrollbar {
172+
width: 4px;
173+
height: 4px;
174+
}
175+
176+
*::-webkit-scrollbar-track {
177+
}
178+
179+
*::-webkit-scrollbar-thumb {
180+
background-color: rgba(255, 255, 255, 0);
181+
border-radius: 50px;
182+
}
183+
184+
*::-webkit-scrollbar-thumb {
185+
background-color: rgba(255, 255, 255, 0.15);
186+
}
187+
188+
*::-webkit-scrollbar-corner {
189+
background-color: transparent;
190+
}
191+
192+
.copyable {
193+
cursor: copy;
194+
}
195+
196+
.dot {
197+
width: 3px;
198+
height: 3px;
199+
200+
border-radius: 50px;
201+
background: var(--txt-tertiary);
202+
}
203+
204+
.popup-enter-active,
205+
.popup-leave-active {
206+
transition: all 0.1s ease;
207+
}
208+
209+
.popup-enter-from,
210+
.popup-leave-to {
211+
opacity: 0;
212+
transform: scale(0.5);
213+
}
214+
215+
.fade-enter-active,
216+
.fade-leave-active {
217+
transition: all 0.2s ease;
218+
}
219+
220+
.fade-enter-from,
221+
.fade-leave-to {
222+
opacity: 0;
223+
}
224+
225+
.fastfade-enter-active,
226+
.fastfade-leave-active {
227+
transition: all 0.1s ease;
228+
}
229+
230+
.fastfade-enter-from,
231+
.fastfade-leave-to {
232+
opacity: 0;
233+
}

0 commit comments

Comments
 (0)