goblin-laboratory 2.2.1 → 2.2.2

package/widgets/disconnect-overlay/widget.js

@@ -1,40 +1,40 @@
-import React from 'react';
-
-import Widget from 'goblin-laboratory/widgets/widget';
-import Label from 'goblin-gadgets/widgets/label/widget';
-import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
-
-class DisconnectOverlay extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  render() {
-    const {message} = this.props;
-
-    const fullScreenClass = this.styles.classNames.fullScreen;
-    const blinkClass = this.styles.classNames.blink;
-    const messageClass = this.styles.classNames.message;
-
-    return (
-      <>
-        <div className={fullScreenClass}>
-          <div className={blinkClass}>
-            <FontAwesomeIcon icon={['fas', 'network-wired']} size="10x" />
-          </div>
-          <Label
-            className={messageClass}
-            height="200px"
-            justify="center"
-            kind="footer"
-            fontSize="300%"
-            text={message}
-          />
-        </div>
-        {this.props.children}
-      </>
-    );
-  }
-}
-
-export default DisconnectOverlay;
+import React from 'react';
+
+import Widget from 'goblin-laboratory/widgets/widget';
+import Label from 'goblin-gadgets/widgets/label/widget';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+
+class DisconnectOverlay extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  render() {
+    const {message} = this.props;
+
+    const fullScreenClass = this.styles.classNames.fullScreen;
+    const blinkClass = this.styles.classNames.blink;
+    const messageClass = this.styles.classNames.message;
+
+    return (
+      <>
+        <div className={fullScreenClass}>
+          <div className={blinkClass}>
+            <FontAwesomeIcon icon={['fas', 'network-wired']} size="10x" />
+          </div>
+          <Label
+            className={messageClass}
+            height="200px"
+            justify="center"
+            kind="footer"
+            fontSize="300%"
+            text={message}
+          />
+        </div>
+        {this.props.children}
+      </>
+    );
+  }
+}
+
+export default DisconnectOverlay;

package/widgets/fields-view/widget.js

@@ -1,34 +1,34 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Widget from 'goblin-laboratory/widgets/widget';
-
-export default class FieldsView extends Widget {
-  constructor() {
-    super(...arguments);
-    this.view = {};
-    this.register = this.register.bind(this);
-  }
-
-  register(fieldPath) {
-    this.view[fieldPath] = true;
-    console.table(this.view);
-  }
-
-  getChildContext() {
-    return {
-      model: this.props.model,
-      register: this.register,
-    };
-  }
-
-  static get childContextTypes() {
-    return {
-      model: PropTypes.string,
-      register: PropTypes.func,
-    };
-  }
-
-  render() {
-    return <>{this.props.children}</>;
-  }
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import Widget from 'goblin-laboratory/widgets/widget';
+
+export default class FieldsView extends Widget {
+  constructor() {
+    super(...arguments);
+    this.view = {};
+    this.register = this.register.bind(this);
+  }
+
+  register(fieldPath) {
+    this.view[fieldPath] = true;
+    console.table(this.view);
+  }
+
+  getChildContext() {
+    return {
+      model: this.props.model,
+      register: this.register,
+    };
+  }
+
+  static get childContextTypes() {
+    return {
+      model: PropTypes.string,
+      register: PropTypes.func,
+    };
+  }
+
+  render() {
+    return <>{this.props.children}</>;
+  }
+}

package/widgets/form/index.js

@@ -1,79 +1,79 @@
-//T:2019-02-27
-import React from 'react';
-
-import Widget from 'goblin-laboratory/widgets/widget';
-import WithModel from '../with-model/widget';
-
-/******************************************************************************/
-
-// TODO: Adapt code that use it and remove it
-const FormComponent = (props) => {
-  const {
-    component: Component,
-    model,
-    children,
-    validateOn,
-    ...otherProps
-  } = props;
-  return (
-    <WithModel model={model}>
-      <Component {...otherProps}>{children}</Component>
-    </WithModel>
-  );
-};
-
-/******************************************************************************/
-
-class Form extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  get Form() {
-    return FormComponent;
-  }
-
-  get formConfig() {
-    const style = {
-      display: 'flex',
-      flexDirection: 'column',
-    };
-    const id = this.props.id ? this.props.id : this.context.id;
-    return {
-      component: 'div',
-      validateOn: 'submit',
-      model: `backend.${id}`,
-      style,
-    };
-  }
-
-  get formConfigWithoutStyle() {
-    const id = this.props.id ? this.props.id : this.context.id;
-    return {
-      component: React.Fragment,
-      validateOn: 'submit',
-      model: `backend.${id}`,
-    };
-  }
-
-  formConfigWithComponent(component) {
-    // FIXME: use aphrodite
-    const style = {
-      display: 'flex',
-      flexDirection: 'column',
-    };
-    const id = this.props.id ? this.props.id : this.context.id;
-    return {
-      component: component,
-      validateOn: 'submit',
-      model: `backend.${id}`,
-      style,
-    };
-  }
-
-  render() {
-    return <div>Missing widget implementation</div>;
-  }
-}
-
-export default Form;
+//T:2019-02-27
+import React from 'react';
+
+import Widget from 'goblin-laboratory/widgets/widget';
+import WithModel from '../with-model/widget';
+
+/******************************************************************************/
+
+// TODO: Adapt code that use it and remove it
+const FormComponent = (props) => {
+  const {
+    component: Component,
+    model,
+    children,
+    validateOn,
+    ...otherProps
+  } = props;
+  return (
+    <WithModel model={model}>
+      <Component {...otherProps}>{children}</Component>
+    </WithModel>
+  );
+};
+
+/******************************************************************************/
+
+class Form extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  get Form() {
+    return FormComponent;
+  }
+
+  get formConfig() {
+    const style = {
+      display: 'flex',
+      flexDirection: 'column',
+    };
+    const id = this.props.id ? this.props.id : this.context.id;
+    return {
+      component: 'div',
+      validateOn: 'submit',
+      model: `backend.${id}`,
+      style,
+    };
+  }
+
+  get formConfigWithoutStyle() {
+    const id = this.props.id ? this.props.id : this.context.id;
+    return {
+      component: React.Fragment,
+      validateOn: 'submit',
+      model: `backend.${id}`,
+    };
+  }
+
+  formConfigWithComponent(component) {
+    // FIXME: use aphrodite
+    const style = {
+      display: 'flex',
+      flexDirection: 'column',
+    };
+    const id = this.props.id ? this.props.id : this.context.id;
+    return {
+      component: component,
+      validateOn: 'submit',
+      model: `backend.${id}`,
+      style,
+    };
+  }
+
+  render() {
+    return <div>Missing widget implementation</div>;
+  }
+}
+
+export default Form;

