Skip to content

Commit 368093f

Browse files
baiwusanyu-cbaiwusanyu-c
committed
chore: temp commit
1 parent ff3fb0b commit 368093f

Some content is hidden

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

65 files changed

+14726
-20216
lines changed

‎packages/client/index.html

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,21 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Vite + Svelte + TS</title>
7-
</head>
8-
<body style="font-size: 15px;">
9-
<div id="app"></div>
10-
<script>
11-
(function () {
12-
const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
13-
const setting = localStorage.getItem('color-schema') || 'auto'
14-
if (setting === 'dark' || (prefersDark && setting !== 'light'))
15-
document.documentElement.classList.toggle('dark', true)
16-
})()
17-
</script>
18-
<script type="module" src="/src/main.ts"></script>
19-
</body>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Vite + Svelte + TS</title>
7+
</head>
8+
<body style="font-size: 15px">
9+
<div id="app"></div>
10+
<script>
11+
(function () {
12+
const prefersDark =
13+
window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
14+
const setting = localStorage.getItem('color-schema') || 'auto';
15+
if (setting === 'dark' || (prefersDark && setting !== 'light'))
16+
document.documentElement.classList.toggle('dark', true);
17+
})();
18+
</script>
19+
<script type="module" src="/src/main.ts"></script>
20+
</body>
2021
</html>

‎packages/client/index.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import { dirname, resolve } from 'node:path';
2+
import { fileURLToPath } from 'node:url';
3+
4+
export const DIR_DIST =
5+
typeof __dirname !== 'undefined' ? __dirname : dirname(fileURLToPath(import.meta.url));
6+
7+
export const DIR_CLIENT = resolve(DIR_DIST, './dist');

‎packages/client/src/assets/main.css

Lines changed: 103 additions & 103 deletions
Original file line numberDiff line numberDiff line change
@@ -1,130 +1,130 @@
11
html {
2-
/* --at-apply: font-sans; */
3-
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
4-
overflow-y: scroll;
5-
overscroll-behavior: none;
6-
-ms-overflow-style: none;
7-
/* IE and Edge */
8-
scrollbar-width: none;
9-
/* Firefox */
2+
/* --at-apply: font-sans; */
3+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
4+
overflow-y: scroll;
5+
overscroll-behavior: none;
6+
-ms-overflow-style: none;
7+
/* IE and Edge */
8+
scrollbar-width: none;
9+
/* Firefox */
1010
}
1111

1212
body::-webkit-scrollbar {
13-
display: none;
13+
display: none;
1414
}
1515

1616
body {
17-
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
17+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
1818
}
1919

2020
html.dark {
21-
background: #1f1f1f;
22-
color-scheme: dark;
21+
background: #1f1f1f;
22+
color-scheme: dark;
2323
}
2424

2525
html.light {
26-
background: #fff;
27-
color-scheme: light;
26+
background: #fff;
27+
color-scheme: light;
2828
}
2929

