Merge pull request facebookarchive#1026 from Daniel15/draftjsorg-updates

Daniel15 · web-flow · commit 7f83c9b942cd · 2017-02-24T23:40:16.000-08:00
Updates to move the site to draftjs.org
diff --git a/.gitignore b/.gitignore
@@ -6,6 +6,6 @@
 /examples/draft-0-10-0/tex/node_modules/
 /website/build/
 /website/node_modules/
-/website/src/draft-js/lib/
-/website/src/draft-js/docs/
+/website/src/lib/
+/website/src/docs/
 npm-debug.log
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# [Draft.js](https://facebook.github.io/draft-js/) [![Build Status](https://img.shields.io/travis/facebook/draft-js/master.svg?style=flat)](https://travis-ci.org/facebook/draft-js) [![npm version](https://img.shields.io/npm/v/draft-js.svg?style=flat)](https://www.npmjs.com/package/draft-js)
+# [Draft.js](http://draftjs.org/) [![Build Status](https://img.shields.io/travis/facebook/draft-js/master.svg?style=flat)](https://travis-ci.org/facebook/draft-js) [![npm version](https://img.shields.io/npm/v/draft-js.svg?style=flat)](https://www.npmjs.com/package/draft-js)
 
 Draft.js is a JavaScript rich text editor framework, built for React and
 backed by an immutable model.
