goblin-desktop 2.1.2 → 2.1.3

package/widgets/monitor/widget.js

@@ -1,66 +1,66 @@
-//T:2019-02-27
-
-import Widget from 'goblin-laboratory/widgets/widget';
-import React from 'react';
-import Container from 'goblin-gadgets/widgets/container/widget';
-import Button from 'goblin-gadgets/widgets/button/widget';
-import T from 't';
-
-class Monitor extends Widget {
-  constructor() {
-    super(...arguments);
-    this.toggleEnabled = this.toggleEnabled.bind(this);
-    this.collectRequested = false;
-  }
-
-  toggleEnabled() {
-    this.dispatch({type: 'TOGGLE'});
-  }
-
-  connectLocalStateMonitor() {
-    return this.mapWidget(
-      (props) => {
-        const size = props.state.size;
-        return <div style={{fontWeight: 900}}>LocalState: {size}</div>;
-      },
-      'state',
-      'backend'
-    );
-  }
-
-  renderMonitors() {
-    const LocalStateMonitor = this.connectLocalStateMonitor();
-    return (
-      <div style={{margin: '10px'}}>
-        <LocalStateMonitor />
-      </div>
-    );
-  }
-
-  render() {
-    const {prototypeMode, enabled} = this.props;
-    if (!prototypeMode) {
-      return null;
-    }
-
-    return (
-      <Container kind="row">
-        <Button
-          kind="button-footer"
-          text={T('Monitor')}
-          onClick={this.toggleEnabled}
-        />
-        {enabled ? this.renderMonitors() : null}
-      </Container>
-    );
-  }
-}
-
-export default Widget.connect((state, props) => {
-  const stateWidgets = state.get('widgets').get(props.id);
-  const userSession = Widget.getUserSession(state);
-  return {
-    prototypeMode: userSession.get('prototypeMode'),
-    enabled: stateWidgets ? stateWidgets.get('enabled') : false,
-  };
-})(Monitor);
+//T:2019-02-27
+
+import Widget from 'goblin-laboratory/widgets/widget';
+import React from 'react';
+import Container from 'goblin-gadgets/widgets/container/widget';
+import Button from 'goblin-gadgets/widgets/button/widget';
+import T from 't';
+
+class Monitor extends Widget {
+  constructor() {
+    super(...arguments);
+    this.toggleEnabled = this.toggleEnabled.bind(this);
+    this.collectRequested = false;
+  }
+
+  toggleEnabled() {
+    this.dispatch({type: 'TOGGLE'});
+  }
+
+  connectLocalStateMonitor() {
+    return this.mapWidget(
+      (props) => {
+        const size = props.state.size;
+        return <div style={{fontWeight: 900}}>LocalState: {size}</div>;
+      },
+      'state',
+      'backend'
+    );
+  }
+
+  renderMonitors() {
+    const LocalStateMonitor = this.connectLocalStateMonitor();
+    return (
+      <div style={{margin: '10px'}}>
+        <LocalStateMonitor />
+      </div>
+    );
+  }
+
+  render() {
+    const {prototypeMode, enabled} = this.props;
+    if (!prototypeMode) {
+      return null;
+    }
+
+    return (
+      <Container kind="row">
+        <Button
+          kind="button-footer"
+          text={T('Monitor')}
+          onClick={this.toggleEnabled}
+        />
+        {enabled ? this.renderMonitors() : null}
+      </Container>
+    );
+  }
+}
+
+export default Widget.connect((state, props) => {
+  const stateWidgets = state.get('widgets').get(props.id);
+  const userSession = Widget.getUserSession(state);
+  return {
+    prototypeMode: userSession.get('prototypeMode'),
+    enabled: stateWidgets ? stateWidgets.get('enabled') : false,
+  };
+})(Monitor);

package/widgets/navigating-layer/widget.js

@@ -1,25 +1,25 @@
-//T:2019-02-27
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-
-class NavigatingLayer extends Widget {
-  constructor() {
-    super(...arguments);
-  }
-
-  render() {
-    let navigatingStyle = {};
-    if (this.props.navigating || this.props.working) {
-      navigatingStyle = {
-        pointerEvents: 'none',
-      };
-    }
-    return <div style={navigatingStyle}>{this.props.children}</div>;
-  }
-}
-
-export default Widget.connect((state, props) => {
-  const navigating = state.get(`backend.${props.desktopId}.navigating`);
-  const working = state.get(`backend.${props.desktopId}.working`);
-  return {navigating, working};
-})(NavigatingLayer);
+//T:2019-02-27
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+
+class NavigatingLayer extends Widget {
+  constructor() {
+    super(...arguments);
+  }
+
+  render() {
+    let navigatingStyle = {};
+    if (this.props.navigating || this.props.working) {
+      navigatingStyle = {
+        pointerEvents: 'none',
+      };
+    }
+    return <div style={navigatingStyle}>{this.props.children}</div>;
+  }
+}
+
+export default Widget.connect((state, props) => {
+  const navigating = state.get(`backend.${props.desktopId}.navigating`);
+  const working = state.get(`backend.${props.desktopId}.working`);
+  return {navigating, working};
+})(NavigatingLayer);