3030
.no-scrollbar::-webkit-scrollbar {
31-
display: none;
32-
width: 0 !important;
33-
height: 0 !important;
34-
}
35-
36-
.default-theme.splitpanes--vertical>.splitpanes__splitter:hover:before,
37-
.default-theme .splitpanes--vertical>.splitpanes__splitter:hover:before{
38-
background-color: rgba(255, 0, 0, 0.07);
39-
}
40-
41-
.default-theme.splitpanes--vertical>.splitpanes__splitter:before,
42-
.default-theme .splitpanes--vertical>.splitpanes__splitter:before{
43-
height: 100%;
44-
width: 7px;
45-
background-color: transparent;
46-
}
47-
48-
.default-theme.splitpanes--vertical>.splitpanes__splitter,
49-
.default-theme .splitpanes--vertical>.splitpanes__splitter{
50-
background-color: #eee;
51-
border: none;
52-
width: 2px;
53-
}
54-
55-
.default-theme.splitpanes--vertical>.splitpanes__splitter:hover,
56-
.default-theme .splitpanes--vertical>.splitpanes__splitter:hover{
57-
background-color: transparent;
58-
}
59-
60-
.default-theme.splitpanes--vertical>.splitpanes__splitter:after,
61-
.default-theme .splitpanes--vertical>.splitpanes__splitter:after{
62-
content: none;
63-
}
64-
65-
.splitpanes.default-theme .splitpanes__pane{
66-
background-color: transparent;
67-
}
68-
69-
:root{
70-
/* color */
71-
--json-tree-string-color: #cb3f41;
72-
--json-tree-symbol-color: #cb3f41;
73-
--json-tree-boolean-color: #112aa7;
74-
--json-tree-function-color: #112aa7;
75-
--json-tree-number-color: #3029cf;
76-
--json-tree-label-color: #871d8f;
77-
--json-tree-property-color: #000000;
78-
--json-tree-arrow-color: #727272;
79-
--json-tree-operator-color: #727272;
80-
--json-tree-null-color: #8d8d8d;
81-
--json-tree-undefined-color: #8d8d8d;
82-
--json-tree-date-color: #8d8d8d;
83-
--json-tree-internal-color: grey;
84-
--json-tree-regex-color: #cb3f41;
85-
/* position */
86-
--json-tree-li-indentation: 1em;
87-
--json-tree-li-line-height: 1.3;
88-
/* font */
89-
--json-tree-font-size: 14px;
90-
--json-tree-font-family: 'Courier New', Courier, monospace;
91-
}
92-
93-
.dark:root{
94-
/* color */
95-
--json-tree-string-color: rgb(255, 136, 150);
96-
--json-tree-symbol-color: rgb(255, 136, 150);
97-
--json-tree-boolean-color: #809aff;
98-
--json-tree-function-color: #809aff;
99-
--json-tree-number-color: #5ac5ff;
100-
--json-tree-label-color: #ed71ff;
101-
--json-tree-property-color: #fff;
102-
--json-tree-arrow-color: #d3d3d3;
103-
--json-tree-operator-color: #d3d3d3;
104-
--json-tree-null-color: #9f9f9f;
105-
--json-tree-undefined-color: #9f9f9f;
106-
--json-tree-date-color: #9f9f9f;
107-
--json-tree-internal-color: #9f9f9f;
108-
--json-tree-regex-color: rgb(255, 136, 150);
109-
}
110-
111-
.indent{
112-
text-indent: initial;
31+
display: none;
32+
width: 0 !important;
33+
height: 0 !important;
34+
}
35+
36+
.default-theme.splitpanes--vertical > .splitpanes__splitter:hover:before,
37+
.default-theme .splitpanes--vertical > .splitpanes__splitter:hover:before {
38+
background-color: rgba(255, 0, 0, 0.07);
39+
}
40+
41+
.default-theme.splitpanes--vertical > .splitpanes__splitter:before,
42+
.default-theme .splitpanes--vertical > .splitpanes__splitter:before {
43+
height: 100%;
44+
width: 7px;
45+
background-color: transparent;
46+
}
47+
48+
.default-theme.splitpanes--vertical > .splitpanes__splitter,
49+
.default-theme .splitpanes--vertical > .splitpanes__splitter {
50+
background-color: #eee;
51+
border: none;
52+
width: 2px;
53+
}
54+
55+
.default-theme.splitpanes--vertical > .splitpanes__splitter:hover,
56+
.default-theme .splitpanes--vertical > .splitpanes__splitter:hover {
57+
background-color: transparent;
58+
}
59+
60+
.default-theme.splitpanes--vertical > .splitpanes__splitter:after,
61+
.default-theme .splitpanes--vertical > .splitpanes__splitter:after {
62+
content: none;
63+
}
64+
65+
.splitpanes.default-theme .splitpanes__pane {
66+
background-color: transparent;
67+
}
68+
69+
:root {
70+
/* color */
71+
--json-tree-string-color: #cb3f41;
72+
--json-tree-symbol-color: #cb3f41;
73+
--json-tree-boolean-color: #112aa7;
74+
--json-tree-function-color: #112aa7;
75+
--json-tree-number-color: #3029cf;
76+
--json-tree-label-color: #871d8f;
77+
--json-tree-property-color: #000000;
78+
--json-tree-arrow-color: #727272;
79+
--json-tree-operator-color: #727272;
80+
--json-tree-null-color: #8d8d8d;
81+
--json-tree-undefined-color: #8d8d8d;
82+
--json-tree-date-color: #8d8d8d;
83+
--json-tree-internal-color: grey;
84+
--json-tree-regex-color: #cb3f41;
85+
/* position */
86+
--json-tree-li-indentation: 1em;
87+
--json-tree-li-line-height: 1.3;
88+
/* font */
89+
--json-tree-font-size: 14px;
90+
--json-tree-font-family: 'Courier New', Courier, monospace;
91+
}
92+
93+
.dark:root {
94+
/* color */
95+
--json-tree-string-color: rgb(255, 136, 150);
96+
--json-tree-symbol-color: rgb(255, 136, 150);
97+
--json-tree-boolean-color: #809aff;
98+
--json-tree-function-color: #809aff;
99+
--json-tree-number-color: #5ac5ff;
100+
--json-tree-label-color: #ed71ff;
101+
--json-tree-property-color: #fff;
102+
--json-tree-arrow-color: #d3d3d3;
103+
--json-tree-operator-color: #d3d3d3;
104+
--json-tree-null-color: #9f9f9f;
105+
--json-tree-undefined-color: #9f9f9f;
106+
--json-tree-date-color: #9f9f9f;
107+
--json-tree-internal-color: #9f9f9f;
108+
--json-tree-regex-color: rgb(255, 136, 150);
109+
}
110+
111+
.indent {
112+
text-indent: initial;
113113
}
114114

