goblin-laboratory 2.2.0 → 2.2.2

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.
Files changed (62) hide show
  1. package/.editorconfig +9 -9
  2. package/.eslintrc.js +28 -28
  3. package/.zou-flow +3 -3
  4. package/README.md +107 -107
  5. package/carnotzet.js +10 -10
  6. package/config.js +13 -13
  7. package/laboratory.js +13 -13
  8. package/lib/.webpack-config.js +53 -53
  9. package/lib/carnotzet.js +118 -118
  10. package/lib/helpers.js +16 -16
  11. package/lib/index.js +66 -66
  12. package/package.json +47 -47
  13. package/widgets/connect-helpers/arrayEquals.js +5 -5
  14. package/widgets/connect-helpers/arraysEquals.js +24 -24
  15. package/widgets/connect-helpers/c.js +99 -99
  16. package/widgets/connect-helpers/join-models.js +16 -16
  17. package/widgets/connect-helpers/with-c.js +276 -276
  18. package/widgets/devtools.js +5 -5
  19. package/widgets/disconnect-overlay/styles.js +50 -50
  20. package/widgets/disconnect-overlay/widget.js +40 -40
  21. package/widgets/fields-view/widget.js +34 -34
  22. package/widgets/form/index.js +79 -79
  23. package/widgets/frame/widget.js +47 -47
  24. package/widgets/frontend-form/reducer.js +18 -18
  25. package/widgets/frontend-form/widget.js +15 -15
  26. package/widgets/importer/default.js +14 -14
  27. package/widgets/importer/importer.js +54 -53
  28. package/widgets/importer/index.js +4 -4
  29. package/widgets/index-browsers.js +195 -195
  30. package/widgets/index-electron-ws.js +153 -153
  31. package/widgets/index-electron.js +69 -69
  32. package/widgets/index.js +1 -1
  33. package/widgets/laboratory/service.js +542 -541
  34. package/widgets/laboratory/widget.js +98 -98
  35. package/widgets/maintenance/styles.js +38 -38
  36. package/widgets/maintenance/widget.js +65 -65
  37. package/widgets/props-binder/widget.js +48 -48
  38. package/widgets/renderer.js +85 -85
  39. package/widgets/root/index.js +54 -54
  40. package/widgets/searchkit/index.js +68 -68
  41. package/widgets/store/backend-reducer.js +116 -116
  42. package/widgets/store/commands-reducer.js +14 -14
  43. package/widgets/store/middlewares.js +171 -171
  44. package/widgets/store/network-reducer.js +23 -23
  45. package/widgets/store/root-reducer.js +35 -35
  46. package/widgets/store/store.js +40 -40
  47. package/widgets/store/widgets-reducer.js +95 -95
  48. package/widgets/theme-context/js-to-css.js +20 -20
  49. package/widgets/theme-context/widget.js +130 -130
  50. package/widgets/view/index.js +31 -31
  51. package/widgets/widget/index.js +1205 -1205
  52. package/widgets/widget/utils/connect.js +47 -47
  53. package/widgets/widget/utils/connectBackend.js +48 -48
  54. package/widgets/widget/utils/connectWidget.js +31 -31
  55. package/widgets/widget/utils/manifest.txt +134 -134
  56. package/widgets/widget/utils/shallowEqualShredder.js +36 -36
  57. package/widgets/widget/utils/widgets-actions.js +21 -21
  58. package/widgets/widget/utils/wrapMapStateToProps.js +26 -26
  59. package/widgets/with-desktop-id/widget.js +20 -20
  60. package/widgets/with-model/context.js +5 -5
  61. package/widgets/with-model/widget.js +42 -42
  62. package/widgets/with-workitem/widget.js +30 -30