package/widgets/frame/widget.js

@@ -1,47 +1,47 @@
-//T:2019-02-27
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import ThemeContext from '../theme-context/widget';
-import {Provider} from 'react-redux';
-
-class Frame extends React.PureComponent {
-  getChildContext() {
-    return {
-      labId: this.props.labId,
-      dispatch: this.props.store.dispatch,
-      store: this.props.store,
-    };
-  }
-
-  static get childContextTypes() {
-    return {
-      labId: PropTypes.string,
-      dispatch: PropTypes.func,
-      store: PropTypes.object,
-    };
-  }
-
-  render() {
-    const {labId, store, currentTheme, themeContext, desktopId} = this.props;
-
-    return (
-      <div
-        className={`root-${labId.replace(/@/g, '-')}`}
-        style={this.props.style}
-      >
-        <Provider store={store}>
-          <ThemeContext
-            labId={labId}
-            themeContext={themeContext}
-            currentTheme={currentTheme}
-          >
-            {this.props.children}
-          </ThemeContext>
-        </Provider>
-      </div>
-    );
-  }
-}
-
-export default Frame;
+//T:2019-02-27
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import ThemeContext from '../theme-context/widget';
+import {Provider} from 'react-redux';
+
+class Frame extends React.PureComponent {
+  getChildContext() {
+    return {
+      labId: this.props.labId,
+      dispatch: this.props.store.dispatch,
+      store: this.props.store,
+    };
+  }
+
+  static get childContextTypes() {
+    return {
+      labId: PropTypes.string,
+      dispatch: PropTypes.func,
+      store: PropTypes.object,
+    };
+  }
+
+  render() {
+    const {labId, store, currentTheme, themeContext, desktopId} = this.props;
+
+    return (
+      <div
+        className={`root-${labId.replace(/@/g, '-')}`}
+        style={this.props.style}
+      >
+        <Provider store={store}>
+          <ThemeContext
+            labId={labId}
+            themeContext={themeContext}
+            currentTheme={currentTheme}
+          >
+            {this.props.children}
+          </ThemeContext>
+        </Provider>
+      </div>
+    );
+  }
+}
+
+export default Frame;

package/widgets/frontend-form/reducer.js

@@ -1,18 +1,18 @@
-import Shredder from 'xcraft-core-shredder';
-
-const initialState = new Shredder({});
-
-export default (state = initialState, action = {}) => {
-  switch (action.type) {
-    case 'INIT': {
-      if (state.equals(initialState) && action.initialState !== undefined) {
-        return state.set('', action.initialState);
-      }
-      return state;
-    }
-    case 'CHANGE': {
-      return state.set(action.path, action.newValue);
-    }
-  }
-  return state;
-};
+import Shredder from 'xcraft-core-shredder';
+
+const initialState = new Shredder({});
+
+export default (state = initialState, action = {}) => {
+  switch (action.type) {
+    case 'INIT': {
+      if (state.equals(initialState) && action.initialState !== undefined) {
+        return state.set('', action.initialState);
+      }
+      return state;
+    }
+    case 'CHANGE': {
+      return state.set(action.path, action.newValue);
+    }
+  }
+  return state;
+};

