@freik/pedroviz 0.1.2 → 0.2.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 +144 -48
- package/dist/entry.js +172 -0
- package/dist/frontend.js +156 -0
- package/dist/frontend.js.map +7 -0
- package/dist/index.html +4 -3
- package/dist/logo.png +0 -0
- package/dist/{index-0k6xv586.css → styles.css} +35 -41
- package/package.json +28 -24
- package/dist/field-dark-kfzgjbw0.jpg +0 -0
- package/dist/field-light-p0m7q5e8.jpg +0 -0
- package/dist/index-9vzrarn0.js +0 -50869
- package/dist/index-9vzrarn0.js.map +0 -590
- package/dist/logo-pefhw544.png +0 -0
- package/dist/main.js +0 -19471
- package/dist/main.js.map +0 -494
package/dist/index.html
CHANGED
|
@@ -7,11 +7,12 @@
|
|
|
7
7
|
I used <a href="https://www.textstudio.com/">Font generator</a>
|
|
8
8
|
and the Cooper Black font to generate the icon
|
|
9
9
|
-->
|
|
10
|
-
<link rel="icon" type="image/png" href="./logo
|
|
10
|
+
<link rel="icon" type="image/png" href="./logo.png" />
|
|
11
|
+
<link rel="stylesheet" href="./styles.css" />
|
|
11
12
|
<title>Viz4Pedro</title>
|
|
12
|
-
|
|
13
|
+
</head>
|
|
13
14
|
<body>
|
|
14
15
|
<div id="root"></div>
|
|
15
|
-
|
|
16
|
+
<script type="module" src="./frontend.js"></script>
|
|
16
17
|
</body>
|
|
17
18
|
</html>
|
package/dist/logo.png
ADDED
|
Binary file
|
|
@@ -1,48 +1,42 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/* SPDX-License-Identifier: AGPL-3.0-or-later */
|
|
2
|
+
|
|
2
3
|
:root {
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
5
|
+
/* line-height: 1.5; */
|
|
5
6
|
color-scheme: light dark;
|
|
6
|
-
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Avenir, Helvetica, Arial, sans-serif;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@media (prefers-color-scheme: dark) {
|
|
10
|
-
:root {
|
|
11
|
-
--buncss-light: ;
|
|
12
|
-
--buncss-dark: initial;
|
|
13
|
-
}
|
|
14
7
|
}
|
|
15
|
-
|
|
16
|
-
html,
|
|
17
|
-
|
|
18
|
-
height: 100%;
|
|
8
|
+
/* --- Base App Layout --- */
|
|
9
|
+
html,
|
|
10
|
+
body {
|
|
19
11
|
margin: 0;
|
|
12
|
+
height: 100%;
|
|
13
|
+
overflow: hidden; /* prevent phantom scrollbars */
|
|
20
14
|
}
|
|
21
15
|
|
|
22
16
|
.app {
|
|
23
17
|
display: grid;
|
|
24
18
|
grid-template-columns: 1fr auto;
|
|
25
|
-
grid-template-rows: auto 1fr;
|
|
19
|
+
grid-template-rows: auto 1fr; /* header + content */
|
|
26
20
|
height: 100vh;
|
|
27
21
|
}
|
|
28
22
|
|
|
29
23
|
.header-left {
|
|
30
24
|
grid-row: 1;
|
|
31
25
|
grid-column: 1;
|
|
32
|
-
justify-content: flex-start;
|
|
33
26
|
justify-self: start;
|
|
27
|
+
justify-content: flex-start;
|
|
34
28
|
}
|
|
35
29
|
|
|
36
30
|
.header-right {
|
|
37
31
|
grid-row: 1;
|
|
38
32
|
grid-column: 2;
|
|
39
|
-
justify-content: flex-end;
|
|
40
33
|
justify-self: end;
|
|
34
|
+
justify-content: flex-end;
|
|
41
35
|
}
|
|
42
36
|
|
|
43
37
|
.main {
|
|
44
38
|
grid-row: 2;
|
|
45
|
-
grid-column: 1
|
|
39
|
+
grid-column: 1/3;
|
|
46
40
|
}
|
|
47
41
|
|
|
48
42
|
.sidebar {
|
|
@@ -51,71 +45,71 @@ html, body {
|
|
|
51
45
|
|
|
52
46
|
.display {
|
|
53
47
|
display: flex;
|
|
54
|
-
overflow: hidden;
|
|
55
|
-
flex-direction: column;
|
|
56
48
|
width: 100%;
|
|
57
49
|
height: 100%;
|
|
50
|
+
flex-direction: column;
|
|
51
|
+
overflow: hidden;
|
|
58
52
|
}
|
|
59
53
|
|
|
60
54
|
#view-separator {
|
|
61
|
-
|
|
62
|
-
|
|
55
|
+
background: linear-gradient(to right, #fff 0%, #000 45%, #000 55%, #fff 100%);
|
|
56
|
+
opacity: 0.5;
|
|
57
|
+
transition: opacity 0.2s;
|
|
63
58
|
width: 3px;
|
|
64
|
-
transition: opacity .2s;
|
|
65
59
|
}
|
|
66
60
|
|
|
67
61
|
#view-separator:hover {
|
|
68
|
-
opacity: .9;
|
|
62
|
+
opacity: 0.9;
|
|
69
63
|
}
|
|
70
64
|
|
|
71
65
|
.pathLabel {
|
|
72
|
-
margin-left:
|
|
73
|
-
margin-right:
|
|
66
|
+
margin-left: 10;
|
|
67
|
+
margin-right: 5;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.two-column {
|
|
71
|
+
display: grid;
|
|
72
|
+
grid-template-columns: auto auto;
|
|
73
|
+
align-items: center;
|
|
74
|
+
justify-items: start;
|
|
75
|
+
row-gap: 3;
|
|
74
76
|
}
|
|
75
77
|
|
|
76
78
|
.col3div {
|
|
77
79
|
display: grid;
|
|
78
80
|
grid-template-columns: auto 1fr 4fr 1fr 4fr;
|
|
79
81
|
}
|
|
80
|
-
|
|
81
82
|
.col1 {
|
|
82
83
|
grid-column: 1;
|
|
83
84
|
}
|
|
84
|
-
|
|
85
85
|
.col2 {
|
|
86
86
|
grid-column: 3;
|
|
87
87
|
}
|
|
88
|
-
|
|
89
88
|
.col3 {
|
|
90
89
|
grid-column: 5;
|
|
91
90
|
}
|
|
92
|
-
|
|
93
91
|
.vcentered {
|
|
94
92
|
display: flex;
|
|
93
|
+
align-items: center;
|
|
95
94
|
justify-content: center;
|
|
96
|
-
align-items: center;
|
|
97
95
|
}
|
|
98
|
-
|
|
99
96
|
.settings {
|
|
100
97
|
display: grid;
|
|
101
|
-
grid-template-columns: 1.5fr 1fr .4fr 1.5fr 1fr;
|
|
102
|
-
|
|
103
|
-
gap:
|
|
104
|
-
margin:
|
|
98
|
+
grid-template-columns: 1.5fr 1fr 0.4fr 1.5fr 1fr;
|
|
99
|
+
row-gap: 5;
|
|
100
|
+
column-gap: 1;
|
|
101
|
+
margin: 10;
|
|
102
|
+
align-items: center;
|
|
105
103
|
}
|
|
106
|
-
|
|
107
104
|
.left-label {
|
|
108
105
|
grid-column: 1;
|
|
109
106
|
}
|
|
110
|
-
|
|
111
107
|
.left-field {
|
|
112
108
|
grid-column: 2;
|
|
113
109
|
}
|
|
114
|
-
|
|
115
110
|
.right-label {
|
|
116
111
|
grid-column: 4;
|
|
117
112
|
}
|
|
118
|
-
|
|
119
113
|
.right-field {
|
|
120
114
|
grid-column: 5;
|
|
121
115
|
}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@freik/pedroviz",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"repository": "https://github.com/kevinfrei/pedroviz.git",
|
|
5
5
|
"author": "Kevin Frei <kevinfrei@hotmail.com>",
|
|
6
6
|
"license": "AGPL-3.0-or-later",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"bin": {
|
|
9
|
-
"pedroviz": "./dist/
|
|
9
|
+
"pedroviz": "./dist/entry.js"
|
|
10
10
|
},
|
|
11
11
|
"files": [
|
|
12
12
|
"dist"
|
|
@@ -14,26 +14,29 @@
|
|
|
14
14
|
"scripts": {
|
|
15
15
|
"format": "prettier -w \"src/**/*.ts\" \"src/**/*.tsx\" \"*.md\" \"*.json\" \"src/**/*.md\" \"src/**/*.json\" \"src/*.html\" \"src/server/**/*.java\"",
|
|
16
16
|
"types": "tsc --noEmit",
|
|
17
|
-
"clean": "rm -rf dist",
|
|
18
17
|
"check": "bun run types && bun test",
|
|
19
|
-
"dev": "bun
|
|
20
|
-
"bundle": "bun run
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"prepublishOnly": "bun run bundle",
|
|
18
|
+
"dev": "bun run dev/entry.js",
|
|
19
|
+
"dev:bundle": "bun run dev-bundle.ts",
|
|
20
|
+
"prod": "bun run dist/entry.js",
|
|
21
|
+
"prod:bundle": "bun run prod-bundle.ts",
|
|
22
|
+
"prepublishOnly": "bun run prod:bundle",
|
|
24
23
|
"dead": "knip"
|
|
25
24
|
},
|
|
26
25
|
"prepare": "simple-git-hooks",
|
|
27
26
|
"dependencies": {
|
|
28
|
-
"@
|
|
29
|
-
"@fluentui/react-
|
|
27
|
+
"@ctrl/tinycolor": "^4.2.0",
|
|
28
|
+
"@fluentui/react-components": "^9.74.7",
|
|
29
|
+
"@fluentui/react-icons": "^2.0.339",
|
|
30
30
|
"@fluentui/tokens": "^1.0.0-alpha.24",
|
|
31
31
|
"@freik/containers": "^0.4.10",
|
|
32
|
-
"@freik/fluent9-tools": "^0.2.
|
|
33
|
-
"@freik/react-tools": "^0.4.
|
|
32
|
+
"@freik/fluent9-tools": "^0.2.3",
|
|
33
|
+
"@freik/react-tools": "^0.4.4",
|
|
34
|
+
"@freik/sync": "^0.4.10",
|
|
34
35
|
"@freik/typechk": "^0.10.0",
|
|
36
|
+
"@hono/node-server": "^2.1.1",
|
|
37
|
+
"hono": "^4.13.5",
|
|
35
38
|
"java-parser": "^3.0.1",
|
|
36
|
-
"jotai": "^2.20.
|
|
39
|
+
"jotai": "^2.20.3",
|
|
37
40
|
"jotai-family": "^1.1.0",
|
|
38
41
|
"jotai-optics": "^0.4.0",
|
|
39
42
|
"optics-ts": "^2.4.1",
|
|
@@ -42,18 +45,19 @@
|
|
|
42
45
|
"react-resizable-panels": "^4.12.3"
|
|
43
46
|
},
|
|
44
47
|
"devDependencies": {
|
|
45
|
-
"@happy-dom/global-registrator": "
|
|
48
|
+
"@happy-dom/global-registrator": "20.11.13",
|
|
46
49
|
"@ianvs/prettier-plugin-sort-imports": "^4.7.1",
|
|
47
50
|
"@testing-library/jest-dom": "^7.0.1",
|
|
48
|
-
"@testing-library/react": "^16.3.
|
|
49
|
-
"@types/bun": "1.
|
|
51
|
+
"@testing-library/react": "^16.3.3",
|
|
52
|
+
"@types/bun": "1.4.0",
|
|
50
53
|
"@types/react": "^19.2.18",
|
|
51
|
-
"@types/react-dom": "^19.2.
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
+
"@types/react-dom": "^19.2.5",
|
|
55
|
+
"esbuild": "^0.28.2",
|
|
56
|
+
"knip": "^6.34.0",
|
|
57
|
+
"lint-staged": "^17.4.1",
|
|
54
58
|
"prettier": "^3.9.6",
|
|
55
59
|
"prettier-plugin-java": "^2.10.3",
|
|
56
|
-
"simple-git-hooks": "^2.
|
|
60
|
+
"simple-git-hooks": "^2.14.0",
|
|
57
61
|
"typescript": "^7.0.2"
|
|
58
62
|
},
|
|
59
63
|
" //-1": "Configuration stuff for Prettier:",
|
|
@@ -99,12 +103,12 @@
|
|
|
99
103
|
" //-2": "Configuration stuff for knip:",
|
|
100
104
|
"knip": {
|
|
101
105
|
"entry": [
|
|
102
|
-
"
|
|
103
|
-
"client/frontend.tsx"
|
|
106
|
+
"src/entry.ts",
|
|
107
|
+
"src/client/frontend.tsx"
|
|
104
108
|
],
|
|
105
109
|
"ignore": [
|
|
106
|
-
"client/__tests__/**/*",
|
|
107
|
-
"server/__tests__/**/*"
|
|
110
|
+
"src/client/__tests__/**/*",
|
|
111
|
+
"src/server/__tests__/**/*"
|
|
108
112
|
]
|
|
109
113
|
},
|
|
110
114
|
" //-3": "Hook configuration stuff:",
|
|
Binary file
|
|
Binary file
|