@yuneta/lib-yui 7.1.0-a → 7.1.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 +11 -63
- package/dist/lib-yui.css +33 -0
- package/package.json +1 -1
- package/src/c_yui_main.css +33 -0
package/README.md
CHANGED
|
@@ -3,58 +3,6 @@
|
|
|
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
|
-
|
|
58
6
|
## Quick Start
|
|
59
7
|
|
|
60
8
|
### 1. Add dependency
|
|
@@ -98,13 +46,13 @@ register_c_yui_tabs();
|
|
|
98
46
|
### 3. Import CSS
|
|
99
47
|
|
|
100
48
|
```js
|
|
101
|
-
import "
|
|
102
|
-
import "
|
|
103
|
-
import "
|
|
104
|
-
import "
|
|
105
|
-
import "
|
|
106
|
-
import "
|
|
107
|
-
import "
|
|
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";
|
|
108
56
|
```
|
|
109
57
|
|
|
110
58
|
### 4. Configure `C_YUI_MAIN` with your app branding
|
|
@@ -132,7 +80,7 @@ __yuno__.__yui_main__ = gobj_create_service(
|
|
|
132
80
|
|
|
133
81
|
```js
|
|
134
82
|
import { defineConfig } from "vite";
|
|
135
|
-
import { yunetaHtmlPlugin } from "
|
|
83
|
+
import { yunetaHtmlPlugin } from "lib-yui/vite-plugin-yuneta-html.js";
|
|
136
84
|
|
|
137
85
|
export default defineConfig({
|
|
138
86
|
resolve: {
|
|
@@ -246,8 +194,8 @@ lib-yui/
|
|
|
246
194
|
Copy the template files from `skeleton/` to bootstrap a new GUI:
|
|
247
195
|
|
|
248
196
|
```bash
|
|
249
|
-
cp lib
|
|
250
|
-
cp lib
|
|
197
|
+
cp yui-lib/skeleton/index.html my-gui/index.html
|
|
198
|
+
cp yui-lib/skeleton/config.json my-gui/config.json
|
|
251
199
|
```
|
|
252
200
|
|
|
253
201
|
### `index.html`
|
|
@@ -294,7 +242,7 @@ Entries starting with `_comment` are ignored (used for inline documentation).
|
|
|
294
242
|
Shared plugin that replaces the placeholders in `index.html` at build time.
|
|
295
243
|
|
|
296
244
|
```js
|
|
297
|
-
import { yunetaHtmlPlugin } from "
|
|
245
|
+
import { yunetaHtmlPlugin } from "lib-yui/vite-plugin-yuneta-html.js";
|
|
298
246
|
|
|
299
247
|
// Options:
|
|
300
248
|
yunetaHtmlPlugin({
|
package/dist/lib-yui.css
CHANGED
|
@@ -558,6 +558,39 @@ 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
|
+
}
|
|
561
594
|
/**
|
|
562
595
|
* tom-select.css (v2.5.2)
|
|
563
596
|
* Copyright (c) contributors
|
package/package.json
CHANGED
package/src/c_yui_main.css
CHANGED
|
@@ -393,3 +393,36 @@ 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
|
+
}
|