package/.editorconfig CHANGED
@@ -1,9 +1,9 @@
1
- root = true
2
-
3
- [*.{js,jsx,json}]
4
- indent_style = space
5
- indent_size = 2
6
- charset = utf-8
7
- trim_trailing_whitespace = true
8
- insert_final_newline = true
9
- max_line_length = 80
1
+ root = true
2
+
3
+ [*.{js,jsx,json}]
4
+ indent_style = space
5
+ indent_size = 2
6
+ charset = utf-8
7
+ trim_trailing_whitespace = true
8
+ insert_final_newline = true
9
+ max_line_length = 80
package/.eslintrc.js CHANGED
@@ -1,28 +1,28 @@
1
- 'use strict';
2
-
3
- module.exports = {
4
- root: true,
5
- parserOptions: {
6
- ecmaVersion: 7,
7
- sourceType: 'module',
8
- ecmaFeatures: {
9
- jsx: true,
10
- },
11
- },
12
- env: {
13
- browser: true,
14
- mocha: true,
15
- node: true,
16
- es6: true,
17
- },
18
- parser: 'babel-eslint',
19
- plugins: ['react', 'babel'],
20
- extends: ['prettier', 'eslint:recommended', 'plugin:react/recommended'],
21
- rules: {
22
- // Other rules
23
- 'no-console': 'off',
24
- 'valid-jsdoc': ['error', {requireReturn: false}],
25
- 'eqeqeq': 'error',
26
- 'react/display-name': 'off',
27
- },
28
- };
1
+ 'use strict';
2
+
3
+ module.exports = {
4
+ root: true,
5
+ parserOptions: {
6
+ ecmaVersion: 7,
7
+ sourceType: 'module',
8
+ ecmaFeatures: {
9
+ jsx: true,
10
+ },
11
+ },
12
+ env: {
13
+ browser: true,
14
+ mocha: true,
15
+ node: true,
16
+ es6: true,
17
+ },
18
+ parser: 'babel-eslint',
19
+ plugins: ['react', 'babel'],
20
+ extends: ['prettier', 'eslint:recommended', 'plugin:react/recommended'],
21
+ rules: {
22
+ // Other rules
23
+ 'no-console': 'off',
24
+ 'valid-jsdoc': ['error', {requireReturn: false}],
25
+ 'eqeqeq': 'error',
26
+ 'react/display-name': 'off',
27
+ },
28
+ };
package/.zou-flow CHANGED
@@ -1,3 +1,3 @@
1
- [update-version]
2
- freezed = true
3
- package-json = package.json
1
+ [update-version]
2
+ freezed = true
3
+ package-json = package.json
package/README.md CHANGED
@@ -1,107 +1,107 @@
1
- # Laboratory
2
-
3
- > Bienvenue dans le labo des gobelins!
4
-
5
- Le labo offre un espace de travail facilitant la construction d'application UI.
6
-
7
- Il instancie pour vous une fenêtre electron et se connecte au contenu du laboratoire
8
- en ouvrant le bundle webpack à une URL donnée.
9
-
10
- Il optimise la communication avec les gobelins en s'occupant de souscrire aux state des différents gobelins dans l'entrepôt de states (voir. gobelin-warehouse).
11
-
12
- En créant un labo, vous optenez un espace de travail utilisateur prêt à l'emploi.
13
-
14
- Cet espace est pré-découpé en zone de montages stratégiques:
15
-
16
- - root
17
- - top-bar
18
- - task-bar
19
- - content
20
-
21
- Par défaut, un laboratoire va monter un gestionnaire de travaux utilisateurs qui permet un routage des tâches utilisateurs dans la UI. Ce comportement par défaut peut-être remplacé en explicitant le mapping montage/vue à la création du laboratoire.
22
-
23
- ## Widget
24
-
25
- Un labo est automatiquement cablé pour écouter les changements d'états des widgets dans le state.
26
-
27
- Un composant react `Widget` de base permet d'écrire des composant connecté pour vos gobelins.
28
-
29
- ### Formulaires
30
-
31
- Si votre widget doit se comporter en formulaire de saisies, il faut exposer un getter spécifique:
32
-
33
- ```js
34
- get isForm () {
35
- return true;
36
- }
37
- ```
38
-
39
- ### Wiring (cablâge des propriétés)
40
-
41
- Un widget est dit cablé lorsqu'on fournit un `id` à celui-ci lors de son utilisation.
42
-
43
- Dans ce cas, les propriétés cablée respecterons l'état du widget dans le state.
44
-
45
- Un widget cablé doit être créé par un goblin, et ces propriétés cablée doivent être définie via son API.
46
- Certaine propriétés du widget ne sont pas cablée sur le state est peuvent être définie au rendu.
47
-
48
- Si le widget n'est pas cablé par id, il peut-être utilisé librement en définissant ces propriétés au rendu.
49
-
50
- ### Styling
51
-
52
- Tout widget peut-être accompagné d'un fichier de style permettant de calculer le style du widget à l'aide du theme courant.
53
-
54
- ## List
55
-
56
- Un widget spécial permettant l'affichage de liste très longues de manière efficace.
57
-
58
- ## specs goblin-laboratory
59
-
60
- - routage et composition de vues inter-app
61
- - pilotage du goblin wm
62
- - persistance des paramètres liés a l'espace de travail inter-gadgets
63
- - composant d'auto-layout
64
- - persistance de settings de fenêtre inter-gadgets (écoute events wm)
65
- - lazy loading des gagdgets https://webpack.js.org/guides/lazy-load-react/
66
-
67
- ### Exemple de quest
68
-
69
- crée des gadgets avec leurs states:
70
-
71
- `laboratory.create goblin-passport /passport [passport, passport_nabu]`
72
-
73
- `laboratory.create goblin-sync /syncui [syncui, syncui_nabu, passport]`
74
-
75
- lister l'état des gadgets:
76
-
77
- `laboratory.list`
78
-
79
- ouvrir la vue principale de passport dans une nouvelle fenetres:
80
-
81
- `laboratory.open /passport`
82
-
83
- passe de la vue de passport a la vue principale de SyncUI
84
- dans la même fenetre:
85
-
86
- `laboratory.switch /passport /syncui`
87
-
88
- ouvrir la vue principale de passport et de syncui dans une nouvelle fenetres:
89
-
90
- `laboratory.open /passport /syncui`
91
-
92
- crée et ouvre nabu pour syncui dans une nouvelle fenetre:
93
-
94
- `laboratory.create goblin-nabu /nabu_sync [syncui_nabu] open:true`
95
-
96
- fermer une fenetre:
97
-
98
- `laboratory.close /nabu_sync`
99
-
100
- naviguer dans une vue:
101
-
102
- `laboratory.navigate /syncui/someview`
103
-
104
- cacher/afficher une fenêtre:
105
-
106
- `laboratory.hide /syncui`
107
- `laboratory.show /syncui`
1
+ # Laboratory
2
+
3
+ > Bienvenue dans le labo des gobelins!
4
+
5
+ Le labo offre un espace de travail facilitant la construction d'application UI.
6
+
7
+ Il instancie pour vous une fenêtre electron et se connecte au contenu du laboratoire
8
+ en ouvrant le bundle webpack à une URL donnée.
9
+
10
+ Il optimise la communication avec les gobelins en s'occupant de souscrire aux state des différents gobelins dans l'entrepôt de states (voir. gobelin-warehouse).
11
+
12
+ En créant un labo, vous optenez un espace de travail utilisateur prêt à l'emploi.
13
+
14
+ Cet espace est pré-découpé en zone de montages stratégiques:
15
+
16
+ - root
17
+ - top-bar
18
+ - task-bar
19
+ - content
20
+
21
+ Par défaut, un laboratoire va monter un gestionnaire de travaux utilisateurs qui permet un routage des tâches utilisateurs dans la UI. Ce comportement par défaut peut-être remplacé en explicitant le mapping montage/vue à la création du laboratoire.
22
+
23
+ ## Widget
24
+
25
+ Un labo est automatiquement cablé pour écouter les changements d'états des widgets dans le state.
26
+
27
+ Un composant react `Widget` de base permet d'écrire des composant connecté pour vos gobelins.
28
+
29
+ ### Formulaires
30
+
31
+ Si votre widget doit se comporter en formulaire de saisies, il faut exposer un getter spécifique:
32
+
33
+ ```js
34
+ get isForm () {
35
+ return true;
36
+ }
37
+ ```
38
+
39
+ ### Wiring (cablâge des propriétés)
40
+
41
+ Un widget est dit cablé lorsqu'on fournit un `id` à celui-ci lors de son utilisation.
42
+
43
+ Dans ce cas, les propriétés cablée respecterons l'état du widget dans le state.
44
+
45
+ Un widget cablé doit être créé par un goblin, et ces propriétés cablée doivent être définie via son API.
46
+ Certaine propriétés du widget ne sont pas cablée sur le state est peuvent être définie au rendu.
47
+
48
+ Si le widget n'est pas cablé par id, il peut-être utilisé librement en définissant ces propriétés au rendu.
49
+
50
+ ### Styling
51
+
52
+ Tout widget peut-être accompagné d'un fichier de style permettant de calculer le style du widget à l'aide du theme courant.
53
+
54
+ ## List
55
+
56
+ Un widget spécial permettant l'affichage de liste très longues de manière efficace.
57
+
58
+ ## specs goblin-laboratory
59
+
60
+ - routage et composition de vues inter-app
61
+ - pilotage du goblin wm
62
+ - persistance des paramètres liés a l'espace de travail inter-gadgets
63
+ - composant d'auto-layout
64
+ - persistance de settings de fenêtre inter-gadgets (écoute events wm)
65
+ - lazy loading des gagdgets https://webpack.js.org/guides/lazy-load-react/
66
+
67
+ ### Exemple de quest
68
+
69
+ crée des gadgets avec leurs states:
70
+
71
+ `laboratory.create goblin-passport /passport [passport, passport_nabu]`
72
+
73
+ `laboratory.create goblin-sync /syncui [syncui, syncui_nabu, passport]`
74
+
75
+ lister l'état des gadgets:
76
+
77
+ `laboratory.list`
78
+
79
+ ouvrir la vue principale de passport dans une nouvelle fenetres:
80
+
81
+ `laboratory.open /passport`
82
+
83
+ passe de la vue de passport a la vue principale de SyncUI
84
+ dans la même fenetre:
85
+
86
+ `laboratory.switch /passport /syncui`
87
+
88
+ ouvrir la vue principale de passport et de syncui dans une nouvelle fenetres:
89
+
90
+ `laboratory.open /passport /syncui`
91
+
92
+ crée et ouvre nabu pour syncui dans une nouvelle fenetre:
93
+
94
+ `laboratory.create goblin-nabu /nabu_sync [syncui_nabu] open:true`
95
+
96
+ fermer une fenetre:
97
+
98
+ `laboratory.close /nabu_sync`
99
+
100
+ naviguer dans une vue:
101
+
102
+ `laboratory.navigate /syncui/someview`
103
+
104
+ cacher/afficher une fenêtre:
105
+
106
+ `laboratory.hide /syncui`
107
+ `laboratory.show /syncui`
package/carnotzet.js CHANGED
@@ -1,10 +1,10 @@
1
- 'use strict';
2
-
3
- /**
4
- * Retrieve the list of available commands.
5
- *
6
- * @returns {Object} The list and definitions of commands.
7
- */
8
- exports.xcraftCommands = function () {
9
- return require(`./lib/carnotzet.js`);
10
- };
1
+ 'use strict';
2
+
3
+ /**
4
+ * Retrieve the list of available commands.
5
+ *
6
+ * @returns {Object} The list and definitions of commands.
7
+ */
8
+ exports.xcraftCommands = function () {
9
+ return require(`./lib/carnotzet.js`);
10
+ };
package/config.js CHANGED
@@ -1,13 +1,13 @@
1
- 'use strict';
2
-
3
- /**
4
- * Retrieve the inquirer definition for xcraft-core-etc
5
- */
6
- module.exports = [
7
- {
8
- type: 'input',
9
- name: 'defaultZoom',
10
- message: 'Set default zoom for Electron frontend',
11
- default: 1.0,
12
- },
13
- ];
1
+ 'use strict';
2
+
3
+ /**
4
+ * Retrieve the inquirer definition for xcraft-core-etc
5
+ */
6
+ module.exports = [
7
+ {
8
+ type: 'input',
9
+ name: 'defaultZoom',
10
+ message: 'Set default zoom for Electron frontend',
11
+ default: 1.0,
12
+ },
13
+ ];
package/laboratory.js CHANGED
@@ -1,13 +1,13 @@
1
- 'use strict';
2
-
3
- /**
4
- * Retrieve the list of available commands.
5
- *
6
- * @returns {Object} The list and definitions of commands.
7
- */
8
- exports.xcraftCommands = function () {
9
- return require(`./widgets/${require('path').basename(
10
- __filename,
11
- '.js'
12
- )}/service.js`);
13
- };
1
+ 'use strict';
2
+
3
+ /**
4
+ * Retrieve the list of available commands.
5
+ *
6
+ * @returns {Object} The list and definitions of commands.
7
+ */
8
+ exports.xcraftCommands = function () {
9
+ return require(`./widgets/${require('path').basename(
10
+ __filename,
11
+ '.js'
12
+ )}/service.js`);
13
+ };
@@ -1,53 +1,53 @@
1
- const path = require('path');
2
- const fs = require('fs');
3
-
4
- module.exports = (location, mainGoblinModule) => {
5
- const alias = {};
6
-
7
- // HACK: should be placed in goblin-nabu webpack config (see issue #189)
8
- const nabuT = path.resolve(
9
- location,
10
- 'goblin-nabu',
11
- 'widgets/helpers/t-frontend.js'
12
- );
13
- if (fs.existsSync(nabuT)) {
14
- alias.t = nabuT;
15
- }
16
-
17
- let importerPath = path.join(
18
- location,
19
- 'goblin-laboratory/widgets/importer/index.js'
20
- );
21
- if (mainGoblinModule) {
22
- const customImporterPath = path.join(
23
- location,
24
- mainGoblinModule,
25
- 'widgets/importer/index.js'
26
- );
27
- if (fs.existsSync(customImporterPath)) {
28
- importerPath = customImporterPath;
29
- }
30
- }
31
- alias['goblin_importer'] = importerPath;
32
-
33
- alias.goblin_theme_fa = path.join(
34
- location,
35
- 'goblin-theme/widgets/theme-context/fa-pro.js'
36
- );
37
- try {
38
- require('@fortawesome/fontawesome-pro');
39
- } catch (ex) {
40
- if (ex.code === 'MODULE_NOT_FOUND') {
41
- alias.goblin_theme_fa = path.join(
42
- location,
43
- 'goblin-theme/widgets/theme-context/fa-free.js'
44
- );
45
- } else {
46
- throw ex;
47
- }
48
- }
49
-
50
- return {
51
- alias,
52
- };
53
- };
1
+ const path = require('path');
2
+ const fs = require('fs');
3
+
4
+ module.exports = (location, mainGoblinModule) => {
5
+ const alias = {};
6
+
7
+ // HACK: should be placed in goblin-nabu webpack config (see issue #189)
8
+ const nabuT = path.resolve(
9
+ location,
10
+ 'goblin-nabu',
11
+ 'widgets/helpers/t-frontend.js'
12
+ );
13
+ if (fs.existsSync(nabuT)) {
14
+ alias.t = nabuT;
15
+ }
16
+
17
+ let importerPath = path.join(
18
+ location,
19
+ 'goblin-laboratory/widgets/importer/index.js'
20
+ );
21
+ if (mainGoblinModule) {
22
+ const customImporterPath = path.join(
23
+ location,
24
+ mainGoblinModule,
25
+ 'widgets/importer/index.js'
26
+ );
27
+ if (fs.existsSync(customImporterPath)) {
28
+ importerPath = customImporterPath;
29
+ }
30
+ }
31
+ alias['goblin_importer'] = importerPath;
32
+
33
+ alias.goblin_theme_fa = path.join(
34
+ location,
35
+ 'goblin-theme/widgets/theme-context/fa-pro.js'
36
+ );
37
+ try {
38
+ require('@fortawesome/fontawesome-pro');
39
+ } catch (ex) {
40
+ if (ex.code === 'MODULE_NOT_FOUND') {
41
+ alias.goblin_theme_fa = path.join(
42
+ location,
43
+ 'goblin-theme/widgets/theme-context/fa-free.js'
44
+ );
45
+ } else {
46
+ throw ex;
47
+ }
48
+ }
49
+
50
+ return {
51
+ alias,
52
+ };
53
+ };