Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tiny with react ui #275

Closed
wants to merge 459 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
459 commits
Select commit Hold shift + click to select a range
06fee9a
Add padding to blockquote
ellatrix Mar 8, 2017
be75517
Merge pull request #209 from WordPress/update/single-prototype
jasmussen Mar 8, 2017
5037e59
TinyMCE per block: Disable arrow buttons for moving blocks when nece…
youknowriad Mar 8, 2017
5af6a1c
Add inserter styles
ellatrix Mar 8, 2017
5be1763
Register element block group and create separate map
ellatrix Mar 8, 2017
e225df8
Make sure all editor text inherits the same font size
ellatrix Mar 8, 2017
833f04e
Add insert menu separators
ellatrix Mar 8, 2017
fdb5cf8
Merge pull request #211 from WordPress/add/tinymce-single/insert
ellatrix Mar 8, 2017
d5350b4
Adjust inserting for heading and paragraph
ellatrix Mar 8, 2017
8848ab3
Merge pull request #212 from WordPress/add/tinymce-single/insert
ellatrix Mar 8, 2017
56e487d
TinyMCE per block: Fix Inline inserter (#213)
youknowriad Mar 8, 2017
b02b118
TinyMCE per block: Allowing two quote styles (#216)
youknowriad Mar 9, 2017
30f90ce
TinyMCE per block: Neutral image/embed block state hides the empty ca…
youknowriad Mar 9, 2017
924af55
Allow insertion by returning string or node
ellatrix Mar 9, 2017
8ea78fe
Merge pull request #218 from WordPress/add/tinymce-single/insert
ellatrix Mar 9, 2017
4e160e0
Show UI on block insertion
ellatrix Mar 9, 2017
a5af2a1
Fix list type toggle
ellatrix Mar 9, 2017
1086f9e
Merge pull request #220 from WordPress/add/tinymce-single/insert
ellatrix Mar 9, 2017
df9e9ac
Add second quote style
ellatrix Mar 9, 2017
67d95be
Merge pull request #221 from WordPress/add/tinymce-single/quote-2
ellatrix Mar 9, 2017
f6b48ac
Try quote with cite
ellatrix Mar 9, 2017
2ab62d7
Merge pull request #222 from WordPress/add/tinymce-single/quote-2
ellatrix Mar 9, 2017
1836532
TinyMCE per block: Adding a neutral state hiding empty cites for the …
youknowriad Mar 9, 2017
87a472e
Remove blockquote should remove entire blockquote
ellatrix Mar 9, 2017
6420ddf
Merge pull request #224 from WordPress/add/tinymce-single/quote-2
ellatrix Mar 9, 2017
4cc02c5
Toggle lists to line breaks instead of paragraphs
ellatrix Mar 9, 2017
6e2e193
Merge pull request #225 from WordPress/try/tinymce-single/lists
ellatrix Mar 9, 2017
5e04872
Use contenteditable false for object blocks
ellatrix Mar 9, 2017
a5b6bf7
Merge pull request #226 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 9, 2017
5b5d0de
Clean up block UI logic
ellatrix Mar 9, 2017
6b14565
Merge pull request #227 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 9, 2017
6c9b380
Disable arrow buttons when appropriate
ellatrix Mar 10, 2017
872453f
Merge pull request #228 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 10, 2017
cef605e
Update Mockups, March 10th.
jasmussen Mar 10, 2017
0f8826c
Move figcaption button to block registration
ellatrix Mar 10, 2017
3ad341d
Merge pull request #232 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 10, 2017
a113dac
TinyMCE per block: API refactor (#230)
youknowriad Mar 10, 2017
da1825f
Use TinyMCE nightly for contenteditable false fixes
ellatrix Mar 10, 2017
5864e9b
Merge pull request #234 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 10, 2017
c7d860a
TinyMCE per block: Extract the "reducer" logic (#233)
youknowriad Mar 10, 2017
2c923e4
Remove temporary fixes
ellatrix Mar 10, 2017
f864b2e
Merge pull request #235 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 10, 2017
d04171f
Merge pull request #231 from WordPress/update/mockups
mtias Mar 10, 2017
d100ad5
Fix README linebreaks
jasmussen Mar 10, 2017
b962d79
Merge pull request #236 from WordPress/update/readme-linebreaks
jasmussen Mar 10, 2017
87b9d2f
TinyMCE per block: Fix the inserter and drop the type icon from sideb…
youknowriad Mar 10, 2017
6f04c5e
Allow blocks to register editable fields
ellatrix Mar 10, 2017
33f99c6
Merge pull request #238 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 10, 2017
11409ce
Adjust blockquote markup based on shared post content
ellatrix Mar 10, 2017
72e032b
Merge pull request #239 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 10, 2017
1e84c95
TinyMCE per block: Adjust the citation style (#240)
youknowriad Mar 10, 2017
8e7c820
Only allow inline elements within block editable fields
ellatrix Mar 10, 2017
69835ba
Merge pull request #241 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 10, 2017
6a08eb6
Restrict setting content in blockquote footer
ellatrix Mar 10, 2017
3946b5a
Merge pull request #242 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 10, 2017
4c2f7fa
Disable end_container_on_empty_block
ellatrix Mar 10, 2017
ad0a60c
Merge pull request #243 from WordPress/try/tinymce-single/contentedit…
ellatrix Mar 10, 2017
602af98
TinyMCE per block: Small tweaks (#244)
youknowriad Mar 11, 2017
a475341
Add media placeholders
ellatrix Mar 11, 2017
1608a01
Merge pull request #245 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 11, 2017
72444c7
Try drag and drop on block outline
ellatrix Mar 11, 2017
7c9069f
Merge pull request #246 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 11, 2017
fa065b4
Adjust drag element
ellatrix Mar 11, 2017
adbc2bd
Merge pull request #247 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 11, 2017
0544508
Add table block
ellatrix Mar 12, 2017
3da7879
TinyMCE per block: Showing moving block controls on hover (#250)
youknowriad Mar 13, 2017
9649f8a
TinyMCE per block: One enter don't split the block, two enters do (#251)
youknowriad Mar 13, 2017
7d4684b
WIP: Add basic text type switcher
ellatrix Mar 13, 2017
86b561b
Merge pull request #252 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 13, 2017
7e5aa02
TinyMCE per block: Delete unnecessary abstraction (#253)
youknowriad Mar 13, 2017
e0be64d
Add hover line + drag. See #249. Props @mimo84.
ellatrix Mar 13, 2017
5ccf69a
Merge branch 'mimo84-hoverDrag'
ellatrix Mar 13, 2017
fa017ec
Only remove contenteditable false for element blocks after drag
ellatrix Mar 13, 2017
be41008
Hide hover outline outside editor and for typing
ellatrix Mar 13, 2017
4e4ae5c
Polish TinyMCE microprototype.
jasmussen Mar 13, 2017
bef6be3
Keep the selection on drop
mimo84 Mar 13, 2017
e8fbfe5
Add icons to type switcher
ellatrix Mar 13, 2017
9b3be96
Merge pull request #257 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 13, 2017
7f7e0eb
Add Noto font.
jasmussen Mar 13, 2017
7d9ec80
Merge pull request #254 from WordPress/add/tinymce-polish
jasmussen Mar 13, 2017
da19a7b
Put type switcher in separate group
ellatrix Mar 13, 2017
c3847a6
Merge pull request #258 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 13, 2017
588157a
Merge pull request #255 from mimo84/selectionDrop
ellatrix Mar 13, 2017
4ae81ba
Use paragraph icon
ellatrix Mar 13, 2017
4872b36
Merge pull request #260 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 13, 2017
5295e59
Full Width CSS for the iframe in embedded content!
Mar 13, 2017
7ff3d0d
TinyMCE per block: Applying the full-width for the generated html as …
youknowriad Mar 13, 2017
ef46c0a
Adjust caption/citation style
ellatrix Mar 13, 2017
462fd9c
Move elements under core namespace
ellatrix Mar 13, 2017
1039906
Add caption placeholder on select, remove empty on deselect. See #91.
ellatrix Mar 13, 2017
1cf8bec
Add placeholders
ellatrix Mar 13, 2017
9514707
Merge pull request #261 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 13, 2017
f43b0de
TinyMCE per block: Clicking outside the editor deselect all blocks
youknowriad Mar 13, 2017
d7b7714
Add custom text block for testing
ellatrix Mar 13, 2017
e2f6557
Add alignment to custom box
ellatrix Mar 13, 2017
3bb7a3d
tiny-with-react-ui: initial commit
Mar 14, 2017
713b5bd
tiny-with-react-ui: use props for content and remove other prototype
Mar 14, 2017
da4c605
tiny-with-react-ui: pull in ui modules
Mar 14, 2017
fd6cb8b
tiny-with-react-ui: First round
mimo84 Mar 14, 2017
d1d6e83
tiny-with-react-ui: swap out react-tinymce for the text-block editor …
Mar 14, 2017
2bce5c4
tiny-with-react-ui: Merge remote-tracking branch 'mimo84/tiny-with-re…
Mar 14, 2017
cc579e7
tiny-with-react-ui: buttons
mimo84 Mar 14, 2017
f849594
tiny-with-react-ui: debuggin
Mar 14, 2017
8348415
tiny-with-react-ui: add redux
Mar 14, 2017
d40f3a3
tiny-with-react-ui: Merge remote-tracking branch 'mimo84/tiny-with-re…
Mar 14, 2017
1870b19
tiny-with-react-ui: Components
mimo84 Mar 14, 2017
6f96aef
tiny-with-react-ui: New classes and styles
mimo84 Mar 14, 2017
6472e58
tiny-with-react-ui: stuff
mimo84 Mar 14, 2017
eb76398
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
mimo84 Mar 14, 2017
097b6bd
tiny-with-react-ui: React styles
mimo84 Mar 14, 2017
4967eb6
tiny-with-react-ui: adding in example of redux
Mar 14, 2017
a2393d7
tiny-with-react-ui: cleanup
Mar 14, 2017
49daf4c
tiny-with-react-ui: util for redux
Mar 14, 2017
4e4f89a
tiny-with-react-ui: add in the redux demo
Mar 14, 2017
49c184d
tiny-with-react-ui: Merge remote-tracking branch 'mimo84/tiny-with-re…
Mar 14, 2017
1f796ca
tiny-with-react-ui: add the alt prototype as a 4th page
Mar 14, 2017
05b11d1
tiny-with-react-ui: bad merge conflict resolution
Mar 14, 2017
dc6e776
tiny-with-react-ui: prototype 3 code
Mar 14, 2017
bb753e7
tiny-with-react-ui: moving around
Mar 14, 2017
584d163
tiny-with-react-ui: ignore
Mar 14, 2017
67cd7f9
tiny-with-react-ui: moved
Mar 14, 2017
f27d38f
tiny-with-react-ui: focus outline fixed
mimo84 Mar 14, 2017
452aaa0
tiny-with-react-ui: Colors for variables
mimo84 Mar 14, 2017
21546d9
tiny-with-react-ui: buttons
mimo84 Mar 14, 2017
5f333b5
tiny-with-react-ui: varibles and buttons
mimo84 Mar 14, 2017
7124b1f
tiny-with-react-ui: tidy
Mar 14, 2017
794df83
tiny-with-react-ui: use immutable and redux-actions
Mar 14, 2017
88ebb14
tiny-with-react-ui: actions
Mar 14, 2017
5bd24c3
tiny-with-react-ui: split out focus and blur
Mar 14, 2017
0420fe1
tiny-with-react-ui: add focus and blur methods
Mar 14, 2017
0818b9c
tiny-with-react-ui: align
mimo84 Mar 14, 2017
1ef9289
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
mimo84 Mar 14, 2017
ca77663
tiny-with-react-ui: add current node to state, on blur and focus
Mar 14, 2017
22e930e
tiny-with-react-ui: second toolbar
mimo84 Mar 14, 2017
4eb19e8
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
mimo84 Mar 14, 2017
0262803
Fix selection issues
ellatrix Mar 14, 2017
0fdff89
Merge pull request #263 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 14, 2017
c38fb24
Don't clone temporary attributes on enter
ellatrix Mar 14, 2017
86e7dab
tiny-with-react-ui: styles
mimo84 Mar 14, 2017
9abc4b8
Pad empty elements in case the browser deletes them on backspace
ellatrix Mar 14, 2017
81d108d
Merge pull request #264 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 14, 2017
2d4a4fb
Delete empty block on backspace
ellatrix Mar 14, 2017
678a1f5
Fix caption focus in Firefox
ellatrix Mar 14, 2017
94e87cd
Don't add undo level for backspace fix
ellatrix Mar 14, 2017
dd3607e
Merge pull request #265 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 14, 2017
5d17ca2
tiny-with-react-ui: Dropbuttons implementation in progress
mimo84 Mar 14, 2017
77bc305
tiny-with-react-ui: add nodechange event
Mar 14, 2017
3e776af
tiny-with-react-ui: dropbutton
mimo84 Mar 14, 2017
34f7cc0
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 14, 2017
ca1aee1
tiny-with-react-ui: buttons
mimo84 Mar 14, 2017
26fe6d0
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
mimo84 Mar 14, 2017
0adb24e
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 14, 2017
2929d73
TinyMCE per block: Adding some documentation about the API to the README
youknowriad Mar 14, 2017
c3f6f53
Polish blockquote styles.
jasmussen Mar 14, 2017
c7638fa
Polish animations
jasmussen Mar 14, 2017
52438c5
Polish quote style 2.
jasmussen Mar 14, 2017
e7fbae6
Update the build app.js
youknowriad Mar 14, 2017
87fad43
Merge pull request #267 from WordPress/add/per-block/doc
mtias Mar 14, 2017
3b2284f
Create ready.md
ellatrix Mar 14, 2017
b24dfb9
Rename ready.md to readme.md
ellatrix Mar 14, 2017
34b2f2c
Fix caption check on deselect
ellatrix Mar 14, 2017
a08cdec
Merge pull request #268 from WordPress/update/tinymce-single/mock-ups
ellatrix Mar 14, 2017
81a56cf
tiny-with-react-ui: add the store provider
Mar 14, 2017
914477f
tiny-with-react-ui: tag utils
Mar 14, 2017
81b951d
tiny-with-react-ui: handle the redux init msg
Mar 14, 2017
eb9a4d1
tiny-with-react-ui: hook up buttons to status logic
Mar 14, 2017
8ff1ca0
tiny-with-react-ui: sourcemaps and toolbar rtl
mimo84 Mar 14, 2017
e50afdc
tiny-with-react-ui: fixup provider/app
Mar 14, 2017
fdc8cf6
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
mimo84 Mar 14, 2017
6a63570
tiny-with-react-ui: Split toolbars
mimo84 Mar 14, 2017
a945319
tiny-with-react-ui: hook up selection prop to toolbars
Mar 14, 2017
18615d1
tiny-with-react-ui: initial state is null
Mar 14, 2017
a82713c
tiny-with-react-ui: add selection as first param
Mar 14, 2017
aeabc9f
tiny-with-react-ui: immutable dosent like tiny.dom.Selection objects …
Mar 15, 2017
64953e7
tiny-with-react-ui: wip
mimo84 Mar 15, 2017
40425cb
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
3047983
tiny-with-react-ui: Blocktoolbar and inline toolbar
mimo84 Mar 15, 2017
7c7f1ed
tiny-with-react-ui: cleanup
Mar 15, 2017
502b223
tiny-with-react-ui: New toolbar
mimo84 Mar 15, 2017
b9f856e
tiny-with-react-ui: wip
mimo84 Mar 15, 2017
ebcf407
tiny-with-react-ui: wip
Mar 15, 2017
ce4c0e6
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
8bfda3e
tiny-with-react-ui: helper funs that need to be somewhere better
Mar 15, 2017
487579a
tiny-with-react-ui: add helpers
Mar 15, 2017
22473e6
tiny-with-react-ui: fix logic
Mar 15, 2017
9f762bc
tiny-with-react-ui: first cut working
Mar 15, 2017
770839f
tiny-with-react-ui: incremental
mimo84 Mar 15, 2017
8127a2b
tiny-with-react-ui: get the top level block
Mar 15, 2017
3249c2f
tiny-with-react-ui: new changes
mimo84 Mar 15, 2017
a73c560
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
e800970
tiny-with-react-ui: add ref to editor in state
Mar 15, 2017
719cc11
Only show UI on setSelectionRange for non editable blocks. Fixes #269.
ellatrix Mar 15, 2017
dcac834
Revert "Keep the selection on drop"
ellatrix Mar 15, 2017
533809c
tiny-with-react-ui: changes
mimo84 Mar 15, 2017
e6890a7
tiny-with-react-ui: changes
mimo84 Mar 15, 2017
752d6b3
tiny-with-react-ui: changes
mimo84 Mar 15, 2017
7fa5d51
tiny-with-react-ui: hovering
mimo84 Mar 15, 2017
3068fa0
tiny-with-react-ui: coffee
mimo84 Mar 15, 2017
0231d2b
tiny-with-react-ui: committed too early
mimo84 Mar 15, 2017
7e487d5
wip
intronic Mar 15, 2017
cf35586
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
267cb1d
tiny-with-react-ui: wip (reverted from commit 7e487d5dee998a72d150dce…
Mar 15, 2017
507993b
tiny-with-react-ui: colors
mimo84 Mar 15, 2017
bfb2328
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
6a4363f
Update mockups
jasmussen Mar 15, 2017
9aa840e
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
mimo84 Mar 15, 2017
0b7c5dd
Merge pull request #270 from WordPress/add/mockups
jasmussen Mar 15, 2017
6b77d10
tiny-with-react-ui: fix
mimo84 Mar 15, 2017
50caedd
Fix weirdly broken markdown
jasmussen Mar 15, 2017
0875e86
Merge pull request #271 from WordPress/update/readme
jasmussen Mar 15, 2017
ab8117f
Adjust custom enter behaviour
ellatrix Mar 15, 2017
1fd95c0
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
ba42072
tiny-with-react-ui: fix css
mimo84 Mar 15, 2017
f3da364
tiny-with-react-ui: css fix
mimo84 Mar 15, 2017
8d23365
tiny-with-react-ui: color changes
mimo84 Mar 15, 2017
3a54a09
tiny-with-react-ui: add range
Mar 15, 2017
e4cf189
tiny-with-react-ui: add range to state
Mar 15, 2017
c9703c7
tiny-with-react-ui: position the Inline toolbar near the start of the…
Mar 15, 2017
1c1da9b
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
305911f
tiny-with-react-ui: wip
mimo84 Mar 15, 2017
18261e1
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
mimo84 Mar 15, 2017
c7ba3f5
tiny-with-react-ui: toolbar inline looks ok
mimo84 Mar 15, 2017
3e4d6dc
tiny-with-react-ui: pass rect objects
Mar 15, 2017
4c935da
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
f44503a
Only show inline UI on editable areas
ellatrix Mar 15, 2017
65f3e18
tiny-with-react-ui: add node
Mar 15, 2017
6346202
tiny-with-react-ui: moving on the blocks
mimo84 Mar 15, 2017
f542a86
tiny-with-react-ui: unused code
Mar 15, 2017
1161921
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
174cd74
tiny-with-react-ui: refactor into Turducken and store stuff
Mar 15, 2017
4db66ff
tiny-with-react-ui: moved the action code
Mar 15, 2017
71e1a7a
tiny-with-react-ui: make it a pure function
Mar 15, 2017
6a847ed
tiny-with-react-ui: toolbar
mimo84 Mar 15, 2017
703e68e
tiny-with-react-ui: following the button
mimo84 Mar 15, 2017
5994f82
tiny-with-react-ui: button pos
mimo84 Mar 15, 2017
aec9361
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
mimo84 Mar 15, 2017
9bc458e
tiny-with-react-ui: button styles
mimo84 Mar 15, 2017
212b97f
tiny-with-react-ui: fix up
Mar 15, 2017
61834e2
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
ed80a49
tiny-with-react-ui: Toolbar keeps the position
mimo84 Mar 15, 2017
f79d57d
tiny-with-react-ui: deleted
Mar 15, 2017
8bd07fe
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
Mar 15, 2017
69f73aa
tiny-with-react-ui: cleanup
Mar 15, 2017
8031975
tiny-with-react-ui: cleanup
Mar 15, 2017
e655503
tiny-with-react-ui: update
Mar 15, 2017
0837b7b
tiny-with-react-ui: update
Mar 15, 2017
2385d06
tiny-with-react-ui: Merge remote-tracking branch 'wordpress/master' i…
Mar 15, 2017
4415815
tiny-with-react-ui: block around not accounting for scroll
mimo84 Mar 15, 2017
eac4db6
tiny-with-react-ui: Merge branch 'tiny-with-react-ui' of https://gith…
mimo84 Mar 15, 2017
f564749
tiny-with-react-ui: build
mimo84 Mar 15, 2017
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions .editorconfig
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
# http://editorconfig.org
root = true

[*]
indent_style = tab
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[package.json]
indent_style = space
indent_size = 2

[*.md]
trim_trailing_whitespace = false
52 changes: 52 additions & 0 deletions .eslintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
{
"root": true,
"extends": "wordpress",
"env": {
"browser": true
},
"rules": {
"array-bracket-spacing": [ "error", "always" ],
"brace-style": [ "error", "1tbs" ],
"comma-spacing": "error",
"comma-style": "error",
"computed-property-spacing": [ "error", "always" ],
"dot-notation": "error",
"eol-last": "error",
"func-call-spacing": "error",
"indent": [ "error", "tab", { "SwitchCase": 1 } ],
"key-spacing": "error",
"keyword-spacing": "error",
"no-console": "error",
"no-debugger": "error",
"no-dupe-args": "error",
"no-dupe-keys": "error",
"no-duplicate-case": "error",
"no-else-return": "error",
"no-extra-semi": "error",
"no-lonely-if": "error",
"no-mixed-spaces-and-tabs": "error",
"no-multiple-empty-lines": [ "error", { "max": 1 } ],
"no-multi-spaces": "error",
"no-negated-in-lhs": "error",
"no-nested-ternary": "error",
"no-redeclare": "error",
"no-shadow": "error",
"no-unreachable": "error",
"no-use-before-define": [ "error", "nofunc" ],
"object-curly-spacing": [ "error", "always" ],
"padded-blocks": [ "error", "never" ],
"quote-props": [ "error", "as-needed", { "keywords": true } ],
"semi": "error",
"semi-spacing": "error",
"space-before-blocks": [ "error", "always" ],
"space-before-function-paren": [ "error", "never" ],
"space-in-parens": [ "error", "always" ],
"space-infix-ops": [ "error", { "int32Hint": false } ],
"space-unary-ops": [ "error", {
"overrides": {
"!": true
}
} ],
"valid-jsdoc": [ "error", { "requireReturn": false } ]
}
}
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
node_modules
.vscode/
183 changes: 180 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,16 @@
Prototyping since 1440.

This is the development and prototyping hub for the editor focus in core.
Gutenberg is the project name. Conversations and discussions take place in #core-editor in Slack.

> The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery. — Matt Mullenweg

WordPress already supports a large amount of "blocks", but doesn't surface them very well, nor give them many rich layout options. By embracing the blocky nature, we can hopefully surface blocks that already exist, as well as attach more advanced layout options to each of them, allowing you to easily write richer posts.

## Overview

- <a href="https://make.wordpress.org/design/2017/01/25/what-are-little-blocks-made-of">What are little blocks made of?</a>
- <a href="https://make.wordpress.org/core/2017/01/17/editor-technical-overview/">Editor Technical Overview</a>
- Mockups: https://cloudup.com/c9pKpaoDpQ4

## Prototypes

Expand All @@ -22,6 +24,181 @@ This is the development and prototyping hub for the editor focus in core.

- <a href="https://github.com/Automattic/wp-post-grammar">WP Post grammar parser</a>.

----
## How Designers Can Contribute

The editor we're building means to make the editing experience better for every WordPress user, by creating an interface that "makes writing rich posts effortless, and has 'blocks' to make it easy what today might take shortcodes, custom HTML, or 'mystery meat' embed discovery", to quote the kickoff goal.

That is difficult. So your designer eyes and help is appreciated, in what capacity you'd like to contribute.

A good place to start is having a look at <a href="https://github.com/WordPress/gutenberg#mockups">the current mockups</a> and <a href="https://wordpress.github.io/gutenberg/">the UI prototype</a>. We also have a GitHub repository, where <a href="https://github.com/WordPress/gutenberg/issues?q=is%3Aissue+is%3Aopen+label%3ADesign">anything labelled "Design"</a> could use thoughtful replies, mockups, animatics, sketches, doodles.

With regards to specific changes to the design, the details & execution (like colors, borders, shadows), those are best done as minimal and specific iterations on the work that precedes it, so we can ideally compare. That doesn't preclude wild ideas, but should be considered for precise tasks like "give the pressed buttons more contrast", things in that vein.

Grab the Sketch file so you don't have to start from scratch:

**<a href="https://cloudup.com/cMPXM8Va2cy">Download, Updated Mar. 15th.</a>**

## Mockups

These mockups are all subject to change and feedback.

**Basic Blocks**

_Text_

![Text, Neutral](mockups/Text,%20Neutral.png)

_Text, Hover_

![Text, Hover](mockups/Text,%20Hover.png)

_Text, Selected_

![Text, Selected](mockups/Text,%20Selected.png)

---

_Empty Image_

![Empty Image](mockups/Image,%20Empty.png)

_Empty Image, Hover_

![Empty Image, Hover](mockups/Image,%20Empty,%20Hover.png)

_Image_

![Image, Neutral](mockups/Image,%20Neutral.png)

_Image, Hover_

![Image, Hover](mockups/Image,%20Hover.png)

_Image, Selected_

![Image, Selected](mockups/Image,%20Selected.png)

_Image, Caption_

![Image, Caption](mockups/Image,%20Caption.png)

---

_Empty Quote_

![Empty Quote](mockups/Quote,%20Empty.png)

_Empty Quote, Hover_

![Empty Quote, Hover](mockups/Quote,%20Empty,%20Hover.png)

_Quote_

![Quote, Neutral](mockups/Quote,%20Neutral.png)

_Quote, Hover_

![Quote, Hover](mockups/Quote,%20Hover.png)

_Quote, Selected_

![Quote, Selected](mockups/Quote,%20Selected.png)

_Quote, Citation_

![Quote, Citation](mockups/Quote,%20Citation.png)

_Quote 2_

![Quote 2, Neutral](mockups/Quote%202,%20Neutral.png)

_Quote 2, Hover_

![Quote 2, Hover](mockups/Quote%202,%20Hover.png)

_Quote 2, Selected_

![Quote 2, Selected](mockups/Quote%202,%20Selected.png)

---

_Heading_

![Heading, Neutral](mockups/Heading,%20Neutral.png)

_Heading, Hover_

![Heading, Hover](mockups/Heading,%20Hover.png)

_Heading, Selected_

![Heading, Selected](mockups/Heading,%20Selected.png)

---

_Empty Embed_

![Empty Embed, Neutral](mockups/Empty%20Embed,%20Neutral.png)

_Empty Embed, Hover_

![Empty Embed, Hover](mockups/Empty%20Embed,%20Hover.png)

_Embed, Neutral_

![Embed, Neutral](mockups/Embed,%20Neutral.png)

_Embed, Hover_

![Embed, Hover](mockups/Embed,%20Hover.png)

_Embed, Selected_

![Embed, Selected](mockups/Embed,%20Selected.png)

_Embed, Caption_

![Embed, Caption](mockups/Embed,%20Caption.png)

---

_Gallery_

![Gallery, Neutral](mockups/Gallery,%20Neutral.png)

_Gallery, Hover_

![Gallery, Hover](mockups/Gallery,%20Hover.png)

_Gallery, Selected_

![Gallery, Selected](mockups/Gallery,%20Selected.png)

_Gallery, Selected Image_

![Gallery, Selected Image](mockups/Gallery,%20Selected%20Image.png)

_Gallery, Caption_

![Gallery, Caption](mockups/Gallery,%20Caption.png)

---

_Basic UI controls_

![Drag and drop](mockups/Drag%20and%20drop.png)
![Insert](mockups/Insert.png)
![Newlines](mockups/Newlines.png)
![Type Switcher](mockups/Type%20Switcher.png)

**Early Admin UI Concept**

**Note:** This is how it _could_ look.

![Admin UI](mockups/Admin%20UI.png)

![Admin UI, Sidebar Open](mockups/Admin%20UI,%20Sidebar%20Open.png)

**Early Mobile UI Concept**

Conversations and discussions take place in #core-editor in Slack.
![Mobile](mockups/Mobile.png)
Loading