236 lines
6.9 KiB
Markdown
236 lines
6.9 KiB
Markdown
Developer guide
|
|
===============
|
|
|
|
Getting started
|
|
---------------
|
|
|
|
#### Pre-requisites
|
|
|
|
- [Git][1]
|
|
- [node.js/npm][2]
|
|
- [Grunt][3]
|
|
- [Bower][4]
|
|
|
|
#### Before debugging
|
|
|
|
- Download development tools:
|
|
|
|
npm install
|
|
|
|
- Download dependencies:
|
|
|
|
bower install
|
|
|
|
- Serve **StackEdit** at `http://localhost/`:
|
|
|
|
(PORT=80 && node server.js)
|
|
|
|
- Run Chrome without application cache:
|
|
|
|
chrome --disable-application-cache
|
|
|
|
- Run **StackEdit** in debug mode (serve original files instead of minified):
|
|
|
|
http://localhost/?debug
|
|
|
|
#### Add new dependencies
|
|
|
|
**NOTE:** StackEdit uses [RequireJS][5] for asynchronous module definition ([AMD][6]).
|
|
|
|
- Install new dependencies using [Bower][7]:
|
|
|
|
bower install <library> --save
|
|
|
|
- Add the new dependency to [RequireJS][8] configuration file (`main.js`):
|
|
|
|
grunt bower
|
|
|
|
#### Build/minify
|
|
|
|
grunt
|
|
|
|
|
|
Architecture
|
|
------------
|
|
|
|
![Architecture diagram][9]
|
|
|
|
|
|
----------
|
|
|
|
|
|
### core
|
|
|
|
The `core` module is responsible for:
|
|
|
|
- creating the [UI Layout][10], the [ACE][11] editor and the [PageDown][12] editor,
|
|
- loading/saving the settings,
|
|
- running periodic tasks,
|
|
- detecting the user activity,
|
|
- checking the offline status.
|
|
|
|
**Attributes:**
|
|
|
|
- `isOffline`: indicates the offline status of the application.
|
|
|
|
**Methods:**
|
|
|
|
- `onReady(callback)`: sets a callback to be called when all modules have been loaded and the DOM is ready.
|
|
> **NOTE:** This is preferred over [jQuery's `.ready()`][13] because it ensures that all AMD modules are loaded by [RequireJS][14]).
|
|
|
|
- `runPeriodically(callback)`: sets a callback to be called every second.
|
|
> **NOTE:** The callback will not run if the user is inactive or in StackEdit Viewer. User is considered inactive after 5 minutes of inactivity (mouse or keyboard).
|
|
|
|
- `setOffline()`: can be called by any other modules when a network timeout occurs for instance.
|
|
> **NOTE:** the offline status is also set by detecting the window `offline` event. `core.isOffline` is automatically set to `false` when the network is recovered.
|
|
|
|
- `initEditor(fileDesc)`: creates or refreshes the [PageDown][15] editor with a given [`FileDescriptor`][16] object.
|
|
|
|
|
|
----------
|
|
|
|
|
|
### fileMgr
|
|
|
|
The `fileMgr` module is responsible for:
|
|
|
|
- creating and deleting local files
|
|
- switching from one file to another
|
|
|
|
**Attributes:**
|
|
|
|
- `currentFile`: the [`FileDescriptor`][17] object that is currently edited.
|
|
|
|
**Methods:**
|
|
|
|
- `createFile(title, content)`: creates a [`FileDescriptor`][18] object, add it in the [`fileSystem`][19] map and returns it.
|
|
- `deleteFile(fileDesc)`: deletes a [`FileDescriptor`][20] object from the [`fileSystem`][21] map.
|
|
- `selectFile(fileDesc)`: selects a [`FileDescriptor`][22] object for editing.
|
|
|
|
|
|
#### FileDescriptor
|
|
|
|
The `FileDescriptor` class represents a local file. A `FileDescriptor` object has the following properties:
|
|
|
|
- `fileIndex`: the unique string index of the file in the file system
|
|
- `title`: the title of the document
|
|
- `content`: the content of the document
|
|
- `syncLocations`: a map containing all the associated [`syncAttributes`][23] objects with their `syncIndex` as a key
|
|
- `publishLocations`: a map containing all the associated [`publishAttributes`][24] objects with their `publishIndex` as a key
|
|
|
|
And the following methods:
|
|
|
|
- `addSyncLocation(syncAttributes)`: associates a [`syncAttributes`][25] object with the file
|
|
- `removeSyncLocation(syncAttributes)`: unassociates a [`syncAttributes`][26] object with the file
|
|
- `addPublishLocation(publishAttributes)`: associates a [`publishAttributes`][27] object with the file
|
|
- `removePublishLocation(publishAttributes)`: unassociates a [`publishAttributes`][28] object with the file
|
|
|
|
#### fileSystem
|
|
|
|
The `fileSystem` module is a map containing all the [`FileDescriptor`][29] objects with their `fileIndex` as a key.
|
|
|
|
|
|
----------
|
|
|
|
|
|
### synchronizer
|
|
|
|
The `synchronizer` module is responsible for:
|
|
|
|
- creating a new local file from a sync location (import)
|
|
- creating a new sync location from a local file (export)
|
|
- running 2 ways synchronization (upload and download) for all sync locations
|
|
|
|
#### synchronizer's providers
|
|
|
|
A [`provider`][30] module can be associated with the `synchronizer` module if it implements the following functions:
|
|
|
|
- `importFiles()`: downloads one or multiple files and create local files associated with the sync locations
|
|
- `exportFile()`: uploads a local file to a new sync location
|
|
- `syncDown()`: performs a download of all the changes operated on all sync locations
|
|
- `syncUp()`: performs an upload of a change to a sync location
|
|
|
|
#### syncAttributes
|
|
|
|
A `syncAttributes` object is an object that describes a sync location. Attributes differ from one provider to another except for the following:
|
|
|
|
- `syncIndex`: the unique string index of the publish location
|
|
- `provider`: the [`provider`][31] module that handles the sync location
|
|
|
|
|
|
----------
|
|
|
|
|
|
### publisher
|
|
|
|
The `publisher` module is responsible for:
|
|
|
|
- creating new publish locations
|
|
- updating existing publish locations
|
|
|
|
#### publisher's providers
|
|
|
|
A [`provider`][32] module can be associated with the `publisher` module if it implements the following functions:
|
|
|
|
- `newPublishAttributes()`: returns a new [`publishAttributes`][33] object in order to create a new publish location
|
|
- `publish()`: performs publishing of one publish location
|
|
|
|
#### publishAttributes
|
|
|
|
A `publishAttributes` object is an object that describes a publish location. Attributes differ from one provider to another except for the following:
|
|
|
|
- `publishIndex`: the unique string index of the publish location
|
|
- `provider`: the [`provider`][34] module that handles the publish location
|
|
- `format`: the publishing format for the publish location. It can be:
|
|
- `markdown` for Markdown format
|
|
- `html` for HTML format
|
|
- `template` for template format
|
|
|
|
|
|
----------
|
|
|
|
|
|
### eventMgr
|
|
|
|
The `eventMgr` module is responsible for receiving and dispatching events in **StackEdit**.
|
|
|
|
|
|
|
|
|
|
> Written with [StackEdit](https://stackedit.io/).
|
|
|
|
|
|
[1]: http://git-scm.com/
|
|
[2]: http://nodejs.org/
|
|
[3]: http://gruntjs.com/
|
|
[4]: http://bower.io/
|
|
[5]: http://requirejs.org/ "RequireJS"
|
|
[6]: http://en.wikipedia.org/wiki/Asynchronous_module_definition "Asynchronous module definition"
|
|
[7]: http://bower.io/
|
|
[8]: http://requirejs.org/ "RequireJS"
|
|
[9]: http://benweet.github.io/stackedit/doc/img/architecture.png "Architecture diagram"
|
|
[10]: http://layout.jquery-dev.net/ "UI Layout"
|
|
[11]: http://ace.c9.io
|
|
[12]: https://code.google.com/p/pagedown/ "PageDown"
|
|
[13]: http://api.jquery.com/ready/
|
|
[14]: http://requirejs.org/ "RequireJS"
|
|
[15]: https://code.google.com/p/pagedown/ "PageDown"
|
|
[16]: #filedescriptor
|
|
[17]: #filedescriptor
|
|
[18]: #filedescriptor
|
|
[19]: #filesystem
|
|
[20]: #filedescriptor
|
|
[21]: #filesystem
|
|
[22]: #filedescriptor
|
|
[23]: #syncattributes
|
|
[24]: #publishattributes
|
|
[25]: #syncattributes
|
|
[26]: #syncattributes
|
|
[27]: #publishattributes
|
|
[28]: #publishattributes
|
|
[29]: #filedescriptor
|
|
[30]: #provider
|
|
[31]: #provider
|
|
[32]: #provider
|
|
[33]: #publishattributes
|
|
[34]: #provider |