@@ -15,7 +15,7 @@ with [immutable-js](https://facebook.github.io/immutable-js/), offering
 an API with functional state updates and aggressively leveraging data persistence
 for scalable memory usage.
 
-[Learn how to use Draft.js in your own project.](https://facebook.github.io/draft-js/docs/overview.html)
+[Learn how to use Draft.js in your own project.](http://draftjs.org/docs/overview.html)
 
 ## API Notice
 
@@ -72,7 +72,7 @@ Further examples of how Draft.js can be used are provided below.
 
 ### Examples
 
-Visit https://facebook.github.io/draft-js/ to try out a simple rich editor example.
+Visit http://draftjs.org/ to try out a simple rich editor example.
 
 The repository includes a variety of different editor examples to demonstrate
 some of the features offered by the framework.
diff --git a/docs/APIReference-CharacterMetadata.md b/docs/APIReference-CharacterMetadata.md
@@ -25,7 +25,7 @@ operations are already implemented and available via utility modules. The getter
 methods, however, may come in handy at render time.
 
 See the API reference on
-[ContentBlock](/draft-js/docs/api-reference-content-block.html#representing-styles-and-entities)
+[ContentBlock](/docs/api-reference-content-block.html#representing-styles-and-entities)
 for information on how `CharacterMetadata` is used within `ContentBlock`.
 
 ## Overview
diff --git a/docs/APIReference-CompositeDecorator.md b/docs/APIReference-CompositeDecorator.md
@@ -7,4 +7,4 @@ next: api-reference-data-conversion
 permalink: docs/api-reference-composite-decorator.html
 ---
 
-See the [advanced topic article on Decorators](/draft-js/docs/advanced-topics-decorators.html#compositedecorator).
+See the [advanced topic article on Decorators](/docs/advanced-topics-decorators.html#compositedecorator).
diff --git a/docs/APIReference-ContentBlock.md b/docs/APIReference-ContentBlock.md
@@ -171,7 +171,7 @@ any styling, decoration, or HTML information.
 getCharacterList(): List<CharacterMetadata>
 ```
 Returns an immutable `List` of `CharacterMetadata` objects, one for each
-character in the `ContentBlock`. (See [CharacterMetadata](/draft-js/docs/api-reference-character-metadata.html)
+character in the `ContentBlock`. (See [CharacterMetadata](/docs/api-reference-character-metadata.html)
 for details.)
 
 This `List` contains all styling and entity information for the block.
diff --git a/docs/APIReference-Editor.md b/docs/APIReference-Editor.md
@@ -15,7 +15,7 @@ component itself, `Editor`. Props are defined within
 
 ### Basics
 
-See [API Basics](/draft-js/docs/quickstart-api-basics.html) for an introduction.
+See [API Basics](/docs/quickstart-api-basics.html) for an introduction.
 
 #### editorState
 ```
@@ -62,7 +62,7 @@ the editor, on a per-block basis.
 blockRendererFn?: (block: ContentBlock) => ?Object
 ```
 Optionally set a function to define custom block rendering. See
-[Advanced Topics: Block Components](/draft-js/docs/advanced-topics-block-components.html)
+[Advanced Topics: Block Components](/docs/advanced-topics-block-components.html)
 for details on usage.
 
 #### blockStyleFn
@@ -71,7 +71,7 @@ blockStyleFn?: (block: ContentBlock) => string
 ```
 Optionally set a function to define class names to apply to the given block
 when it is rendered. See
-[Advanced Topics: Block Styling](/draft-js/docs/advanced-topics-block-styling.html)
+[Advanced Topics: Block Styling](/docs/advanced-topics-block-styling.html)
 for details on usage.
 
 #### customStyleMap
@@ -80,7 +80,7 @@ customStyleMap?: Object
 ```
 Optionally define a map of inline styles to apply to spans of text with the specified
 style. See
-[Advanced Topics: Inline Styles](/draft-js/docs/advanced-topics-inline-styles.html)
+[Advanced Topics: Inline Styles](/docs/advanced-topics-inline-styles.html)
 for details on usage.
 
 #### customStyleFn
@@ -89,7 +89,7 @@ customStyleFn?: (style: DraftInlineStyle, block: ContentBlock) => ?Object
 ```
 Optionally define a function to transform inline styles to CSS objects that are applied
 to spans of text. See
-[Advanced Topics: Inline Styles](/draft-js/docs/advanced-topics-inline-styles.html)
+[Advanced Topics: Inline Styles](/docs/advanced-topics-inline-styles.html)
 for details on usage.
 
 ### Behavior (Optional)
@@ -102,7 +102,7 @@ Set whether the editor should be rendered as static DOM, with all editability
 disabled.
 
 This is useful when supporting interaction within
-[custom block components](/draft-js/docs/advanced-topics-block-components.html)
+[custom block components](/docs/advanced-topics-block-components.html)
 or if you just want to display content for a static use case.
 
 Default is `false`.
@@ -156,7 +156,7 @@ rendered list of results to trigger applying the mention entity to your content.
 handleKeyCommand?: (command: string) => DraftHandleValue
 ```
 Handle the named editor command. See
-[Advanced Topics: Key Bindings](/draft-js/docs/advanced-topics-key-bindings.html)
+[Advanced Topics: Key Bindings](/docs/advanced-topics-key-bindings.html)
 for details on usage.
 
 #### handleBeforeInput
diff --git a/docs/APIReference-Entity.md b/docs/APIReference-Entity.md
@@ -12,12 +12,12 @@ updating entity objects, which are used for annotating text ranges with metadata
 This module also houses the single store used to maintain entity data.
 
 This article is dedicated to covering the details of the API. See the
-[advanced topics article on entities](/draft-js/docs/advanced-topics-entities.html)
+[advanced topics article on entities](/docs/advanced-topics-entities.html)
 for more detail on how entities may be used.
 
 Please note that the API for entity storage and management has changed recently;
 for details on updating your application
-[see our v0.10 API Migration Guide](/draft-js/docs/v0-10-api-migration.html#content).
+[see our v0.10 API Migration Guide](/docs/v0-10-api-migration.html#content).
 
 Entity objects returned by `Entity` methods are represented as
 [DraftEntityInstance](https://github.com/facebook/draft-js/blob/master/src/model/entity/DraftEntityInstance.js) immutable records. These have a simple set of getter functions and should
diff --git a/docs/Advanced-Topics-Custom-Block-Render.md b/docs/Advanced-Topics-Custom-Block-Render.md
@@ -12,7 +12,7 @@ The block rendering is used to define supported block types and their respective
 renderers, as well as converting pasted content to known Draft block types.
 
 When pasting content or when using the
-[convertFromHTML](https://facebook.github.io/draft-js/docs/api-reference-data-conversion.html#convertfromhtml)
+[convertFromHTML](/docs/api-reference-data-conversion.html#convertfromhtml)
 Draft will then convert the pasted content to the respective block rendering type
 by matching the Draft block render map with the matched tag.
 
@@ -116,7 +116,7 @@ By default the html element is used to wrap block types however a react componen
 can also be provided to the _blockRenderMap_ to wrap the EditorBlock.
 
 During pasting or when using the
-[convertFromHTML](https://facebook.github.io/draft-js/docs/api-reference-data-conversion.html#convertfromhtml)
+[convertFromHTML](/docs/api-reference-data-conversion.html#convertfromhtml)
 the html will be scanned for matching tag elements. A wrapper will be used when there is a definition for
 it on the _blockRenderMap_ to wrap that particular block type. For example:
 
diff --git a/docs/Advanced-Topics-Decorators.md b/docs/Advanced-Topics-Decorators.md
@@ -18,7 +18,7 @@ offers a live example of decorators in action.
 ## CompositeDecorator
 
 The decorator concept is based on scanning the contents of a given
-[ContentBlock](/draft-js/docs/api-reference-content-block.html)
+[ContentBlock](/docs/api-reference-content-block.html)
 for ranges of text that match a defined strategy, then rendering them
 with a specified React component.
 
diff --git a/docs/Advanced-Topics-Entities.md b/docs/Advanced-Topics-Entities.md
@@ -19,13 +19,13 @@ and
 provide live code examples to help clarify how entities can be used, as well
 as their built-in behavior.
 
-The [Entity API Reference](/draft-js/docs/api-reference-entity.html) provides
+The [Entity API Reference](/docs/api-reference-entity.html) provides
 details on the static methods to be used when creating, retrieving, or updating
 entity objects.
 
 For information about recent changes to the Entity API, and examples of how to
 update your application,
-[see our v0.10 API Migration Guide](/draft-js/docs/v0-10-api-migration.html#content).
+[see our v0.10 API Migration Guide](/docs/v0-10-api-migration.html#content).
 
 ## Introduction
 
@@ -49,8 +49,8 @@ issue
 [#839](https://github.com/facebook/draft-js/issues/839)
 .)
 
-Using [decorators](/draft-js/docs/advanced-topics-decorators.html) or
-[custom block components](/draft-js/docs/advanced-topics-block-components.html), you can
+Using [decorators](/docs/advanced-topics-decorators.html) or
+[custom block components](/docs/advanced-topics-block-components.html), you can
 add rich rendering to your editor based on entity metadata.
 
 ## Creating and Retrieving Entities
diff --git a/docs/Advanced-Topics-Inline-Styles.md b/docs/Advanced-Topics-Inline-Styles.md
@@ -20,7 +20,7 @@ examples demonstrate complex inline style behavior in action.
 
 Within the Draft model, inline styles are represented at the character level,
 using an immutable `OrderedSet` to define the list of styles to be applied to
-each character. These styles are identified by string. (See [CharacterMetadata](/draft-js/docs/api-reference-character-metadata.html)
+each character. These styles are identified by string. (See [CharacterMetadata](/docs/api-reference-character-metadata.html)
 for details.)
 
 For example, consider the text "Hello **world**". The first six characters of
@@ -46,7 +46,7 @@ In essence, our styles are:
 
 Now let's say that we wish to make the middle range of characters italic as well:
 "He_llo **wo**_**rld**". This operation can be performed via the
-[Modifier](/draft-js/docs/api-reference-modifier.html) API.
+[Modifier](/docs/api-reference-modifier.html) API.
 
 The end result will accommodate the overlap by including `'ITALIC'` in the
 relevant `OrderedSet` objects as well.
diff --git a/docs/Advanced-Topics-Nested-Lists.md b/docs/Advanced-Topics-Nested-Lists.md
@@ -11,7 +11,7 @@ The Draft framework provides support for nested lists, as demonstrated in the
 Facebook Notes editor. There, you can use `Tab` and `Shift+Tab` to add or remove
 depth to a list item.
 
-The [`RichUtils`](/draft-js/docs/api-reference-rich-utils.html) module provides a handy `onTab` method that manages this
+The [`RichUtils`](/docs/api-reference-rich-utils.html) module provides a handy `onTab` method that manages this
 behavior, and should be sufficient for most nested list needs. You can use
 the `onTab` prop on your `Editor` to make use of this utility.
 
diff --git a/docs/QuickStart-API-Basics.md b/docs/QuickStart-API-Basics.md
@@ -51,7 +51,7 @@ a rich editor.
 2. There is no such `onChange` event available for a ContentEditable element.
 
 State is therefore represented as a single immutable
-[EditorState](/draft-js/docs/api-reference-editor-state.html) object, and
+[EditorState](/docs/api-reference-editor-state.html) object, and
 `onChange` is implemented within the `Editor` core to provide this state
 value to the top level.
 
diff --git a/docs/QuickStart-Rich-Styling.md b/docs/QuickStart-Rich-Styling.md
@@ -23,10 +23,10 @@ However, since your top-level React component is responsible for maintaining the
 state, you also have the freedom to apply changes to that `EditorState` object
 in any way you see fit.
 
-For inline and block style behavior, for example, the [`RichUtils`](/draft-js/docs/api-reference-rich-utils.html) module
+For inline and block style behavior, for example, the [`RichUtils`](/docs/api-reference-rich-utils.html) module
 provides a number of useful functions to help manipulate state.
 
-Similarly, the [Modifier](/draft-js/docs/api-reference-modifier.html) module also provides a
+Similarly, the [Modifier](/docs/api-reference-modifier.html) module also provides a
 number of common operations that allow you to apply edits, including changes
 to text, styles, and more. This module is a suite of edit functions that
 compose simpler, smaller edit functions to return the desired `EditorState`
@@ -77,7 +77,7 @@ class MyEditor extends React.Component {
 >
 > The `command` argument supplied to `handleKeyCommand` is a string value, the
 > name of the command to be executed. This is mapped from a DOM key event. See
-> [Advanced Topics - Key Binding](/draft-js/docs/advanced-topics-key-bindings.html) for more
+> [Advanced Topics - Key Binding](/docs/advanced-topics-key-bindings.html) for more
 > on this, as well as details on why the function returns `handled` or `not-handled`.
 
 ## Styling Controls in UI
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "react",
     "richtext"
   ],
-  "homepage": "https://facebook.github.io/draft-js",
+  "homepage": "http://draftjs.org/",
   "bugs": "https://github.com/facebook/draft-js/issues",
   "files": [
     "dist/",
diff --git a/website/README.md b/website/README.md
@@ -10,7 +10,7 @@ Then, run the server via
 
 ```
 npm start
-Open http://localhost:8080/draft-js/index.html
+Open http://localhost:8080/index.html
 ```
 
 Anytime you change the contents, just refresh the page and it's going to be updated
diff --git a/website/core/HeaderLinks.js b/website/core/HeaderLinks.js
@@ -14,7 +14,7 @@ var React = require('React');
 
 var HeaderLinks = React.createClass({
   links: [
-    {section: 'docs', href: '/draft-js/docs/overview.html#content', text: 'docs'},
+    {section: 'docs', href: '/docs/overview.html#content', text: 'docs'},
     {section: 'github', href: 'http://github.com/facebook/draft-js', text: 'github'},
   ],
 
diff --git a/website/core/Site.js b/website/core/Site.js
@@ -26,10 +26,10 @@ var Site = React.createClass({
           <meta name="viewport" content="width=device-width" />
           <meta property="og:title" content={title} />
           <meta property="og:type" content="website" />
-          <meta property="og:url" content="http://facebook.github.io/draft-js/index.html" />
+          <meta property="og:url" content="http://draftjs.org/index.html" />
           <meta property="og:description" content="Rich Text Editor Framework for React" />
 
-          <link rel="stylesheet" href="/draft-js/css/draft.css" />
+          <link rel="stylesheet" href="/css/draft.css" />
 
           <script type="text/javascript" src="//use.typekit.net/vqa1hcx.js"></script>
           <script type="text/javascript">{'try{Typekit.load();}catch(e){}'}</script>
@@ -40,7 +40,7 @@ var Site = React.createClass({
           <div className="container">
             <div className="nav-main">
               <div className="wrap">
-                <a className="nav-home" href="/draft-js/">
+                <a className="nav-home" href="/">
                   Draft.js
                 </a>
                 <HeaderLinks section={this.props.section} />
diff --git a/website/publish.sh b/website/publish.sh
@@ -14,7 +14,7 @@ rm -Rf *
 cd ../draft-js/website
 rm -Rf build/
 node server/generate.js
-cp -R build/draft-js/* ../../draft-js-gh-pages/
+cp -R build/* ../../draft-js-gh-pages/
 rm -Rf build/
 cd ../../draft-js-gh-pages
 git status
diff --git a/website/server/convert.js b/website/server/convert.js
@@ -28,7 +28,7 @@ function backtickify(str) {
 function execute() {
   var MD_DIR = '../docs/';
 
-  glob('src/draft-js/docs/*.*', function(er, files) {
+  glob('src/docs/*.*', function(er, files) {
     files.forEach(function(file) {
       try {
         fs.unlinkSync(file);
@@ -87,7 +87,7 @@ function execute() {
           'module.exports = Post;\n'
         );
 
-        var targetFile = 'src/draft-js/' + metadata.permalink.replace(/\.html$/, '.js');
+        var targetFile = 'src/' + metadata.permalink.replace(/\.html$/, '.js');
         mkdirp.sync(targetFile.replace(new RegExp('/[^/]*$'), ''));
         fs.writeFileSync(targetFile, content);
       }
@@ -108,9 +108,9 @@ function execute() {
     );
   });
 
-  fs.writeFileSync('src/draft-js/lib/Draft.css', fs.readFileSync('../dist/Draft.css'));
-  fs.writeFileSync('src/draft-js/lib/Draft.js', fs.readFileSync('../dist/Draft.js'));
-  fs.writeFileSync('src/draft-js/lib/RichEditor.css', fs.readFileSync('../examples/draft-0-9-1/rich/RichEditor.css'));
+  fs.writeFileSync('src/lib/Draft.css', fs.readFileSync('../dist/Draft.css'));
+  fs.writeFileSync('src/lib/Draft.js', fs.readFileSync('../dist/Draft.js'));
+  fs.writeFileSync('src/lib/RichEditor.css', fs.readFileSync('../examples/draft-0-9-1/rich/RichEditor.css'));
 }
 
 if (argv.convert) {
diff --git a/website/server/generate.js b/website/server/generate.js
@@ -56,7 +56,7 @@ glob('src/**/*.*', function(er, files) {
   });
 
   queue = queue.then(function() {
-    console.log('It is live at: http://facebook.github.io/draft-js/');
+    console.log('It is live at: http://draftjs.org/');
   }).finally(function() {
     server.close();
   }).catch(function(e) {
diff --git a/website/server/server.js b/website/server/server.js
@@ -57,5 +57,5 @@ var app = connect()
 var portToUse = port || 8080;
 var server = http.createServer(app);
 server.listen(portToUse);
-console.log('Open http://localhost:' + portToUse + '/draft-js/index.html');
+console.log('Open http://localhost:' + portToUse + '/index.html');
 module.exports = server;
diff --git a/website/src/CNAME b/website/src/CNAME
diff --git a/website/src/css/draft.css b/website/src/css/draft.css
diff --git a/website/src/draft-js/lib/.gitkeep b/website/src/draft-js/lib/.gitkeep
diff --git a/website/src/img/flux-simple-f8-diagram-1300w.png b/website/src/img/flux-simple-f8-diagram-1300w.png
diff --git a/website/src/img/flux-simple-f8-diagram-explained-1300w.png b/website/src/img/flux-simple-f8-diagram-explained-1300w.png
diff --git a/website/src/img/flux-simple-f8-diagram-with-client-action-1300w.png b/website/src/img/flux-simple-f8-diagram-with-client-action-1300w.png
diff --git a/website/src/img/flux_logo.svg b/website/src/img/flux_logo.svg
diff --git a/website/src/index.js b/website/src/index.js
