vuetty 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.
@@ -12,7 +12,12 @@
12
12
  <div style="height: 100vh; display: flex; flex-direction: column;">
13
13
 
14
14
  <!-- Header -->
15
- <header class="navbar" role="navigation" style="background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); flex-shrink: 0;">
15
+ <header
16
+ class="navbar"
17
+ role="navigation"
18
+ style="background: var(--bg-secondary);
19
+ border-bottom: 1px solid var(--border-color);
20
+ flex-shrink: 0;">
16
21
  <div class="navbar-brand">
17
22
  <h1 class="navbar-item title is-5 mb-0" style="color: var(--event-render);">Vuetty Debug Server</h1>
18
23
  </div>
@@ -45,15 +50,28 @@
45
50
  <div class="columns is-gapless" style="flex: 1; overflow: hidden; margin: 0;">
46
51
 
47
52
  <!-- Left Panel: Event Log -->
48
- <div class="column is-two-thirds" style="display: flex; flex-direction: column; border-right: 1px solid var(--border-color); background: var(--bg-panel);">
53
+ <div
54
+ class="column is-two-thirds"
55
+ style="display: flex;
56
+ flex-direction: column;
57
+ border-right: 1px solid var(--border-color);
58
+ background: var(--bg-panel);">
49
59
 
50
60
  <!-- Panel header -->
51
- <div class="panel-heading" style="background: var(--bg-tertiary); border-bottom: 1px solid var(--border-color); flex-shrink: 0;">
61
+ <div
62
+ class="panel-heading"
63
+ style="background: var(--bg-tertiary);
64
+ border-bottom: 1px solid var(--border-color);
65
+ flex-shrink: 0;">
52
66
  <h2 class="title is-6 mb-0" style="color: var(--text-primary);">Event Log</h2>
53
67
  </div>
54
68
 
55
69
  <!-- Search filter -->
56
- <div class="panel-block" style="border-bottom: 1px solid var(--border-color); background: var(--bg-secondary); flex-shrink: 0;">
70
+ <div
71
+ class="panel-block"
72
+ style="border-bottom: 1px solid var(--border-color);
73
+ background: var(--bg-secondary);
74
+ flex-shrink: 0;">
57
75
  <div class="control has-icons-left" style="width: 100%;">
58
76
  <input
59
77
  type="text"
@@ -69,7 +87,14 @@
69
87
  </div>
70
88
 
71
89
  <!-- Event filters (checkboxes) -->
72
- <div class="panel-block" style="flex-wrap: wrap; gap: 8px; padding: 10px; background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); flex-shrink: 0;">
90
+ <div
91
+ class="panel-block"
92
+ style="flex-wrap: wrap;
93
+ gap: 8px;
94
+ padding: 10px;
95
+ background: var(--bg-secondary);
96
+ border-bottom: 1px solid var(--border-color);
97
+ flex-shrink: 0;">
73
98
  <label class="checkbox" style="font-size: 12px; margin-right: 8px; color: var(--text-primary);">
74
99
  <input type="checkbox" checked data-filter="render">
75
100
  Render<span class="event-counter" data-counter="render">0</span>
@@ -108,7 +133,12 @@
108
133
  <div class="column is-one-third" style="display: flex; flex-direction: column; background: var(--bg-panel);">
109
134
 
110
135
  <!-- Tabs -->
111
- <div class="tabs" style="margin-bottom: 0; background: var(--bg-tertiary); border-bottom: 1px solid var(--border-color); flex-shrink: 0;">
136
+ <div
137
+ class="tabs"
138
+ style="margin-bottom: 0;
139
+ background: var(--bg-tertiary);
140
+ border-bottom: 1px solid var(--border-color);
141
+ flex-shrink: 0;">
112
142
  <ul style="border-bottom: none; margin: 0;">
113
143
  <li class="is-active" data-tab="layout">
114
144
  <a style="color: var(--text-primary);">Layout Tree</a>
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vuetty",
3
- "version": "0.1.2",
3
+ "version": "0.2.0",
4
4
  "description": "Build reactive Terminal User Interfaces using Vue.js",
5
5
  "homepage": "https://tterrasson.github.io/vuetty/",
6
6
  "repository": {
@@ -39,7 +39,8 @@
39
39
  "files": [
40
40
  "dist",
41
41
  "README.md",
42
- "LICENSE"
42
+ "LICENSE",
43
+ "docs/public/images/logo.webp"
43
44
  ],
44
45
  "scripts": {
45
46
  "build": "bun run scripts/build.js",
@@ -48,7 +49,7 @@
48
49
  "build:debug-assets": "bun run scripts/build-debug.js",
49
50
  "clean": "rm -rf ./dist && mkdir -p ./dist",
50
51
  "dev": "bun run examples/run.js",
51
- "test": "bun test",
52
+ "test": "bun test tests/ --reporter=dots --only-failures",
52
53
  "pack": "bun run build && bunx npm pack",
53
54
  "prepublishOnly": "bun run build",
54
55
  "docs:dev": "bun vitepress dev docs",
@@ -77,7 +78,7 @@
77
78
  "dependencies": {
78
79
  "chalk": "^5.6.2",
79
80
  "cli-highlight": "^2.1.11",
80
- "figlet": "^1.9.4",
81
+ "figlet": "^1.10.0",
81
82
  "glob": "^13.0.0",
82
83
  "gradient-string": "^3.0.0",
83
84
  "marked": "^17.0.1",
@@ -93,7 +94,7 @@
93
94
  "@types/bun": "latest",
94
95
  "@vue/compiler-sfc": "^3.5.27",
95
96
  "bulma": "^1.0.4",
96
- "rollup": "^4.55.2",
97
+ "rollup": "^4.56.0",
97
98
  "vitepress": "^2.0.0-alpha.15"
98
99
  }
99
100
  }