WIP - Global UI (#785)
* update top bar and collections sidebar UI * update collection entries UI * improve global layout * merge search page into collection page * enable new entry button * search fixup * wip -initial editor update * update editor scrolling and markdown toolbar position * wip * editor toolbar progress * editor toolbar wip * finished basic editor toolbar * add standalone toggle component * improve markdown toolbar spacing * add user avatar placeholder * finish markdown toggle styling * refactor icon setup, add new icons * add new icons to markdown editor toolbar * remove extra app container * add markdown active mark style * relation and text widget styling * widget design updates, basic list/object design update * widget style updates, image widget improvements * refactor widget directory, fix file removal * widget focus styles * finish editor widget focus styles * migrate media library modal to react-modal * wip - migrate editor component form to modal * wip - move editor component form to modal * wip - embed plugin forms in the editor * inline shortcode forms working * disable react hot loading, its breaking things * improve shortcode form styles * make shortcode form collapsible, improve styling * add close functionality to shortcode blocks * improve base media library styling * fix shortcode label * migrate unstyled workflow to new UI * wip - reorganizing everything * more work moving everything * finish more moving and eliminating stuff * restructure, remove react-toolbox * wip - removing old stuff, more restructure * finish restructure * wip - css arch * switch back to test repo * update react-datetime to ^2.11.0 * remove leftover react-toolbox button * more restructuring clean-up * fix UI component directory case * wip -css editor control style * wip - consolidate widget styles * wip - use a single control renderer * fixed object values breaking * wip - editor control active styles * pass control wrapper to widgets * ensure branch name is trimmed * wip - improve widget authoring support * import Map to Widget component * refactor toolbar buttons * wip - more widget active styles * break out editor toggle component * add local scroll sync back * update editor toggle icons * limit editor control pane content width * fix editor control spacing * migrate markdown toolbar stickiness to css * fix markdown toolbar border radius * temporarily use test backend * stop markdown toolbar from going to bottom * restore disabled markdown toolbar buttons for raw * test markdown widget without focus styles * more widget updates * remove card visuals from editor * disable dragging editor split off screen * use editorControl component for shortcode fields * make header site link configurable * add configurable collection descriptions * temporarily add example assets * add basic list view * remove outdated css mixins * add and implement search icon * activate quick add menu * visualize usable space in editor view * fix entry close, other improvements * wip - editorial workflow updates * some dropshadow and other CSS tweaks * workflow ui updates * add worfklow card buttons * fix workflow card button handlers * some dropshadow and other CSS tweaks * make workflow board wider * center workflow and collection views * add basic responsiveness * a bunch of fun UI fixes! a BUNCH! (#875) * give `.nc-entryEditor-toolbar-mainSection` left and right child divs * a bunch of fun UI fixes! a BUNCH! * remove obscure --buttonShadow * revert to test repo * fix not found page styling * allow workflow publishing from any column * disallow publishing from all columns, with feedback * fix new entry button * fix markdown state persisting across entries * enable simple workflow save and new from editor * update slug in address bar when saving new entry * wip - workflow updates, deletion working * add status change functionality to editor * wip - improving status change from editor * editor toolbar back button improvements, loading improvements, cleanup * progress on the media library UI cleanup * remove font smothing css * a quick fix for these buttons * tweaks * progress on media library modal— broken FYI * fix media library functionality, finish migrating footer * remove media library footer files * remove leftover css import * fix media library * editor publishing functionality complete (unstyled) * remove leftover loader var from media library * wip - editor publishing styles * add status dropdown styling * editor toolbar style updates * editor toolbar state improvements * progress on the media library UI cleanup, style improvements * finish editorial workflow editor styling * finish media library styling * fix config * add what-input to optimize focus styling * fix button * fix navigation blocking for simple workflow * improve simple workflow publishing * add avatar dropdown to editor top bar * style github and test-repo auth pages * add git gateway auth page styles * improve editor error styling
This commit is contained in:
Shawn Erquhart
GitHub
@ -2,9 +2,45 @@
|
||||
|
||||
const webpack = require('webpack');
|
||||
const path = require('path');
|
||||
const { partial } = require('lodash');
|
||||
const ExtractTextPlugin = require('extract-text-webpack-plugin');
|
||||
|
||||
const resolveAlias = partial(path.resolve, __dirname);
|
||||
const componentsDir = 'src/components';
|
||||
|
||||
module.exports = {
|
||||
/**
|
||||
* Use aliases to avoid relative path import hell.
|
||||
*/
|
||||
resolve: {
|
||||
alias: {
|
||||
/**
|
||||
* Components
|
||||
*/
|
||||
App: resolveAlias(`${componentsDir}/App/`),
|
||||
Collection: resolveAlias(`${componentsDir}/Collection/`),
|
||||
Editor: resolveAlias(`${componentsDir}/Editor/`),
|
||||
EditorWidgets: resolveAlias(`${componentsDir}/EditorWidgets/`),
|
||||
MarkdownPlugins: resolveAlias(`${componentsDir}/MarkdownPlugins/`),
|
||||
MediaLibrary: resolveAlias(`${componentsDir}/MediaLibrary/`),
|
||||
UI: resolveAlias(`${componentsDir}/UI/`),
|
||||
Workflow: resolveAlias(`${componentsDir}/Workflow/`),
|
||||
|
||||
/**
|
||||
* Top level src directories
|
||||
*/
|
||||
Actions: resolveAlias('src/actions/'),
|
||||
Backends: resolveAlias('src/backends/'),
|
||||
Constants: resolveAlias('src/constants/'),
|
||||
Formats: resolveAlias('src/formats/'),
|
||||
Integrations: resolveAlias('src/integrations/'),
|
||||
Lib: resolveAlias('src/lib/'),
|
||||
Reducers: resolveAlias('src/reducers/'),
|
||||
Redux: resolveAlias('src/redux/'),
|
||||
Routing: resolveAlias('src/routing/'),
|
||||
ValueObjects: resolveAlias('src/valueObjects/'),
|
||||
},
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
@ -17,31 +53,12 @@ module.exports = {
|
||||
List all of theme in the array
|
||||
*/
|
||||
test: /\.css$/,
|
||||
include: [/redux-notifications/, /normalize.css/],
|
||||
include: [/redux-notifications/],
|
||||
use: ExtractTextPlugin.extract({
|
||||
fallback: 'style-loader',
|
||||
use: 'css-loader',
|
||||
}),
|
||||
},
|
||||
{
|
||||
/* React-toolbox relies on PostCSS and css-modules */
|
||||
test: /\.css$/,
|
||||
include: [/react-toolbox/],
|
||||
use: ExtractTextPlugin.extract({
|
||||
fallback: 'style-loader',
|
||||
use: [
|
||||
{
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
modules: true,
|
||||
importLoaders: 1,
|
||||
localIdentName: "[name]__[local]__[hash:base64:8]"
|
||||
},
|
||||
},
|
||||
{ loader: 'postcss-loader' },
|
||||
],
|
||||
}),
|
||||
},
|
||||
{
|
||||
/* We use PostCSS for CMS styles */
|
||||
test: /\.css$/,
|
||||
@ -60,8 +77,9 @@ module.exports = {
|
||||
}),
|
||||
},
|
||||
{
|
||||
test: /\.(png|eot|woff|woff2|ttf|svg|gif)(\?v=\d+\.\d+\.\d+)?$/,
|
||||
use: { loader: "url-loader", options: { limit: 10000 } },
|
||||
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
|
||||
exclude: [/node_modules/],
|
||||
loader: 'svg-inline-loader',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user