init

Author: adamhe(何方舟)

.babelrc

@@ -0,0 +1,14 @@
+{
+   "presets": [
+        "react", 
+        [
+            "es2015", {
+                loose: true
+            }
+        ], 
+        "stage-0"
+    ],
+    "plugins": [
+        "syntax-dynamic-import"
+    ]
+}

.cilintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "stopCommit": true,
+    "ignore": [
+        "*.js",
+        "src/**/node_modules"
+    ]
+}

.editorconfig

@@ -0,0 +1,11 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 4
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc.js

@@ -0,0 +1,71 @@
+module.exports = {
+    "extends": "airbnb",
+    "installedESLint": true,
+    "parser": "babel-eslint",
+    "env": {
+        "browser": true,
+        "node": true
+    },
+    "plugins": [
+        "react",
+        "jsx-a11y",
+        "import"
+    ],
+    "rules": {
+        "indent": [
+            "error",
+            4,
+            {
+                "SwitchCase": 1
+            }
+        ],
+        "quote-props": "off",
+        "max-len": "off",
+        "semi": ["off", "never"],
+        "prefer-template": "off",
+        "no-unused-vars": "warn",
+        "no-use-before-define": "off",
+        "comma-dangle": "off",
+        "no-param-reassign": "warn",
+        "no-underscore-dangle": "off",
+        "no-bitwise": "off",
+        "class-methods-use-this": "warn",
+        "no-unused-expressions": "warn",
+        "keyword-spacing": "warn",
+        "consistent-return": "off",
+        "one-var": [
+            "warn",
+            "always"
+        ],
+        "arrow-body-style": [
+            "warn",
+            "as-needed"
+        ],
+        "space-before-function-paren": [
+            "error",
+            "never"
+        ],
+        "no-trailing-spaces": [
+            "error",
+            {
+                "skipBlankLines": true
+            }
+        ],
+        "import/no-absolute-path": "off",
+        "import/extensions": "off",
+        "import/no-unresolved": "off",
+        "import/no-named-as-default-member": "off",
+        "import/no-named-as-default": "off",
+        "import/no-extraneous-dependencies": "warn",
+        "react/prop-types": "off",
+        "react/jsx-filename-extension": "off",
+        "react/jsx-indent": [
+            "error",
+            4
+        ],
+        "react/jsx-indent-props": [
+            "error",
+            4
+        ]
+    }
+}

.gitignore

@@ -0,0 +1,18 @@
+*.*~
+*.swp
+*.swo
+.svn
+.DS_Store
+node_modules
+*.log
+*.cache
+lerna-debug.log
+storybook-static
+/dist
+/dev
+/public
+/packages/*/*/src-dist
+/packages/*/*/lib
+/packages/*/*/dist
+.idea
+./make

.storybook/now-design-ui/compose.js

@@ -0,0 +1,23 @@
+import { setDefaults } from 'react-komposer';
+
+let context;
+let actions;
+
+export const setContext = (c) => {
+  context = c;
+};
+
+export const setActions = (a) => {
+  actions = a;
+};
+
+const compose = setDefaults({
+  propsToWatch: [],
+  pure: true,
+  env: {
+    context: () => context,
+    actions: () => actions,
+  },
+});
+
+export default compose;

.storybook/now-design-ui/context.js

@@ -0,0 +1,7 @@
+export default function (reduxStore, domNode, provider) {
+  return {
+    reduxStore,
+    domNode,
+    provider,
+  };
+}

.storybook/now-design-ui/index.js

@@ -0,0 +1,45 @@
+import { createStore, combineReducers } from 'redux';
+import { createApp } from 'mantra-core';
+
+import buildContext from './context.js';
+import shortcutsModule from './modules/shortcuts';
+import apiModule from './modules/api';
+import uiModule from './modules/ui';
+import { setContext, setActions } from './compose';
+
+export class Provider {
+  renderPreview(selectedKind, selectedStory, stories) { // eslint-disable-line no-unused-vars
+    throw new Error('Provider.renderPreview() is not implemented!');
+  }
+
+  handleAPI(api) { // eslint-disable-line no-unused-vars
+    throw new Error('Provider.handleAPI() is not implemented!');
+  }
+}
+
+export default function (domNode, provider) {
+  if (!(provider instanceof Provider)) {
+    throw new Error('provider is not extended from the base Provider');
+  }
+
+  const reducer = combineReducers({
+    ...shortcutsModule.reducers,
+    ...apiModule.reducers,
+    ...uiModule.reducers,
+  });
+
+  const devTools = window.devToolsExtension && window.devToolsExtension();
+  const reduxStore = createStore(reducer, devTools);
+
+  const context = buildContext(reduxStore, domNode, provider);
+  const app = createApp(context);
+
+  app.loadModule(shortcutsModule);
+  app.loadModule(apiModule);
+  app.loadModule(uiModule);
+
+  setContext(context);
+  setActions(app._bindContext(app.actions));
+
+  app.init();
+}