package/widgets/notifications-button/widget.js

@@ -1,44 +1,44 @@
-//T:2019-02-27
-import T from 't';
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import Button from 'goblin-gadgets/widgets/button/widget';
-import SFX from '../audio/sfx.js';
-
-class NotificationsButton extends Widget {
-  constructor() {
-    super(...arguments);
-    this.toggle = this.toggle.bind(this);
-  }
-
-  static get wiring() {
-    return {
-      id: 'id',
-      notReadCount: 'notReadCount',
-    };
-  }
-
-  toggle() {
-    const state = this.getBackendState();
-    const show = !state.get('showNotifications');
-    if (show) {
-      SFX.zim.play();
-    }
-    this.doAs('desktop', 'set-notifications', {show});
-  }
-
-  render() {
-    return (
-      <Button
-        text={T('Notifications')}
-        glyph="solid/bell"
-        glyphPosition="right"
-        kind="view-tab-right"
-        badgeValue={this.props.notReadCount}
-        onClick={this.toggle}
-      />
-    );
-  }
-}
-
-export default Widget.Wired(NotificationsButton)();
+//T:2019-02-27
+import T from 't';
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import Button from 'goblin-gadgets/widgets/button/widget';
+import SFX from '../audio/sfx.js';
+
+class NotificationsButton extends Widget {
+  constructor() {
+    super(...arguments);
+    this.toggle = this.toggle.bind(this);
+  }
+
+  static get wiring() {
+    return {
+      id: 'id',
+      notReadCount: 'notReadCount',
+    };
+  }
+
+  toggle() {
+    const state = this.getBackendState();
+    const show = !state.get('showNotifications');
+    if (show) {
+      SFX.zim.play();
+    }
+    this.doAs('desktop', 'set-notifications', {show});
+  }
+
+  render() {
+    return (
+      <Button
+        text={T('Notifications')}
+        glyph="solid/bell"
+        glyphPosition="right"
+        kind="view-tab-right"
+        badgeValue={this.props.notReadCount}
+        onClick={this.toggle}
+      />
+    );
+  }
+}
+
+export default Widget.Wired(NotificationsButton)();

package/widgets/password-wizard/service.js

@@ -1,53 +1,53 @@
-'use strict';
-//T:2019-02-27
-const T = require('goblin-nabu/widgets/helpers/t.js');
-const {buildWizard} = require('goblin-desktop');
-const crypto = require('xcraft-core-utils/lib/crypto.js');
-
-const config = {
-  name: 'password',
-  title: T('Choisir le nouveau mot de passe'),
-  quests: {
-    setRandomPassword: function* (quest) {
-      const state = quest.goblin.getState();
-      const passwordLength = state.get('form.passwordLength');
-      const password = crypto.randomPassword(passwordLength);
-      yield quest.me.change({
-        path: 'form.password',
-        newValue: password,
-      });
-    },
-  },
-  steps: {
-    main: {
-      buttons: function (quest, buttons) {
-        return buttons.set('main', {
-          glyph: 'solid/arrow-right',
-          text: T('Valider'),
-          grow: '2',
-        });
-      },
-      form: {
-        showPassword: true,
-      },
-      quest: function* (quest) {
-        const state = quest.goblin.getState();
-        const passwordLength = state.get('form.passwordLength');
-        if (!passwordLength) {
-          yield quest.me.change({
-            path: 'form.passwordLength',
-            newValue: '8',
-          });
-        }
-      },
-    },
-    finish: {
-      form: {},
-      quest: function* (quest, form) {
-        yield quest.me.next({result: form.password});
-      },
-    },
-  },
-};
-
-module.exports = buildWizard(config);
+'use strict';
+//T:2019-02-27
+const T = require('goblin-nabu/widgets/helpers/t.js');
+const {buildWizard} = require('goblin-desktop');
+const crypto = require('xcraft-core-utils/lib/crypto.js');
+
+const config = {
+  name: 'password',
+  title: T('Choisir le nouveau mot de passe'),
+  quests: {
+    setRandomPassword: function* (quest) {
+      const state = quest.goblin.getState();
+      const passwordLength = state.get('form.passwordLength');
+      const password = crypto.randomPassword(passwordLength);
+      yield quest.me.change({
+        path: 'form.password',
+        newValue: password,
+      });
+    },
+  },
+  steps: {
+    main: {
+      buttons: function (quest, buttons) {
+        return buttons.set('main', {
+          glyph: 'solid/arrow-right',
+          text: T('Valider'),
+          grow: '2',
+        });
+      },
+      form: {
+        showPassword: true,
+      },
+      quest: function* (quest) {
+        const state = quest.goblin.getState();
+        const passwordLength = state.get('form.passwordLength');
+        if (!passwordLength) {
+          yield quest.me.change({
+            path: 'form.passwordLength',
+            newValue: '8',
+          });
+        }
+      },
+    },
+    finish: {
+      form: {},
+      quest: function* (quest, form) {
+        yield quest.me.next({result: form.password});
+      },
+    },
+  },
+};
+
+module.exports = buildWizard(config);