package/widgets/frontend-form/widget.js

@@ -1,15 +1,15 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import WithModel from '../with-model/widget';
-
-export default class FrontendForm extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  render() {
-    const path = `widgets.${this.props.widgetId}`;
-
-    return <WithModel model={path}>{this.props.children}</WithModel>;
-  }
-}
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import WithModel from '../with-model/widget';
+
+export default class FrontendForm extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  render() {
+    const path = `widgets.${this.props.widgetId}`;
+
+    return <WithModel model={path}>{this.props.children}</WithModel>;
+  }
+}

package/widgets/importer/default.js

@@ -1,14 +1,14 @@
-// prettier-ignore
-const defaultConfig = {
-  'tasks':         require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/tasks\.js$/),
-  'view':          require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/view\.js$/),
-  'partial':       require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/partial\.js$/),
-  'styles':        require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/styles\.js$/),
-  'widget':        require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/widget\.js$/),
-  'ui':            require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/ui\.js$/),
-  'reducer':       require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/reducer\.js$/),
-  'compensator':   require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/compensator\.js$/),
-  'theme-context': require.context('../../../../node_modules/', true, /\/widgets\/theme-context\/index\.js$/),
-};
-
-export default defaultConfig;
+// prettier-ignore
+const defaultConfig = {
+  'tasks':         require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/tasks\.js$/),
+  'view':          require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/view\.js$/),
+  'partial':       require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/partial\.js$/),
+  'styles':        require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/styles\.js$/),
+  'widget':        require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/widget\.js$/),
+  'ui':            require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/ui\.js$/),
+  'reducer':       require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/reducer\.js$/),
+  'compensator':   require.context('../../../../node_modules/', true, /\/widgets\/[^/]+\/compensator\.js$/),
+  'theme-context': require.context('../../../../node_modules/', true, /\/widgets\/theme-context\/index\.js$/),
+};
+
+export default defaultConfig;

package/widgets/importer/importer.js

@@ -1,53 +1,54 @@
-import path from 'path';
-
-export default function importer(config) {
-  const cache = {};
-
-  const importAll = (kind, r) => {
-    cache[kind] = {};
-
-    if (r) {
-      const files = r.keys();
-      files.forEach((file) => {
-        let nameSpace;
-        switch (kind) {
-          case 'file':
-            nameSpace = file.replace(/^[\\/.]+/, '').replace(/\\/g, '/');
-            break;
-          case 'theme-context':
-            nameSpace = file.replace(/.*[\\/.]goblin-([^\\/]+).*/, '$1');
-            break;
-          default:
-            nameSpace = path.basename(path.dirname(file));
-            break;
-        }
-        cache[kind][nameSpace] = r(file);
-      });
-    }
-  };
-
-  const getter = (kind) => (name, key) => {
-    if (!cache[kind][name]) {
-      return null;
-    }
-    if (key) {
-      return cache[kind][name][key];
-    }
-    return cache[kind][name].default ?? cache[kind][name];
-  };
-
-  return (kind) => {
-    if (cache[kind]) {
-      return getter(kind);
-    }
-
-    if (!(kind in config)) {
-      throw new Error(`Unsupported kind: ${kind} for importer`);
-    }
-
-    const r = config[kind];
-    importAll(kind, r);
-
-    return getter(kind);
-  };
-}
+import path from 'path';
+
+export default function importer(config) {
+  const cache = {};
+
+  const importAll = (kind, r) => {
+    cache[kind] = {};
+
+    if (r) {
+      const files = r.keys();
+      files.forEach((file) => {
+        let nameSpace;
+        switch (kind) {
+          case 'tutorials':
+          case 'file':
+            nameSpace = file.replace(/^[\\/.]+/, '').replace(/\\/g, '/');
+            break;
+          case 'theme-context':
+            nameSpace = file.replace(/.*[\\/.]goblin-([^\\/]+).*/, '$1');
+            break;
+          default:
+            nameSpace = path.basename(path.dirname(file));
+            break;
+        }
+        cache[kind][nameSpace] = r(file);
+      });
+    }
+  };
+
+  const getter = (kind) => (name, key) => {
+    if (!cache[kind][name]) {
+      return null;
+    }
+    if (key) {
+      return cache[kind][name][key];
+    }
+    return cache[kind][name].default ?? cache[kind][name];
+  };
+
+  return (kind) => {
+    if (cache[kind]) {
+      return getter(kind);
+    }
+
+    if (!(kind in config)) {
+      throw new Error(`Unsupported kind: ${kind} for importer`);
+    }
+
+    const r = config[kind];
+    importAll(kind, r);
+
+    return getter(kind);
+  };
+}

package/widgets/importer/index.js

@@ -1,4 +1,4 @@
-import importer from './importer.js';
-import defaultConfig from './default.js';
-
-export default importer(defaultConfig);
+import importer from './importer.js';
+import defaultConfig from './default.js';
+
+export default importer(defaultConfig);