@yuneta/lib-yui 7.1.0 → 7.1.1
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 +63 -11
- package/dist/lib-yui.css +0 -33
- package/package.json +1 -1
- package/src/c_yui_main.css +0 -33
package/README.md
CHANGED
|
@@ -3,6 +3,58 @@
|
|
|
3
3
|
Reusable GUI components for Yuneta-based web applications. Extracted from
|
|
4
4
|
`gui_treedb` to be shared across projects (EstadoDelAire, TreeDB GUI, etc.).
|
|
5
5
|
|
|
6
|
+
## Install
|
|
7
|
+
|
|
8
|
+
This project uses [`vite`](https://vite.dev/) as build tool.
|
|
9
|
+
|
|
10
|
+
Install the latest `node`:
|
|
11
|
+
|
|
12
|
+
nvm install --lts
|
|
13
|
+
|
|
14
|
+
When writing this readme the LTS version was:
|
|
15
|
+
|
|
16
|
+
node --version
|
|
17
|
+
v22.17.0
|
|
18
|
+
|
|
19
|
+
npm install -g vite
|
|
20
|
+
|
|
21
|
+
Install dependencies:
|
|
22
|
+
|
|
23
|
+
npm install
|
|
24
|
+
|
|
25
|
+
To build:
|
|
26
|
+
|
|
27
|
+
vite build
|
|
28
|
+
|
|
29
|
+
To publish a new version of @yuneta/lib-yui to [npmjs.com](https://www.npmjs.com/package/@yuneta/lib-yui):
|
|
30
|
+
|
|
31
|
+
# 1. Configure your npm token (only once)
|
|
32
|
+
echo "//registry.npmjs.org/:_authToken=<your-token>" > ~/.npmrc
|
|
33
|
+
|
|
34
|
+
# 2. Update the version in package.json
|
|
35
|
+
npm version patch # or minor / major
|
|
36
|
+
|
|
37
|
+
# 3. Publish (build runs automatically via prepublishOnly)
|
|
38
|
+
npm publish --access public
|
|
39
|
+
|
|
40
|
+
To create an npm token, go to [npmjs.com](https://www.npmjs.com) → Account → Access Tokens.
|
|
41
|
+
|
|
42
|
+
## Update
|
|
43
|
+
|
|
44
|
+
ONLY one time: to update all js packages, install the module:
|
|
45
|
+
|
|
46
|
+
npm install -g npm-check-updates
|
|
47
|
+
|
|
48
|
+
To download new releases:
|
|
49
|
+
|
|
50
|
+
ncu -u
|
|
51
|
+
|
|
52
|
+
And to install the new versions:
|
|
53
|
+
|
|
54
|
+
npm install
|
|
55
|
+
|
|
56
|
+
---
|
|
57
|
+
|
|
6
58
|
## Quick Start
|
|
7
59
|
|
|
8
60
|
### 1. Add dependency
|
|
@@ -46,13 +98,13 @@ register_c_yui_tabs();
|
|
|
46
98
|
### 3. Import CSS
|
|
47
99
|
|
|
48
100
|
```js
|
|
49
|
-
import "lib-yui/src/c_yui_main.css";
|
|
50
|
-
import "lib-yui/src/c_yui_map.css";
|
|
51
|
-
import "lib-yui/src/c_yui_routing.css";
|
|
52
|
-
import "lib-yui/src/ytable.css";
|
|
53
|
-
import "lib-yui/src/yui_toolbar.css";
|
|
54
|
-
import "lib-yui/src/lib_graph.css";
|
|
55
|
-
import "lib-yui/src/yui_icons.css";
|
|
101
|
+
import "@yuneta/lib-yui/src/c_yui_main.css";
|
|
102
|
+
import "@yuneta/lib-yui/src/c_yui_map.css";
|
|
103
|
+
import "@yuneta/lib-yui/src/c_yui_routing.css";
|
|
104
|
+
import "@yuneta/lib-yui/src/ytable.css";
|
|
105
|
+
import "@yuneta/lib-yui/src/yui_toolbar.css";
|
|
106
|
+
import "@yuneta/lib-yui/src/lib_graph.css";
|
|
107
|
+
import "@yuneta/lib-yui/src/yui_icons.css";
|
|
56
108
|
```
|
|
57
109
|
|
|
58
110
|
### 4. Configure `C_YUI_MAIN` with your app branding
|
|
@@ -80,7 +132,7 @@ __yuno__.__yui_main__ = gobj_create_service(
|
|
|
80
132
|
|
|
81
133
|
```js
|
|
82
134
|
import { defineConfig } from "vite";
|
|
83
|
-
import { yunetaHtmlPlugin } from "lib-yui/vite-plugin-yuneta-html.js";
|
|
135
|
+
import { yunetaHtmlPlugin } from "@yuneta/lib-yui/vite-plugin-yuneta-html.js";
|
|
84
136
|
|
|
85
137
|
export default defineConfig({
|
|
86
138
|
resolve: {
|
|
@@ -194,8 +246,8 @@ lib-yui/
|
|
|
194
246
|
Copy the template files from `skeleton/` to bootstrap a new GUI:
|
|
195
247
|
|
|
196
248
|
```bash
|
|
197
|
-
cp yui
|
|
198
|
-
cp yui
|
|
249
|
+
cp lib-yui/skeleton/index.html my-gui/index.html
|
|
250
|
+
cp lib-yui/skeleton/config.json my-gui/config.json
|
|
199
251
|
```
|
|
200
252
|
|
|
201
253
|
### `index.html`
|
|
@@ -242,7 +294,7 @@ Entries starting with `_comment` are ignored (used for inline documentation).
|
|
|
242
294
|
Shared plugin that replaces the placeholders in `index.html` at build time.
|
|
243
295
|
|
|
244
296
|
```js
|
|
245
|
-
import { yunetaHtmlPlugin } from "lib-yui/vite-plugin-yuneta-html.js";
|
|
297
|
+
import { yunetaHtmlPlugin } from "@yuneta/lib-yui/vite-plugin-yuneta-html.js";
|
|
246
298
|
|
|
247
299
|
// Options:
|
|
248
300
|
yunetaHtmlPlugin({
|
package/dist/lib-yui.css
CHANGED
|
@@ -558,39 +558,6 @@ a.flex-horizontal-section { /* To make flex any <a> */
|
|
|
558
558
|
color: var(--bulma-link-invert);
|
|
559
559
|
}
|
|
560
560
|
}
|
|
561
|
-
|
|
562
|
-
/*********************************************************
|
|
563
|
-
* From
|
|
564
|
-
*********************************************************/
|
|
565
|
-
@font-face {
|
|
566
|
-
font-family: 'Roboto Condensed';
|
|
567
|
-
src: url('/fonts/RobotoCondensed-Bold.ttf') format('truetype');
|
|
568
|
-
font-weight: bold;
|
|
569
|
-
}
|
|
570
|
-
.roboto-bold-text {
|
|
571
|
-
font-family: 'Roboto Condensed', sans-serif;
|
|
572
|
-
font-weight: bold;
|
|
573
|
-
}
|
|
574
|
-
|
|
575
|
-
@font-face {
|
|
576
|
-
font-family:Dancing Script; /* Catalish Huntera; */
|
|
577
|
-
src:url(/fonts/DancingScript-Bold.ttf) format('truetype');
|
|
578
|
-
font-weight: bold;
|
|
579
|
-
}
|
|
580
|
-
@font-face {
|
|
581
|
-
font-family:Titillium Web;
|
|
582
|
-
src:url(/fonts/TitilliumWeb-Bold.ttf) format('truetype');
|
|
583
|
-
font-weight: bold;
|
|
584
|
-
}
|
|
585
|
-
|
|
586
|
-
.titulo1 {
|
|
587
|
-
font-family:Dancing Script,sans-serif !important; /*Catalish Huntera*/
|
|
588
|
-
font-size: max(6vw, 36px);
|
|
589
|
-
}
|
|
590
|
-
.titulo2 {
|
|
591
|
-
font-family:Titillium Web,sans-serif !important;
|
|
592
|
-
font-size: max(2vw, 16px);
|
|
593
|
-
}
|
|
594
561
|
/**
|
|
595
562
|
* tom-select.css (v2.5.2)
|
|
596
563
|
* Copyright (c) contributors
|
package/package.json
CHANGED
package/src/c_yui_main.css
CHANGED
|
@@ -393,36 +393,3 @@ a.flex-horizontal-section { /* To make flex any <a> */
|
|
|
393
393
|
color: var(--bulma-link-invert);
|
|
394
394
|
}
|
|
395
395
|
}
|
|
396
|
-
|
|
397
|
-
/*********************************************************
|
|
398
|
-
* From
|
|
399
|
-
*********************************************************/
|
|
400
|
-
@font-face {
|
|
401
|
-
font-family: 'Roboto Condensed';
|
|
402
|
-
src: url('/fonts/RobotoCondensed-Bold.ttf') format('truetype');
|
|
403
|
-
font-weight: bold;
|
|
404
|
-
}
|
|
405
|
-
.roboto-bold-text {
|
|
406
|
-
font-family: 'Roboto Condensed', sans-serif;
|
|
407
|
-
font-weight: bold;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
@font-face {
|
|
411
|
-
font-family:Dancing Script; /* Catalish Huntera; */
|
|
412
|
-
src:url(/fonts/DancingScript-Bold.ttf) format('truetype');
|
|
413
|
-
font-weight: bold;
|
|
414
|
-
}
|
|
415
|
-
@font-face {
|
|
416
|
-
font-family:Titillium Web;
|
|
417
|
-
src:url(/fonts/TitilliumWeb-Bold.ttf) format('truetype');
|
|
418
|
-
font-weight: bold;
|
|
419
|
-
}
|
|
420
|
-
|
|
421
|
-
.titulo1 {
|
|
422
|
-
font-family:Dancing Script,sans-serif !important; /*Catalish Huntera*/
|
|
423
|
-
font-size: max(6vw, 36px);
|
|
424
|
-
}
|
|
425
|
-
.titulo2 {
|
|
426
|
-
font-family:Titillium Web,sans-serif !important;
|
|
427
|
-
font-size: max(2vw, 16px);
|
|
428
|
-
}
|