package/widgets/password-wizard/ui.js

@@ -1,66 +1,66 @@
-//T:2019-02-27
-import T from 't';
-import React from 'react';
-import Container from 'goblin-gadgets/widgets/container/widget';
-import Field from 'goblin-gadgets/widgets/field/widget';
-import Button from 'goblin-gadgets/widgets/button/widget';
-
-function renderMain(props) {
-  const type = props.showPassword ? {} : {type: 'password'};
-  const disableRandomPasswordButton =
-    props.passwordLength && Number.isInteger(parseInt(props.passwordLength))
-      ? false
-      : true;
-  return (
-    <Container kind="column" grow="1">
-      <Field
-        kind="field"
-        labelWidth="30px"
-        labelGlyph="solid/lock"
-        hintText={T('Mot de passe')}
-        model=".form.password"
-        grow="1"
-        {...type}
-      />
-      <Field
-        kind="bool"
-        labelText={T('Afficher le mot de passe')}
-        model=".form.showPassword"
-      />
-      <Field
-        kind="number"
-        labelText={T('Longueur du mot de passe aléatoire')}
-        labelWidth="275px"
-        model=".form.passwordLength"
-      />
-      <Button
-        kind="action"
-        grow="1"
-        place="1/1"
-        width="495px"
-        glyph="solid/user-secret"
-        text={T('Générer un mot de passe aléatoire')}
-        disabled={disableRandomPasswordButton}
-        onClick={() => props.do('setRandomPassword')}
-      />
-    </Container>
-  );
-}
-
-/******************************************************************************/
-
-const mapProps = (entity) => {
-  return {
-    showPassword: entity.get('form.showPassword'),
-    passwordLength: entity.get('form.passwordLength'),
-  };
-};
-
-/******************************************************************************/
-export default {
-  mappers: {
-    main: mapProps,
-  },
-
-  main: renderMain,
-};
+//T:2019-02-27
+import T from 't';
+import React from 'react';
+import Container from 'goblin-gadgets/widgets/container/widget';
+import Field from 'goblin-gadgets/widgets/field/widget';
+import Button from 'goblin-gadgets/widgets/button/widget';
+
+function renderMain(props) {
+  const type = props.showPassword ? {} : {type: 'password'};
+  const disableRandomPasswordButton =
+    props.passwordLength && Number.isInteger(parseInt(props.passwordLength))
+      ? false
+      : true;
+  return (
+    <Container kind="column" grow="1">
+      <Field
+        kind="field"
+        labelWidth="30px"
+        labelGlyph="solid/lock"
+        hintText={T('Mot de passe')}
+        model=".form.password"
+        grow="1"
+        {...type}
+      />
+      <Field
+        kind="bool"
+        labelText={T('Afficher le mot de passe')}
+        model=".form.showPassword"
+      />
+      <Field
+        kind="number"
+        labelText={T('Longueur du mot de passe aléatoire')}
+        labelWidth="275px"
+        model=".form.passwordLength"
+      />
+      <Button
+        kind="action"
+        grow="1"
+        place="1/1"
+        width="495px"
+        glyph="solid/user-secret"
+        text={T('Générer un mot de passe aléatoire')}
+        disabled={disableRandomPasswordButton}
+        onClick={() => props.do('setRandomPassword')}
+      />
+    </Container>
+  );
+}
+
+/******************************************************************************/
+
+const mapProps = (entity) => {
+  return {
+    showPassword: entity.get('form.showPassword'),
+    passwordLength: entity.get('form.passwordLength'),
+  };
+};
+
+/******************************************************************************/
+export default {
+  mappers: {
+    main: mapProps,
+  },
+
+  main: renderMain,
+};

package/widgets/plugin/reducer.js

@@ -1,19 +1,19 @@
-//T:2019-02-27
-
-import Shredder from 'xcraft-core-shredder';
-
-const initialState = new Shredder({
-  extendedId: null,
-});
-
-export default (state = initialState, action) => {
-  switch (action.type) {
-    case 'TOGGLE_EXTENDED': {
-      const current = state.get('extendedId');
-      if (current === action.entityId) {
-        return state.set('extendedId', null);
-      }
-      return state.set('extendedId', action.entityId);
-    }
-  }
-};
+//T:2019-02-27
+
+import Shredder from 'xcraft-core-shredder';
+
+const initialState = new Shredder({
+  extendedId: null,
+});
+
+export default (state = initialState, action) => {
+  switch (action.type) {
+    case 'TOGGLE_EXTENDED': {
+      const current = state.get('extendedId');
+      if (current === action.entityId) {
+        return state.set('extendedId', null);
+      }
+      return state.set('extendedId', action.entityId);
+    }
+  }
+};