WIP - Global UI

.babelrc

@@ -7,7 +7,6 @@
     "react"
   ],
   "plugins": [
-    "react-hot-loader/babel",
     "lodash",
     ["babel-plugin-transform-builtin-extend", {
       "globals": ["Error"]

example/config.yml

@@ -1,11 +1,15 @@
 backend:
   name: test-repo
 
+display_url: https://example.com
 media_folder: "assets/uploads"
 
 collections: # A list of collections the CMS should be able to edit
   - name: "posts" # Used in routes, ie.: /admin/collections/:slug/edit
     label: "Post" # Used in the UI, ie.: "New Post"
+    description: >
+      The description is a great place for tone setting, high level information, and editing
+      guidelines that are specific to a collection.
     folder: "_posts"
     slug: "{{year}}-{{month}}-{{day}}-{{slug}}"
     create: true # Allow users to create new documents in this collection

package.json

@@ -11,8 +11,6 @@
     "build:scripts": "cross-env NODE_ENV=production webpack --config webpack.cli.js",
     "add-contributor": "all-contributors add",
     "generate-contributors": "all-contributors generate",
-    "storybook": "start-storybook -p 9001",
-    "storybook-build": "build-storybook -o dist",
     "lint": "npm run lint:js & npm run lint:css",
     "lint:js": "eslint .",
     "lint:js:fix": "npm run lint:js -- --fix",
@@ -73,7 +71,6 @@
     "last 2 ChromeAndroid versions"
   ],
   "devDependencies": {
-    "@kadira/storybook": "^1.36.0",
     "all-contributors-cli": "^4.4.0",
     "babel": "^6.5.2",
     "babel-cli": "^6.18.0",
@@ -87,7 +84,6 @@
     "babel-preset-react": "^6.23.0",
     "babel-preset-stage-1": "^6.22.0",
     "babel-runtime": "^6.23.0",
-    "caniuse-lite": "^1.0.30000745",
     "cross-env": "^5.0.2",
     "css-loader": "^0.28.7",
     "cssnano": "^v4.0.0-rc.2",
@@ -110,7 +106,6 @@
     "postcss-import": "^11.0.0",
     "postcss-loader": "^2.0.7",
     "raf": "^3.4.0",
-    "react-hot-loader": "^3.0.0-beta.7",
     "react-test-renderer": "^16.0.0",
     "style-loader": "^0.18.2",
     "stylefmt": "^4.3.1",
@@ -119,8 +114,8 @@
     "stylelint-config-standard": "^13.0.2",
     "stylelint-declaration-block-order": "^0.1.0",
     "stylelint-declaration-use-variable": "^1.6.0",
+    "svg-inline-loader": "^0.8.0",
     "uglifyjs-webpack-plugin": "^1.0.1",
-    "url-loader": "^0.5.9",
     "webpack": "^3.6.0",
     "webpack-dev-server": "^2.9.1",
     "webpack-merge": "^4.1.0",
@@ -129,7 +124,6 @@
   "dependencies": {
     "classnames": "^2.2.5",
     "create-react-class": "^15.6.0",
-    "focus-trap-react": "^3.0.3",
     "fuzzy": "^0.1.1",
     "gotrue-js": "^0.9.15",
     "gray-matter": "^3.0.6",
@@ -140,27 +134,28 @@
     "jwt-decode": "^2.1.0",
     "localforage": "^1.4.2",
     "lodash": "^4.13.1",
-    "material-design-icons": "^3.0.1",
     "mdast-util-definitions": "^1.2.2",
     "mdast-util-to-string": "^1.0.4",
     "moment": "^2.11.2",
-    "normalize.css": "^4.2.0",
     "prop-types": "^15.5.10",
     "react": "^16.0.0",
+    "react-aria-menubutton": "^5.1.0",
     "react-autosuggest": "^9.3.2",
-    "react-datetime": "^2.6.0",
+    "react-datetime": "^2.11.0",
     "react-dnd": "^2.5.4",
     "react-dnd-html5-backend": "^2.5.4",
     "react-dom": "^16.0.0",
     "react-frame-component": "^2.0.0",
     "react-immutable-proptypes": "^2.1.0",
+    "react-modal": "^3.1.5",
     "react-redux": "^4.4.0",
     "react-router-dom": "^4.2.2",
     "react-router-redux": "^5.0.0-alpha.8",
-    "react-sidebar": "^2.2.1",
+    "react-scroll-sync": "^0.4.0",
     "react-sortable-hoc": "^0.6.8",
     "react-split-pane": "^0.1.66",
-    "react-toolbox": "^2.0.0-beta.12",
+    "react-textarea-autosize": "^5.2.0",
+    "react-toggled": "^1.1.2",
     "react-topbar-progress-indicator": "^2.0.0",
     "react-transition-group": "^2.2.1",
     "react-waypoint": "^7.1.0",
@@ -189,7 +184,8 @@
     "unist-builder": "^1.0.2",
     "unist-util-visit-parents": "^1.1.1",
     "url": "^0.11.0",
-    "uuid": "^3.1.0"
+    "uuid": "^3.1.0",
+    "what-input": "^5.0.3"
   },
   "optionalDependencies": {
     "fsevents": "^1.0.14"

postcss.config.js

@@ -3,17 +3,7 @@ const webpack = require('webpack');
 module.exports = {
   plugins: [
     require('postcss-import')({ addDependencyTo: webpack }),
-    require('postcss-cssnext')({
-      features: {
-        customProperties: {
-          variables: {
-            "preferred-font": 'inherit', // Override react-toolbox font setting
-          },
-        },
-      },
-    }),
-    require('cssnano')({
-      preset: 'default',
-    }),
+    require('postcss-cssnext')(),
+    require('cssnano')({ preset: 'default' }),
   ],
 };

src/actions/auth.js

@@ -1,5 +1,5 @@
-import { currentBackend } from '../backends/backend';
 import { actions as notifActions } from 'redux-notifications';
+import { currentBackend } from 'Backends/backend';
 
 const { notifSend } = notifActions;
 

src/actions/collections.js

@@ -0,0 +1,14 @@
+import history from 'Routing/history';
+import { getCollectionUrl, getNewEntryUrl } from 'Lib/urlHelper';
+
+export function searchCollections(query) {
+  history.push(`/search/${query}`);
+}
+
+export function showCollection(collectionName) {
+  history.push(getCollectionUrl(collectionName));
+}
+
+export function createNewEntry(collectionName) {
+  history.push(getNewEntryUrl(collectionName));
+}

src/actions/config.js

@@ -1,7 +1,7 @@
 import yaml from "js-yaml";
 import { set, defaultsDeep, get } from "lodash";
-import { authenticateUser } from "../actions/auth";
-import * as publishModes from "../constants/publishModes";
+import { authenticateUser } from "Actions/auth";
+import * as publishModes from "Constants/publishModes";
 
 export const CONFIG_REQUEST = "CONFIG_REQUEST";
 export const CONFIG_SUCCESS = "CONFIG_SUCCESS";