neo.mjs 6.19.1 → 6.19.3
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/.github/CONCEPT.md +2 -2
- package/.github/NEOMJS_HISTORY.md +1 -1
- package/README.md +2 -2
- package/apps/ServiceWorker.mjs +2 -2
- package/apps/covid/Util.mjs +2 -2
- package/apps/covid/view/HeaderContainer.mjs +1 -1
- package/apps/covid/view/MainContainerController.mjs +1 -1
- package/apps/portal/view/blog/List.mjs +2 -2
- package/apps/portal/view/home/MainContainer.mjs +4 -2
- package/apps/route/view/HeaderContainer.mjs +1 -1
- package/apps/sharedcovid/Util.mjs +2 -2
- package/apps/sharedcovid/view/HeaderContainer.mjs +1 -1
- package/apps/sharedcovid/view/MainContainerController.mjs +1 -1
- package/apps/website/view/blog/List.mjs +2 -2
- package/apps/website/view/examples/List.mjs +2 -2
- package/examples/ServiceWorker.mjs +2 -2
- package/examples/calendar/basic/MainContainer.mjs +1 -1
- package/examples/calendar/basic/data/events.json +24 -24
- package/examples/calendar/weekview/MainContainer.mjs +1 -1
- package/examples/component/coronaGallery/CountryGallery.mjs +1 -1
- package/examples/component/coronaHelix/CountryHelix.mjs +1 -1
- package/examples/component/helix/Viewport.mjs +1 -0
- package/examples/grid/covid/Util.mjs +1 -1
- package/examples/preloadingAssets/view/MainContainer.mjs +2 -2
- package/examples/preloadingAssets/view/MainContainerController.mjs +1 -1
- package/examples/table/covid/Util.mjs +1 -1
- package/package.json +2 -2
- package/resources/data/deck/learnneo/pages/2023-10-14T19-25-08-153Z.md +3 -3
- package/resources/data/deck/learnneo/pages/WhyNeo-Effort.md +1 -2
- package/resources/scss/src/apps/portal/HeaderToolbar.scss +8 -3
- package/resources/scss/src/apps/portal/home/parts/MainNeo.scss +13 -1
- package/resources/scss/src/apps/portal/services/Component.scss +10 -1
- package/resources/scss/src/apps/website/HeaderContainer.scss +1 -1
- package/resources/scss/src/examples/component/helix/Viewport.scss +16 -0
- package/src/DefaultConfig.mjs +2 -2
- package/src/form/field/Base.mjs +0 -9
- package/src/main/addon/AmCharts.mjs +2 -2
package/.github/CONCEPT.md
CHANGED
|
@@ -24,7 +24,7 @@ The best way to get a feeling for workers is using the Google Chrome Dev Tools (
|
|
|
24
24
|
In case you open the <a href="https://neomjs.github.io/pages/node_modules/neo.mjs/dist/production/docs/index.html">neo.mjs Docs App</a>
|
|
25
25
|
(or any other neo.mjs app), you will get a dropdown menu where you can pick the console scope:
|
|
26
26
|
|
|
27
|
-
<img src="https://raw.githubusercontent.com/neomjs/pages/main/
|
|
27
|
+
<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/concept/worker_scope.png">
|
|
28
28
|
|
|
29
29
|
The default scope (top) will show the (console) logs inside all threads.
|
|
30
30
|
|
|
@@ -162,7 +162,7 @@ class Gallery extends Component {
|
|
|
162
162
|
<a href="https://github.com/neomjs/neo/blob/dev/src/component/Gallery.mjs">Full component.Gallery Source Code</a>
|
|
163
163
|
|
|
164
164
|
Now let us take a look at the source code inside the browser:
|
|
165
|
-
<img src="https://raw.githubusercontent.com/neomjs/pages/main/
|
|
165
|
+
<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/concept/gallery_workers.png">
|
|
166
166
|
|
|
167
167
|
Expand the image and take a close look at the Chrome Dev Tools:
|
|
168
168
|
1. The source code is 1:1 the same
|
|
@@ -17,7 +17,7 @@ Just to make a point on how much time & effort has already been spent on neo.mjs
|
|
|
17
17
|
|
|
18
18
|
1 commits Nils Dehl
|
|
19
19
|
|
|
20
|
-
<img alt="neo.mjs commit history" src="https://raw.githubusercontent.com/neomjs/pages/main/
|
|
20
|
+
<img alt="neo.mjs commit history" src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/neomjs-commit-history.png">
|
|
21
21
|
|
|
22
22
|
I would also like to add a ***big thank you*** to everyone who provided feedback prior to the public release!
|
|
23
23
|
|
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<p align="center">
|
|
2
|
-
<img height="100"src="https://raw.githubusercontent.com/neomjs/pages/main/
|
|
2
|
+
<img height="100"src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/logo/neo_logo_text_primary.svg">
|
|
3
3
|
</p>
|
|
4
4
|
</br>
|
|
5
5
|
<p align="center">
|
|
@@ -36,7 +36,7 @@ Neo.mjs also provides sharing state across multiple Browser-Windows.
|
|
|
36
36
|
So far, it is the only Framework which enables us to build complex multi-Window Apps
|
|
37
37
|
without the need for a native shell.
|
|
38
38
|
|
|
39
|
-
<img src="https://raw.githubusercontent.com/neomjs/pages/main/
|
|
39
|
+
<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/workers-setup-v4.png">
|
|
40
40
|
|
|
41
41
|
Potential Use-Cases:
|
|
42
42
|
1. Finance (Banking & Trading Apps)
|
package/apps/ServiceWorker.mjs
CHANGED
package/apps/covid/Util.mjs
CHANGED
|
@@ -133,7 +133,7 @@ class Util extends Base {
|
|
|
133
133
|
imageName = map[imageName] || imageName;
|
|
134
134
|
|
|
135
135
|
if (Neo.config.isGitHubPages) {
|
|
136
|
-
let path = `../../../../
|
|
136
|
+
let path = `../../../../resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
|
|
137
137
|
|
|
138
138
|
if (Neo.config.environment !== 'development') {
|
|
139
139
|
path = `../../${path}`;
|
|
@@ -142,7 +142,7 @@ class Util extends Base {
|
|
|
142
142
|
return path;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
return `https://raw.githubusercontent.com/neomjs/pages/main/
|
|
145
|
+
return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
/**
|
|
@@ -37,7 +37,7 @@ class HeaderContainer extends Container {
|
|
|
37
37
|
|
|
38
38
|
vdom: {
|
|
39
39
|
tag: 'img',
|
|
40
|
-
src: 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
40
|
+
src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/covid/covid_logo_dark.jpg'
|
|
41
41
|
}
|
|
42
42
|
}, {
|
|
43
43
|
ntype : 'container',
|
|
@@ -368,7 +368,7 @@ class MainContainerController extends ComponentController {
|
|
|
368
368
|
button = data.component,
|
|
369
369
|
component = me.component,
|
|
370
370
|
logo = me.getReference('logo'),
|
|
371
|
-
logoPath = 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
371
|
+
logoPath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/covid/',
|
|
372
372
|
mapView = me.getReference('mapboxglmap'),
|
|
373
373
|
themeLight = button.text === 'Theme Light',
|
|
374
374
|
buttonText, cls, href, iconCls, mapViewStyle, theme;
|
|
@@ -62,13 +62,13 @@ class List extends BaseList {
|
|
|
62
62
|
let basePath;
|
|
63
63
|
|
|
64
64
|
if (Neo.config.isGitHubPages) {
|
|
65
|
-
basePath = '../../../../
|
|
65
|
+
basePath = '../../../../resources_pub/website';
|
|
66
66
|
|
|
67
67
|
if (Neo.config.environment !== 'development') {
|
|
68
68
|
basePath = '../../' + basePath
|
|
69
69
|
}
|
|
70
70
|
} else {
|
|
71
|
-
basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
71
|
+
basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/website'
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
const vdomCn = [
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import AfterMath from './parts/AfterMath.mjs';
|
|
2
2
|
import Colors from './parts/Colors.mjs';
|
|
3
3
|
import Container from '../../../../src/container/Base.mjs';
|
|
4
|
+
import Features from './parts/Features.mjs';
|
|
4
5
|
import Helix from './parts/Helix.mjs';
|
|
5
6
|
import How from './parts/How.mjs';
|
|
6
7
|
import MainNeo from './parts/MainNeo.mjs';
|
|
8
|
+
|
|
7
9
|
// import References from './parts/References.mjs';
|
|
8
10
|
|
|
9
11
|
/**
|
|
@@ -38,11 +40,11 @@ class MainContainer extends Container {
|
|
|
38
40
|
items: [
|
|
39
41
|
{ntype: 'component', cls: ['portal-home-progress']},
|
|
40
42
|
MainNeo,
|
|
41
|
-
|
|
42
|
-
// Features,
|
|
43
|
+
Features,
|
|
43
44
|
Helix,
|
|
44
45
|
Colors,
|
|
45
46
|
How,
|
|
47
|
+
// References,
|
|
46
48
|
AfterMath
|
|
47
49
|
],
|
|
48
50
|
/**
|
|
@@ -28,7 +28,7 @@ class HeaderContainer extends Container {
|
|
|
28
28
|
cls: ['center'],
|
|
29
29
|
vdom: {
|
|
30
30
|
tag: 'img',
|
|
31
|
-
src: 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
31
|
+
src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/logo_rounded.svg'
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
{
|
|
@@ -133,7 +133,7 @@ class Util extends Base {
|
|
|
133
133
|
imageName = map[imageName] || imageName;
|
|
134
134
|
|
|
135
135
|
if (Neo.config.isGitHubPages) {
|
|
136
|
-
let path = `../../../../
|
|
136
|
+
let path = `../../../../resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
|
|
137
137
|
|
|
138
138
|
if (Neo.config.environment !== 'development') {
|
|
139
139
|
path = `../../${path}`;
|
|
@@ -142,7 +142,7 @@ class Util extends Base {
|
|
|
142
142
|
return path;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
return `https://raw.githubusercontent.com/neomjs/pages/main/
|
|
145
|
+
return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
/**
|
|
@@ -37,7 +37,7 @@ class HeaderContainer extends Container {
|
|
|
37
37
|
|
|
38
38
|
vdom: {
|
|
39
39
|
tag: 'img',
|
|
40
|
-
src: 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
40
|
+
src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/covid/covid_logo_dark.jpg'
|
|
41
41
|
}
|
|
42
42
|
}, {
|
|
43
43
|
ntype : 'container',
|
|
@@ -553,7 +553,7 @@ class MainContainerController extends ComponentController {
|
|
|
553
553
|
button = data.component,
|
|
554
554
|
component = me.component,
|
|
555
555
|
logo = me.getReference('logo'),
|
|
556
|
-
logoPath = 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
556
|
+
logoPath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/covid/',
|
|
557
557
|
themeLight = button.text === 'Theme Light',
|
|
558
558
|
buttonText, cls, href, iconCls, mapView, mapViewStyle, theme;
|
|
559
559
|
|
|
@@ -62,13 +62,13 @@ class List extends BaseList {
|
|
|
62
62
|
let basePath;
|
|
63
63
|
|
|
64
64
|
if (Neo.config.isGitHubPages) {
|
|
65
|
-
basePath = '../../../../
|
|
65
|
+
basePath = '../../../../resources_pub/website';
|
|
66
66
|
|
|
67
67
|
if (Neo.config.environment !== 'development') {
|
|
68
68
|
basePath = '../../' + basePath
|
|
69
69
|
}
|
|
70
70
|
} else {
|
|
71
|
-
basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
71
|
+
basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/website'
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
const vdomCn = [
|
|
@@ -74,13 +74,13 @@ class List extends BaseList {
|
|
|
74
74
|
let basePath;
|
|
75
75
|
|
|
76
76
|
if (Neo.config.isGitHubPages) {
|
|
77
|
-
basePath = '../../../../
|
|
77
|
+
basePath = '../../../../resources_pub/website/examples';
|
|
78
78
|
|
|
79
79
|
if (Neo.config.environment !== 'development') {
|
|
80
80
|
basePath = '../../' + basePath
|
|
81
81
|
}
|
|
82
82
|
} else {
|
|
83
|
-
basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
83
|
+
basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/website/examples'
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
return [
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
"id" : 1,
|
|
6
6
|
"calendarId" : 1,
|
|
7
7
|
"description": "Event 1 description",
|
|
8
|
-
"endDate" : "Mon Jul 14
|
|
9
|
-
"startDate" : "Mon Jul 14
|
|
8
|
+
"endDate" : "Mon Jul 14 2024 11:15:00 GMT+0200",
|
|
9
|
+
"startDate" : "Mon Jul 14 2024 09:15:00 GMT+0200",
|
|
10
10
|
"title" : "Event 1"
|
|
11
11
|
},
|
|
12
12
|
{
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"id" : 2,
|
|
16
16
|
"calendarId" : 1,
|
|
17
17
|
"description": "Event 2 description",
|
|
18
|
-
"endDate" : "Mon Jul 14
|
|
19
|
-
"startDate" : "Mon Jul 14
|
|
18
|
+
"endDate" : "Mon Jul 14 2024 13:15:00 GMT+0200",
|
|
19
|
+
"startDate" : "Mon Jul 14 2024 11:30:00 GMT+0200",
|
|
20
20
|
"title" : "Event 2"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"id" : 3,
|
|
26
26
|
"calendarId" : 1,
|
|
27
27
|
"description": "Event 3 description",
|
|
28
|
-
"endDate" : "Mon Jul 14
|
|
29
|
-
"startDate" : "Mon Jul 14
|
|
28
|
+
"endDate" : "Mon Jul 14 2024 15:00:00 GMT+0200",
|
|
29
|
+
"startDate" : "Mon Jul 14 2024 13:45:00 GMT+0200",
|
|
30
30
|
"title" : "Event 3 with a long title"
|
|
31
31
|
},
|
|
32
32
|
{
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"id" : 4,
|
|
36
36
|
"calendarId" : 1,
|
|
37
37
|
"description": "Event 4 description",
|
|
38
|
-
"endDate" : "Mon Jul 14
|
|
39
|
-
"startDate" : "Mon Jul 14
|
|
38
|
+
"endDate" : "Mon Jul 14 2024 17:45:00 GMT+0200",
|
|
39
|
+
"startDate" : "Mon Jul 14 2024 16:00:00 GMT+0200",
|
|
40
40
|
"title" : "Event 4"
|
|
41
41
|
},
|
|
42
42
|
{
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"id" : 5,
|
|
46
46
|
"calendarId" : 4,
|
|
47
47
|
"description": "Description Text",
|
|
48
|
-
"endDate" : "Mon Jul 19
|
|
49
|
-
"startDate" : "Mon Jul 19
|
|
48
|
+
"endDate" : "Mon Jul 19 2024 16:45:00 GMT+0200",
|
|
49
|
+
"startDate" : "Mon Jul 19 2024 09:15:00 GMT+0200",
|
|
50
50
|
"title" : "Coding"
|
|
51
51
|
},
|
|
52
52
|
{
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"id" : 6,
|
|
56
56
|
"calendarId" : 1,
|
|
57
57
|
"description": "Description Text",
|
|
58
|
-
"endDate" : "Mon Jul 20
|
|
59
|
-
"startDate" : "Mon Jul 20
|
|
58
|
+
"endDate" : "Mon Jul 20 2024 16:45:00 GMT+0200",
|
|
59
|
+
"startDate" : "Mon Jul 20 2024 09:15:00 GMT+0200",
|
|
60
60
|
"title" : "Coding"
|
|
61
61
|
},
|
|
62
62
|
{
|
|
@@ -65,8 +65,8 @@
|
|
|
65
65
|
"id" : 7,
|
|
66
66
|
"calendarId" : 3,
|
|
67
67
|
"description": "Eggs and bacon",
|
|
68
|
-
"endDate" : "Wed Jul 22
|
|
69
|
-
"startDate" : "Wed Jul 22
|
|
68
|
+
"endDate" : "Wed Jul 22 2024 09:00:00 GMT+0200",
|
|
69
|
+
"startDate" : "Wed Jul 22 2024 08:00:00 GMT+0200",
|
|
70
70
|
"title" : "Breakfast"
|
|
71
71
|
},
|
|
72
72
|
{
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
"id" : 8,
|
|
76
76
|
"calendarId" : 6,
|
|
77
77
|
"description": "Description Text 2",
|
|
78
|
-
"endDate" : "Wed Jul 22
|
|
79
|
-
"startDate" : "Wed Jul 22
|
|
78
|
+
"endDate" : "Wed Jul 22 2024 14:00:00 GMT+0200",
|
|
79
|
+
"startDate" : "Wed Jul 22 2024 12:00:00 GMT+0200",
|
|
80
80
|
"title" : "Lunch Break 1"
|
|
81
81
|
},
|
|
82
82
|
{
|
|
@@ -85,8 +85,8 @@
|
|
|
85
85
|
"id" : 9,
|
|
86
86
|
"calendarId" : 5,
|
|
87
87
|
"description": "Description Text 3",
|
|
88
|
-
"endDate" : "Thu Jul 23
|
|
89
|
-
"startDate" : "Thu Jul 23
|
|
88
|
+
"endDate" : "Thu Jul 23 2024 14:00:00 GMT+0200",
|
|
89
|
+
"startDate" : "Thu Jul 23 2024 12:00:00 GMT+0200",
|
|
90
90
|
"title" : "Lunch Break 2"
|
|
91
91
|
},
|
|
92
92
|
{
|
|
@@ -95,8 +95,8 @@
|
|
|
95
95
|
"id" : 10,
|
|
96
96
|
"calendarId" : 2,
|
|
97
97
|
"description": "Steak",
|
|
98
|
-
"endDate" : "Thu Jul 23
|
|
99
|
-
"startDate" : "Thu Jul 23
|
|
98
|
+
"endDate" : "Thu Jul 23 2024 21:00:00 GMT+0200",
|
|
99
|
+
"startDate" : "Thu Jul 23 2024 19:30:00 GMT+0200",
|
|
100
100
|
"title" : "Dinner"
|
|
101
101
|
},
|
|
102
102
|
{
|
|
@@ -105,8 +105,8 @@
|
|
|
105
105
|
"id" : 11,
|
|
106
106
|
"calendarId" : 1,
|
|
107
107
|
"description": "Description Text 3",
|
|
108
|
-
"endDate" : "Wed Jul 29
|
|
109
|
-
"startDate" : "Wed Jul 29
|
|
108
|
+
"endDate" : "Wed Jul 29 2024 14:00:00 GMT+0200",
|
|
109
|
+
"startDate" : "Wed Jul 29 2024 12:00:00 GMT+0200",
|
|
110
110
|
"title" : "Lunch Break 3"
|
|
111
111
|
},
|
|
112
112
|
{
|
|
@@ -115,8 +115,8 @@
|
|
|
115
115
|
"id" : 12,
|
|
116
116
|
"calendarId" : 1,
|
|
117
117
|
"description": "Description Text Siesta",
|
|
118
|
-
"endDate" : "Wed Jul 29
|
|
119
|
-
"startDate" : "Wed Jul 29
|
|
118
|
+
"endDate" : "Wed Jul 29 2024 15:00:00 GMT+0200",
|
|
119
|
+
"startDate" : "Wed Jul 29 2024 14:00:00 GMT+0200",
|
|
120
120
|
"title" : "Siesta"
|
|
121
121
|
}
|
|
122
122
|
]
|
|
@@ -159,7 +159,7 @@ class CountryGallery extends Gallery {
|
|
|
159
159
|
|
|
160
160
|
imageName = map[imageName] || imageName;
|
|
161
161
|
|
|
162
|
-
return `https://raw.githubusercontent.com/neomjs/pages/main/
|
|
162
|
+
return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
/**
|
|
@@ -191,7 +191,7 @@ class CountryHelix extends Helix {
|
|
|
191
191
|
|
|
192
192
|
imageName = map[imageName] || imageName;
|
|
193
193
|
|
|
194
|
-
return 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
194
|
+
return 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/' + imageName + '.png'
|
|
195
195
|
}
|
|
196
196
|
/**
|
|
197
197
|
* @returns {String}
|
|
@@ -142,7 +142,7 @@ class Util extends Base {
|
|
|
142
142
|
return path;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
return `https://raw.githubusercontent.com/neomjs/pages/main/
|
|
145
|
+
return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
/**
|
|
@@ -44,7 +44,7 @@ class MainContainer extends Viewport {
|
|
|
44
44
|
|
|
45
45
|
vdom: {
|
|
46
46
|
tag: 'img',
|
|
47
|
-
src: 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
47
|
+
src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/examples/ai_images/000150.jpg'
|
|
48
48
|
}
|
|
49
49
|
}, {
|
|
50
50
|
tabButtonConfig: {
|
|
@@ -54,7 +54,7 @@ class MainContainer extends Viewport {
|
|
|
54
54
|
|
|
55
55
|
vdom: {
|
|
56
56
|
tag: 'img',
|
|
57
|
-
src: 'https://raw.githubusercontent.com/neomjs/pages/main/
|
|
57
|
+
src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/examples/ai_images/000074.jpg'
|
|
58
58
|
}
|
|
59
59
|
}],
|
|
60
60
|
/**
|
|
@@ -28,7 +28,7 @@ class MainContainerController extends Component {
|
|
|
28
28
|
|
|
29
29
|
setTimeout(() => {
|
|
30
30
|
Neo.ServiceWorker.preloadAssets({
|
|
31
|
-
files: ['https://raw.githubusercontent.com/neomjs/pages/main/
|
|
31
|
+
files: ['https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/examples/ai_images/000074.jpg']
|
|
32
32
|
}).then(data => {
|
|
33
33
|
console.log(data);
|
|
34
34
|
});
|
|
@@ -142,7 +142,7 @@ class Util extends Base {
|
|
|
142
142
|
return path;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
return `https://raw.githubusercontent.com/neomjs/pages/main/
|
|
145
|
+
return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "neo.mjs",
|
|
3
|
-
"version": "6.19.
|
|
3
|
+
"version": "6.19.3",
|
|
4
4
|
"description": "The webworkers driven UI framework",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"envinfo": "^7.13.0",
|
|
53
53
|
"fs-extra": "^11.2.0",
|
|
54
54
|
"highlightjs-line-numbers.js": "^2.8.0",
|
|
55
|
-
"inquirer": "^10.0
|
|
55
|
+
"inquirer": "^10.1.0",
|
|
56
56
|
"marked": "^13.0.2",
|
|
57
57
|
"monaco-editor": "^0.50.0",
|
|
58
58
|
"neo-jsdoc": "1.0.1",
|
|
@@ -3,7 +3,7 @@ and the structure of an application.
|
|
|
3
3
|
|
|
4
4
|
If you wish, you can create a workspace by following the directions in the previous topic, _Setup_.
|
|
5
5
|
|
|
6
|
-
<img src="https://raw.githubusercontent.com/neomjs/pages/main/
|
|
6
|
+
<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/learnneo/NeoWorkspace.png" style="height: 400px;">
|
|
7
7
|
|
|
8
8
|
As you can see, a Neo.mjs workspace is a conventional npm package.
|
|
9
9
|
|
|
@@ -14,7 +14,7 @@ If you run
|
|
|
14
14
|
the script `npm run server-start` from the workspace, Neo.mjs launches a web
|
|
15
15
|
server whose doc root is the workspace.
|
|
16
16
|
|
|
17
|
-
<img src="https://raw.githubusercontent.com/neomjs/pages/main/
|
|
17
|
+
<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/learnneo/ServerRoot.png" style="height: 400px;">
|
|
18
18
|
|
|
19
19
|
If you drill down into the `src` directory you'll see your applications.
|
|
20
20
|
The `docs` directory holds the Neo.mjs API docs.
|
|
@@ -30,7 +30,7 @@ application settings.
|
|
|
30
30
|
At the first prompt, we'll name the app `Foo`, and accept the default for everything else.
|
|
31
31
|
The script creates an application structured as follows.
|
|
32
32
|
|
|
33
|
-
<img src="https://raw.githubusercontent.com/neomjs/pages/main/
|
|
33
|
+
<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/learnneo/FooFolder.png" style="height: 400px;">
|
|
34
34
|
|
|
35
35
|
These files are part of the typical structure of a Neo.mjs application. The files `index.html`, `app.mjs`, `neo-config.json`, `view/Viewport.mjs` are rarely modified.
|
|
36
36
|
You will, however, edit the main container, and its associated "controller" and "model",
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
Neo.mjs applications
|
|
2
|
-
and difficult to implement.
|
|
1
|
+
WIth Neo.mjs applications, the relationship between complexity and effort is nearly linear. In a typical frameworks, trivial applications are simple to implement, but complex applications can be very expensive and difficult to implement.
|
|
3
2
|
|
|
4
3
|
<img width="85%" src="https://s3.amazonaws.com/mjs.neo.learning.images/whyneo/ComplexityAndEffort.png"></img>
|
|
@@ -23,9 +23,14 @@
|
|
|
23
23
|
|
|
24
24
|
.neo-button-glyph {
|
|
25
25
|
&.neo-logo-blue {
|
|
26
|
-
background-image: url("../../../../../../resources/images/logo/neo_logo_primary.svg");
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
background-image : url("../../../../../../resources/images/logo/neo_logo_primary.svg");
|
|
27
|
+
background-position: center center;
|
|
28
|
+
background-repeat : no-repeat;
|
|
29
|
+
background-size : contain;
|
|
30
|
+
height : 24px;
|
|
31
|
+
min-height : 24px;
|
|
32
|
+
min-width : 24px;
|
|
33
|
+
width : 24px;
|
|
29
34
|
}
|
|
30
35
|
}
|
|
31
36
|
}
|
|
@@ -16,8 +16,20 @@
|
|
|
16
16
|
background-position: center center;
|
|
17
17
|
background-repeat : no-repeat;
|
|
18
18
|
background-size : contain;
|
|
19
|
-
height :
|
|
19
|
+
height : 10VW;
|
|
20
20
|
max-height : 130px;
|
|
21
21
|
width : 100%;
|
|
22
22
|
}
|
|
23
|
+
|
|
24
|
+
@media (max-width: 600px) {
|
|
25
|
+
padding: 3em 0.5em;
|
|
26
|
+
|
|
27
|
+
.neo-h1 {
|
|
28
|
+
margin: 2em 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.vector {
|
|
32
|
+
height: 17VW;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
23
35
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
.portal-services-component {
|
|
2
2
|
background-color: #fff !important;
|
|
3
|
-
|
|
3
|
+
overflow-y : auto;
|
|
4
|
+
padding : 0.1em 6em 1em 6em;
|
|
4
5
|
|
|
5
6
|
.info-block {
|
|
6
7
|
background-color: lighten(#8BA6FF, 10%);
|
|
@@ -17,4 +18,12 @@
|
|
|
17
18
|
margin-right: auto;
|
|
18
19
|
width : fit-content;
|
|
19
20
|
}
|
|
21
|
+
|
|
22
|
+
@media (max-width: 600px) {
|
|
23
|
+
padding: 0.1em 1em 1em 1em;
|
|
24
|
+
|
|
25
|
+
.info-block {
|
|
26
|
+
padding: 0.1em 1em 1em 1em;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
20
29
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.website-header-container {
|
|
2
2
|
background-blend-mode: overlay;
|
|
3
3
|
background-color : #444;
|
|
4
|
-
background-image : linear-gradient(#ddd, #999), url('https://raw.githubusercontent.com/neomjs/pages/master/
|
|
4
|
+
background-image : linear-gradient(#ddd, #999), url('https://raw.githubusercontent.com/neomjs/pages/master/resources_pub/website/neo-background.png');
|
|
5
5
|
position : relative;
|
|
6
6
|
transition : background-position 700ms ease-out, height var(--website-transition-duration) ease-out;
|
|
7
7
|
|
package/src/DefaultConfig.mjs
CHANGED
|
@@ -260,12 +260,12 @@ const DefaultConfig = {
|
|
|
260
260
|
useVdomWorker: true,
|
|
261
261
|
/**
|
|
262
262
|
* buildScripts/injectPackageVersion.mjs will update this value
|
|
263
|
-
* @default '6.19.
|
|
263
|
+
* @default '6.19.3'
|
|
264
264
|
* @memberOf! module:Neo
|
|
265
265
|
* @name config.version
|
|
266
266
|
* @type String
|
|
267
267
|
*/
|
|
268
|
-
version: '6.19.
|
|
268
|
+
version: '6.19.3'
|
|
269
269
|
};
|
|
270
270
|
|
|
271
271
|
Object.assign(DefaultConfig, {
|
package/src/form/field/Base.mjs
CHANGED
|
@@ -8,15 +8,6 @@ import NeoArray from '../../util/Array.mjs';
|
|
|
8
8
|
* @extends Neo.component.Base
|
|
9
9
|
*/
|
|
10
10
|
class Base extends Component {
|
|
11
|
-
/**
|
|
12
|
-
* @member {Object} delayable
|
|
13
|
-
* @protected
|
|
14
|
-
* @static
|
|
15
|
-
*/
|
|
16
|
-
static delayable = {
|
|
17
|
-
fireChangeEvent : {type: 'debounce', timer: 1000},
|
|
18
|
-
fireUserChangeEvent: {type: 'debounce', timer: 1000}
|
|
19
|
-
}
|
|
20
11
|
/**
|
|
21
12
|
* Valid values for isTouchedEvent
|
|
22
13
|
* @member {String[]} isTouchedEvents=['focusEnter','focusLeave']
|
|
@@ -39,10 +39,10 @@ class AmCharts extends Base {
|
|
|
39
39
|
*/
|
|
40
40
|
downloadPath: 'https://www.amcharts.com/lib/4/',
|
|
41
41
|
/**
|
|
42
|
-
* @member {String} fallbackPath='https://neomjs.github.io/pages/
|
|
42
|
+
* @member {String} fallbackPath='https://neomjs.github.io/pages/resources_pub/amCharts/'
|
|
43
43
|
* @protected
|
|
44
44
|
*/
|
|
45
|
-
fallbackPath: 'https://neomjs.github.io/pages/
|
|
45
|
+
fallbackPath: 'https://neomjs.github.io/pages/resources_pub/amCharts/',
|
|
46
46
|
/**
|
|
47
47
|
* Remote method access for other workers
|
|
48
48
|
* @member {Object} remote={app: [//...]}
|