.storybook/now-design-ui/libs/key_events.js

@@ -0,0 +1,53 @@
+import keycode from 'keycode';
+
+export const features = {
+  FULLSCREEN: 1,
+  DOWN_PANEL: 2,
+  LEFT_PANEL: 3,
+  SHORTCUTS_HELP: 4,
+  ESCAPE: 5,
+  NEXT_STORY: 6,
+  PREV_STORY: 7,
+  SEARCH: 8,
+  DOWN_PANEL_IN_RIGHT: 9,
+};
+
+export function isModifierPressed(e) {
+  return (e.ctrlKey || e.keyCode === 91 || e.metaKey) && e.shiftKey;
+}
+
+export default function handle(e) {
+  if (e.keyCode === keycode('escape')) {
+    // We don't need to preventDefault escape.
+    // Just getting the event is enough for us.
+    return features.ESCAPE;
+  }
+
+  if (!isModifierPressed(e)) return false;
+
+  switch (e.keyCode) {
+    case keycode('F'):
+      e.preventDefault();
+      return features.FULLSCREEN;
+    case keycode('D'):
+      e.preventDefault();
+      return features.DOWN_PANEL;
+    case keycode('L'):
+      e.preventDefault();
+      return features.LEFT_PANEL;
+    case keycode('right'):
+      e.preventDefault();
+      return features.NEXT_STORY;
+    case keycode('left'):
+      e.preventDefault();
+      return features.PREV_STORY;
+    case keycode('P'):
+      e.preventDefault();
+      return features.SEARCH;
+    case keycode('J'):
+      e.preventDefault();
+      return features.DOWN_PANEL_IN_RIGHT;
+    default:
+      return false;
+  }
+}

.storybook/now-design-ui/modules/api/actions/__tests__/api.js

@@ -0,0 +1,91 @@
+import actions from '../api';
+import { expect } from 'chai';
+import sinon from 'sinon';
+import { types } from '../';
+const { describe, it } = global;
+
+describe('manager.api.actions.api', () => {
+  describe('setStories', () => {
+    it('should dispatch related redux action', () => {
+      const reduxStore = {
+        dispatch: sinon.stub(),
+      };
+      const stories = [{ kind: 'aa', stories: [] }];
+
+      actions.setStories({ reduxStore }, stories);
+      const action = reduxStore.dispatch.args[0][0];
+      expect(action).to.deep.equal({
+        type: types.SET_STORIES,
+        stories,
+      });
+    });
+  });
+
+  describe('selectStory', () => {
+    it('should dispatch related redux action', () => {
+      const reduxStore = {
+        dispatch: sinon.stub(),
+      };
+      const kind = 'kkkind';
+      const story = 'ssstory';
+
+      actions.selectStory({ reduxStore }, kind, story);
+      const action = reduxStore.dispatch.args[0][0];
+      expect(action).to.deep.equal({
+        type: types.SELECT_STORY,
+        kind,
+        story,
+      });
+    });
+  });
+
+  describe('jumpToStory', () => {
+    it('should dispatch related redux action', () => {
+      const reduxStore = {
+        dispatch: sinon.stub(),
+      };
+      const direction = -1;
+
+      actions.jumpToStory({ reduxStore }, direction);
+      const action = reduxStore.dispatch.args[0][0];
+      expect(action).to.deep.equal({
+        type: types.JUMP_TO_STORY,
+        direction,
+      });
+    });
+  });
+
+  describe('setOptions', () => {
+    it('should dispatch related redux action', () => {
+      const reduxStore = {
+        dispatch: sinon.stub(),
+      };
+      const options = {};
+
+      actions.setOptions({ reduxStore }, options);
+      const a = reduxStore.dispatch.args[0][0];
+      expect(a).to.deep.equal({
+        type: types.SET_OPTIONS,
+        options,
+      });
+    });
+  });
+
+  describe('setQueryParams', () => {
+    it('should dispatch related redux action', () => {
+      const reduxStore = {
+        dispatch: sinon.stub(),
+      };
+      const customQueryParams = {
+        foo: 'bar',
+      };
+
+      actions.setQueryParams({ reduxStore }, customQueryParams);
+      const a = reduxStore.dispatch.args[0][0];
+      expect(a).to.deep.equal({
+        type: types.SET_QUERY_PARAMS,
+        customQueryParams,
+      });
+    });
+  });
+});