115115
.scroll-bar::-webkit-scrollbar-track-piece {
116-
background: rgba(255, 62, 0, 0.2);
116+
background: rgba(255, 62, 0, 0.2);
117117
}
118118

119119
.scroll-bar::-webkit-scrollbar {
120-
width: 6px;
121-
}
120+
width: 6px;
121+
}
122122

123123
.scroll-bar::-webkit-scrollbar-thumb {
124-
background: rgba(255, 62, 0, 0.38);
125-
border-radius: 20px;
126-
}
124+
background: rgba(255, 62, 0, 0.38);
125+
border-radius: 20px;
126+
}
127127

128128
.hover-icon:hover > div {
129-
--at-apply: text-main;
129+
--at-apply: text-main;
130130
}

‎packages/client/src/components/AssetsDetail.svelte

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,8 @@ import AssetsPreview from "./AssetsPreview.svelte";
55
import type { AssetInfo } from "@ikun-svelte-devtools/shared";
66
import {useDevtoolsClient} from "../composables/client";
77
import { rpc } from "../composables/rpc";
8-
import { normalizeSizeUnits, formatDate, relativeTime } from 'baiwusanyu-utils'
8+
import { formatDate, relativeTime } from '@baiwusanyu/utils-date'
9+
import { normalizeSizeUnits } from '@baiwusanyu/utils-normalize'
910
import Copy from "./Copy.svelte";
1011
export let asset:(AssetInfo & {fileName: string}) = {
1112
path: '',

‎packages/client/src/components/Copy.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script lang="ts">
2-
import { copyText } from 'baiwusanyu-utils'
2+
import { copyText } from '@baiwusanyu/utils-com'
33
import { KMessage, KIcon } from "@ikun-ui/core";
44
export let data: {}
55
export let width = '24px'

‎packages/client/src/composables/client.ts

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
1-
import type { SvelteDevtoolsHostClient } from '@ikun-svelte-devtools/shared'
1+
import type { SvelteDevtoolsHostClient } from '@ikun-svelte-devtools/shared';
22

33
const client = {
4-
hook: (window.parent as Window & { __SVELTE_DEVTOOLS_GLOBAL_HOOK__: any })?.__SVELTE_DEVTOOLS_GLOBAL_HOOK__,
5-
markClientLoaded: () => { },
6-
hookBuffer: [],
7-
categorizedHookBuffer: {},
8-
inspector: (window.parent as Window & { __SVELTE_KIT_INSPECTOR__: any })?.__SVELTE_KIT_INSPECTOR__
9-
} as SvelteDevtoolsHostClient
4+
hook: (window.parent as Window & { __SVELTE_DEVTOOLS_GLOBAL_HOOK__: any })
5+
?.__SVELTE_DEVTOOLS_GLOBAL_HOOK__,
6+
markClientLoaded: () => {},
7+
hookBuffer: [],
8+
categorizedHookBuffer: {},
9+
inspector: (window.parent as Window & { __SVELTE_KIT_INSPECTOR__: any })?.__SVELTE_KIT_INSPECTOR__
10+
} as SvelteDevtoolsHostClient;
1011

1112
export function useDevtoolsClient() {
12-
return client
13+
return client;
1314
}

0 commit comments

Comments
 (0)