public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +00:00
Code Issues Releases Wiki Activity

standarded

Browse Source
This commit is contained in:
Rokt33r
2016-04-21 21:07:09 +09:00
parent 934e4d9607
commit 6099c91216
12 changed files with 109 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/finder/index.js
View File

@@ -22,7 +22,7 @@ ipcRenderer.on('config-apply', function (e, newConfig) {
applyConfig(config) applyConfig(config)
}) })
function applyConfig(){ function applyConfig () {
let body = document.body let body = document.body
body.setAttribute('data-theme', config['theme-ui']) body.setAttribute('data-theme', config['theme-ui'])

148
browser/lib/hljsThemes.js
View File

@@ -1,78 +1,78 @@
const hljsThemeList =[ const hljsThemeList = [
{caption: "Default", name: "default"}, {caption: 'Default', name: 'default'},
{caption: "Agate", name: "agate"}, {caption: 'Agate', name: 'agate'},
{caption: "Androidstudio", name: "androidstudio"}, {caption: 'Androidstudio', name: 'androidstudio'},
{caption: "Arduino Light", name: "arduino-light"}, {caption: 'Arduino Light', name: 'arduino-light'},
{caption: "Arta", name: "arta"}, {caption: 'Arta', name: 'arta'},
{caption: "Ascetic", name: "ascetic"}, {caption: 'Ascetic', name: 'ascetic'},
{caption: "Atelier Cave Dark", name: "atelier-cave-dark"}, {caption: 'Atelier Cave Dark', name: 'atelier-cave-dark'},
{caption: "Atelier Cave Light", name: "atelier-cave-light"}, {caption: 'Atelier Cave Light', name: 'atelier-cave-light'},
{caption: "Atelier Dune Dark", name: "atelier-dune-dark"}, {caption: 'Atelier Dune Dark', name: 'atelier-dune-dark'},
{caption: "Atelier Dune Light", name: "atelier-dune-light"}, {caption: 'Atelier Dune Light', name: 'atelier-dune-light'},
{caption: "Atelier Estuary Dark", name: "atelier-estuary-dark"}, {caption: 'Atelier Estuary Dark', name: 'atelier-estuary-dark'},
{caption: "Atelier Estuary Light", name: "atelier-estuary-light"}, {caption: 'Atelier Estuary Light', name: 'atelier-estuary-light'},
{caption: "Atelier Forest Dark", name: "atelier-forest-dark"}, {caption: 'Atelier Forest Dark', name: 'atelier-forest-dark'},
{caption: "Atelier Forest Light", name: "atelier-forest-light"}, {caption: 'Atelier Forest Light', name: 'atelier-forest-light'},
{caption: "Atelier Heath Dark", name: "atelier-heath-dark"}, {caption: 'Atelier Heath Dark', name: 'atelier-heath-dark'},
{caption: "Atelier Heath Light", name: "atelier-heath-light"}, {caption: 'Atelier Heath Light', name: 'atelier-heath-light'},
{caption: "Atelier Lakeside Dark", name: "atelier-lakeside-dark"}, {caption: 'Atelier Lakeside Dark', name: 'atelier-lakeside-dark'},
{caption: "Atelier Lakeside Light", name: "atelier-lakeside-light"}, {caption: 'Atelier Lakeside Light', name: 'atelier-lakeside-light'},
{caption: "Atelier Plateau Dark", name: "atelier-plateau-dark"}, {caption: 'Atelier Plateau Dark', name: 'atelier-plateau-dark'},
{caption: "Atelier Plateau Light", name: "atelier-plateau-light"}, {caption: 'Atelier Plateau Light', name: 'atelier-plateau-light'},
{caption: "Atelier Savanna Dark", name: "atelier-savanna-dark"}, {caption: 'Atelier Savanna Dark', name: 'atelier-savanna-dark'},
{caption: "Atelier Savanna Light", name: "atelier-savanna-light"}, {caption: 'Atelier Savanna Light', name: 'atelier-savanna-light'},
{caption: "Atelier Seaside Dark", name: "atelier-seaside-dark"}, {caption: 'Atelier Seaside Dark', name: 'atelier-seaside-dark'},
{caption: "Atelier Seaside Light", name: "atelier-seaside-light"}, {caption: 'Atelier Seaside Light', name: 'atelier-seaside-light'},
{caption: "Atelier Sulphurpool Dark", name: "atelier-sulphurpool-dark"}, {caption: 'Atelier Sulphurpool Dark', name: 'atelier-sulphurpool-dark'},
{caption: "Atelier Sulphurpool Light", name: "atelier-sulphurpool-light"}, {caption: 'Atelier Sulphurpool Light', name: 'atelier-sulphurpool-light'},
{caption: "Brown Paper", name: "brown-paper"}, {caption: 'Brown Paper', name: 'brown-paper'},
{caption: "Codepen Embed", name: "codepen-embed"}, {caption: 'Codepen Embed', name: 'codepen-embed'},
{caption: "Color Brewer", name: "color-brewer"}, {caption: 'Color Brewer', name: 'color-brewer'},
{caption: "Dark", name: "dark"}, {caption: 'Dark', name: 'dark'},
{caption: "Darkula", name: "darkula"}, {caption: 'Darkula', name: 'darkula'},
{caption: "Docco", name: "docco"}, {caption: 'Docco', name: 'docco'},
{caption: "Dracula", name: "dracula"}, {caption: 'Dracula', name: 'dracula'},
{caption: "Far", name: "far"}, {caption: 'Far', name: 'far'},
{caption: "Foundation", name: "foundation"}, {caption: 'Foundation', name: 'foundation'},
{caption: "Github Gist", name: "github-gist"}, {caption: 'Github Gist', name: 'github-gist'},
{caption: "Github", name: "github"}, {caption: 'Github', name: 'github'},
{caption: "Googlecode", name: "googlecode"}, {caption: 'Googlecode', name: 'googlecode'},
{caption: "Grayscale", name: "grayscale"}, {caption: 'Grayscale', name: 'grayscale'},
{caption: "Gruvbox Dark", name: "gruvbox.dark"}, {caption: 'Gruvbox Dark', name: 'gruvbox.dark'},
{caption: "Gruvbox Light", name: "gruvbox.light"}, {caption: 'Gruvbox Light', name: 'gruvbox.light'},
{caption: "Hopscotch", name: "hopscotch"}, {caption: 'Hopscotch', name: 'hopscotch'},
{caption: "Hybrid", name: "hybrid"}, {caption: 'Hybrid', name: 'hybrid'},
{caption: "Idea", name: "idea"}, {caption: 'Idea', name: 'idea'},
{caption: "Ir Black", name: "ir-black"}, {caption: 'Ir Black', name: 'ir-black'},
{caption: "Kimbie Dark", name: "kimbie.dark"}, {caption: 'Kimbie Dark', name: 'kimbie.dark'},
{caption: "Kimbie Light", name: "kimbie.light"}, {caption: 'Kimbie Light', name: 'kimbie.light'},
{caption: "Magula", name: "magula"}, {caption: 'Magula', name: 'magula'},
{caption: "Mono Blue", name: "mono-blue"}, {caption: 'Mono Blue', name: 'mono-blue'},
{caption: "Monokai Sublime", name: "monokai-sublime"}, {caption: 'Monokai Sublime', name: 'monokai-sublime'},
{caption: "Monokai", name: "monokai"}, {caption: 'Monokai', name: 'monokai'},
{caption: "Obsidian", name: "obsidian"}, {caption: 'Obsidian', name: 'obsidian'},
{caption: "Paraiso Dark", name: "paraiso-dark"}, {caption: 'Paraiso Dark', name: 'paraiso-dark'},
{caption: "Paraiso Light", name: "paraiso-light"}, {caption: 'Paraiso Light', name: 'paraiso-light'},
{caption: "Pojoaque", name: "pojoaque"}, {caption: 'Pojoaque', name: 'pojoaque'},
{caption: "Qtcreator Dark", name: "qtcreator_dark"}, {caption: 'Qtcreator Dark', name: 'qtcreator_dark'},
{caption: "Qtcreator Light", name: "qtcreator_light"}, {caption: 'Qtcreator Light', name: 'qtcreator_light'},
{caption: "Railscasts", name: "railscasts"}, {caption: 'Railscasts', name: 'railscasts'},
{caption: "Rainbow", name: "rainbow"}, {caption: 'Rainbow', name: 'rainbow'},
{caption: "School Book", name: "school-book"}, {caption: 'School Book', name: 'school-book'},
{caption: "Solarized Dark", name: "solarized-dark"}, {caption: 'Solarized Dark', name: 'solarized-dark'},
{caption: "Solarized Light", name: "solarized-light"}, {caption: 'Solarized Light', name: 'solarized-light'},
{caption: "Sunburst", name: "sunburst"}, {caption: 'Sunburst', name: 'sunburst'},
{caption: "Tomorrow Night Blue", name: "tomorrow-night-blue"}, {caption: 'Tomorrow Night Blue', name: 'tomorrow-night-blue'},
{caption: "Tomorrow Night Bright", name: "tomorrow-night-bright"}, {caption: 'Tomorrow Night Bright', name: 'tomorrow-night-bright'},
{caption: "Tomorrow Night Eighties", name: "tomorrow-night-eighties"}, {caption: 'Tomorrow Night Eighties', name: 'tomorrow-night-eighties'},
{caption: "Tomorrow Night", name: "tomorrow-night"}, {caption: 'Tomorrow Night', name: 'tomorrow-night'},
{caption: "Tomorrow", name: "tomorrow"}, {caption: 'Tomorrow', name: 'tomorrow'},
{caption: "Vs", name: "vs"}, {caption: 'Vs', name: 'vs'},
{caption: "Xcode", name: "xcode"}, {caption: 'Xcode', name: 'xcode'},
{caption: "Xt 256", name: "xt256"}, {caption: 'Xt 256', name: 'xt256'},
{caption: "Zenburn", name: "zenburn"} {caption: 'Zenburn', name: 'zenburn'}
] ]
export default function hljsTheme() { export default function hljsTheme () {
return hljsThemeList return hljsThemeList
} }

8
browser/lib/markdown.js
View File

@@ -12,13 +12,13 @@ var md = markdownit({
if (lang && hljs.getLanguage(lang)) { if (lang && hljs.getLanguage(lang)) {
try { try {
return '<pre class="hljs"><code>' + return '<pre class="hljs"><code>' +
hljs.highlight(lang, str).value + hljs.highlight(lang, str).value +
'</code></pre>'; '</code></pre>'
} catch (e) {} } catch (e) {}
} }
return '<pre class="hljs"><code>' + return '<pre class="hljs"><code>' +
str.replace(/\&/g, '&amp;').replace(/\</g, '&lt;').replace(/\>/g, '&gt;').replace(/\"/g, '&quot;') + str.replace(/\&/g, '&amp;').replace(/\</g, '&lt;').replace(/\>/g, '&gt;').replace(/\"/g, '&quot;') +
'</code></pre>'; '</code></pre>'
} }
}) })
md.use(emoji, { md.use(emoji, {

2
browser/main/index.js
View File

@@ -21,7 +21,7 @@ ipc.on('config-apply', function (e, newConfig) {
applyConfig(config) applyConfig(config)
}) })
function applyConfig(config) { function applyConfig (config) {
let body = document.body let body = document.body
body.setAttribute('data-theme', config['theme-ui']) body.setAttribute('data-theme', config['theme-ui'])

24
browser/main/modal/Preference/FolderRow.js
View File

@@ -63,7 +63,7 @@ export default class FolderRow extends React.Component {
} }
handleColorButtonClick (index) { handleColorButtonClick (index) {
return e => { return (e) => {
this.setState({ this.setState({
color: index, color: index,
isColorEditing: false isColorEditing: false
@@ -116,7 +116,7 @@ export default class FolderRow extends React.Component {
? 'active' ? 'active'
: null : null
return ( return (
<button onClick={e => this.handleColorButtonClick(index)(e)} className={className} key={index}> <button onClick={(e) => this.handleColorButtonClick(index)(e)} className={className} key={index}>
<FolderMark color={index}/> <FolderMark color={index}/>
</button> </button>
) )
@@ -125,7 +125,7 @@ export default class FolderRow extends React.Component {
return ( return (
<div className='FolderRow edit'> <div className='FolderRow edit'>
<div className='folderColor'> <div className='folderColor'>
<button onClick={e => this.handleColorSelectClick(e)} className='select'> <button onClick={(e) => this.handleColorSelectClick(e)} className='select'>
<FolderMark color={this.state.color}/> <FolderMark color={this.state.color}/>
</button> </button>
{this.state.isColorEditing {this.state.isColorEditing
@@ -139,11 +139,11 @@ export default class FolderRow extends React.Component {
} }
</div> </div>
<div className='folderName'> <div className='folderName'>
<input onKeyDown={e => this.handleNameInputKeyDown(e)} valueLink={this.linkState('name')} type='text'/> <input onKeyDown={(e) => this.handleNameInputKeyDown(e)} valueLink={this.linkState('name')} type='text'/>
</div> </div>
<div className='folderControl'> <div className='folderControl'>
<button onClick={e => this.handleSaveButtonClick(e)} className='primary'>Save</button> <button onClick={(e) => this.handleSaveButtonClick(e)} className='primary'>Save</button>
<button onClick={e => this.handleCancelButtonClick(e)}>Cancel</button> <button onClick={(e) => this.handleCancelButtonClick(e)}>Cancel</button>
</div> </div>
</div> </div>
) )
@@ -152,8 +152,8 @@ export default class FolderRow extends React.Component {
<div className='FolderRow delete'> <div className='FolderRow delete'>
<div className='folderDeleteLabel'>Are you sure to delete <strong>{folder.name}</strong> folder?</div> <div className='folderDeleteLabel'>Are you sure to delete <strong>{folder.name}</strong> folder?</div>
<div className='folderControl'> <div className='folderControl'>
<button onClick={e => this.handleDeleteConfirmButtonClick(e)} className='primary'>Sure</button> <button onClick={(e) => this.handleDeleteConfirmButtonClick(e)} className='primary'>Sure</button>
<button onClick={e => this.handleCancelButtonClick(e)}>Cancel</button> <button onClick={(e) => this.handleCancelButtonClick(e)}>Cancel</button>
</div> </div>
</div> </div>
) )
@@ -162,14 +162,14 @@ export default class FolderRow extends React.Component {
return ( return (
<div className='FolderRow'> <div className='FolderRow'>
<div className='sortBtns'> <div className='sortBtns'>
<button onClick={e => this.handleUpClick(e)}><i className='fa fa-sort-up fa-fw'/></button> <button onClick={(e) => this.handleUpClick(e)}><i className='fa fa-sort-up fa-fw'/></button>
<button onClick={e => this.handleDownClick(e)}><i className='fa fa-sort-down fa-fw'/></button> <button onClick={(e) => this.handleDownClick(e)}><i className='fa fa-sort-down fa-fw'/></button>
</div> </div>
<div className='folderColor'><FolderMark color={folder.color}/></div> <div className='folderColor'><FolderMark color={folder.color}/></div>
<div className='folderName'>{folder.name}</div> <div className='folderName'>{folder.name}</div>
<div className='folderControl'> <div className='folderControl'>
<button onClick={e => this.handleEditButtonClick(e)}><i className='fa fa-fw fa-edit'/></button> <button onClick={(e) => this.handleEditButtonClick(e)}><i className='fa fa-fw fa-edit'/></button>
<button onClick={e => this.handleDeleteButtonClick(e)}><i className='fa fa-fw fa-close'/></button> <button onClick={(e) => this.handleDeleteButtonClick(e)}><i className='fa fa-fw fa-close'/></button>
</div> </div>
</div> </div>
) )

4
browser/main/modal/Preference/FolderSettingTab.js
View File

@@ -75,10 +75,10 @@ export default class FolderSettingTab extends React.Component {
{folderElements} {folderElements}
<div className='newFolder'> <div className='newFolder'>
<div className='folderName'> <div className='folderName'>
<input onKeyDown={e => this.handleNewFolderNameKeyDown(e)} valueLink={this.linkState('name')} type='text' placeholder='New Folder'/> <input onKeyDown={(e) => this.handleNewFolderNameKeyDown(e)} valueLink={this.linkState('name')} type='text' placeholder='New Folder'/>
</div> </div>
<div className='folderControl'> <div className='folderControl'>
<button onClick={e => this.handleSaveButtonClick(e)} className='primary'>Add</button> <button onClick={(e) => this.handleSaveButtonClick(e)} className='primary'>Add</button>
</div> </div>
</div> </div>
{alertElement} {alertElement}

3
browser/main/modal/Preferences.js
View File

@@ -8,7 +8,6 @@ import ContactTab from './Preference/ContactTab'
import { closeModal } from 'browser/lib/modal' import { closeModal } from 'browser/lib/modal'
const APP = 'APP' const APP = 'APP'
const HELP = 'HELP'
const FOLDER = 'FOLDER' const FOLDER = 'FOLDER'
const CONTACT = 'CONTACT' const CONTACT = 'CONTACT'
@@ -64,8 +63,6 @@ class Preferences extends React.Component {
let { user, folders, dispatch } = this.props let { user, folders, dispatch } = this.props
switch (this.state.currentTab) { switch (this.state.currentTab) {
case HELP:
return (<HelpTab/>)
case FOLDER: case FOLDER:
return ( return (
<FolderSettingTab <FolderSettingTab

8
browser/main/modal/Tutorial.js
View File

@@ -33,10 +33,10 @@ export default class Tutorial extends React.Component {
return ( return (
<div className='Tutorial modal'> <div className='Tutorial modal'>
<button onClick={e => this.handlePriorSlideClick()} className={'priorBtn' + (this.state.slideIndex === 0 ? ' hide' : '')}> <button onClick={(e) => this.handlePriorSlideClick()} className={'priorBtn' + (this.state.slideIndex === 0 ? ' hide' : '')}>
<i className='fa fa-fw fa-angle-left'/> <i className='fa fa-fw fa-angle-left'/>
</button> </button>
<button onClick={e => this.handleNextSlideClick()} className={'nextBtn' + (this.state.slideIndex === 4 ? ' hide' : '')}> <button onClick={(e) => this.handleNextSlideClick()} className={'nextBtn' + (this.state.slideIndex === 4 ? ' hide' : '')}>
<i className='fa fa-fw fa-angle-right'/> <i className='fa fa-fw fa-angle-right'/>
</button> </button>
{content} {content}
@@ -80,7 +80,7 @@ export default class Tutorial extends React.Component {
Boost supports code syntax highlighting.<br/> Boost supports code syntax highlighting.<br/>
There are more than 100 different type of language. There are more than 100 different type of language.
<div className='code'> <div className='code'>
<CodeEditor readOnly article={{content:code, mode: 'jsx'}}/> <CodeEditor readOnly article={{content: code, mode: 'jsx'}}/>
</div> </div>
</div> </div>
</div>) </div>)
@@ -101,7 +101,7 @@ export default class Tutorial extends React.Component {
return (<div className='slide slide4'> return (<div className='slide slide4'>
<div className='title'>Are you ready?</div> <div className='title'>Are you ready?</div>
<div className='content'> <div className='content'>
<button onClick={e => this.startButtonClick(e)}>Start<br/>Boost</button> <button onClick={(e) => this.startButtonClick(e)}>Start<br/>Boost</button>
</div> </div>
</div>) </div>)
default: default:

10
browser/main/reducer.js
View File

@@ -74,7 +74,7 @@ function folders (state = initialFolders, action) {
if (newFolder.name == null || newFolder.name.length === 0) throw new Error('Folder name is required') if (newFolder.name == null || newFolder.name.length === 0) throw new Error('Folder name is required')
if (newFolder.name.match(/\//)) throw new Error('`/` is not available for folder name') if (newFolder.name.match(/\//)) throw new Error('`/` is not available for folder name')
let conflictFolder = _.find(state, folder => folder.name.toLowerCase() === newFolder.name.toLowerCase()) let conflictFolder = _.find(state, (folder) => folder.name.toLowerCase() === newFolder.name.toLowerCase())
if (conflictFolder != null) throw new Error(`${conflictFolder.name} already exists!`) if (conflictFolder != null) throw new Error(`${conflictFolder.name} already exists!`)
state.push(newFolder) state.push(newFolder)
@@ -96,7 +96,7 @@ function folders (state = initialFolders, action) {
if (targetFolder == null) throw new Error('Folder doesnt exist') if (targetFolder == null) throw new Error('Folder doesnt exist')
// Name conflict check // Name conflict check
if (targetFolder.name !== folder.name) { if (targetFolder.name !== folder.name) {
let conflictFolder = _.find(state, _folder => { let conflictFolder = _.find(state, (_folder) => {
return folder.name.toLowerCase() === _folder.name.toLowerCase() && folder.key !== _folder.key return folder.name.toLowerCase() === _folder.name.toLowerCase() && folder.key !== _folder.key
}) })
if (conflictFolder != null) throw new Error('Name conflicted') if (conflictFolder != null) throw new Error('Name conflicted')
@@ -114,7 +114,7 @@ function folders (state = initialFolders, action) {
if (state.length < 2) throw new Error('Folder must exist more than one') if (state.length < 2) throw new Error('Folder must exist more than one')
let targetKey = action.data.key let targetKey = action.data.key
let targetIndex = _.findIndex(state, folder => folder.key === targetKey) let targetIndex = _.findIndex(state, (folder) => folder.key === targetKey)
if (targetIndex >= 0) { if (targetIndex >= 0) {
state.splice(targetIndex, 1) state.splice(targetIndex, 1)
} }
@@ -159,9 +159,9 @@ function articles (state = initialArticles, action) {
{ {
let modified = action.data.article let modified = action.data.article
let targetKey = action.data.key let targetKey = action.data.key
let originalIndex = _.findIndex(state.data, _article => targetKey === _article.key) let originalIndex = _.findIndex(state.data, (_article) => targetKey === _article.key)
if (originalIndex === -1) return state if (originalIndex === -1) return state
let modifiedIndex = _.findIndex(state.modified, _article => targetKey === _article.key) let modifiedIndex = _.findIndex(state.modified, (_article) => targetKey === _article.key)
modified = compareArticle(state.data[originalIndex], modified) modified = compareArticle(state.data[originalIndex], modified)
if (modified == null) { if (modified == null) {

2
lib/finder-menu.js
View File

@@ -2,7 +2,7 @@ const electron = require('electron')
const BrowserWindow = electron.BrowserWindow const BrowserWindow = electron.BrowserWindow
const OSX = process.platform === 'darwin' const OSX = process.platform === 'darwin'
const WIN = process.platform === 'win32' // const WIN = process.platform === 'win32'
var edit = { var edit = {
label: 'Edit', label: 'Edit',

2
lib/main-menu.js
View File

@@ -4,7 +4,7 @@ const shell = electron.shell
const mainWindow = require('./main-window') const mainWindow = require('./main-window')
const OSX = process.platform === 'darwin' const OSX = process.platform === 'darwin'
const WIN = process.platform === 'win32' // const WIN = process.platform === 'win32'
const LINUX = process.platform === 'linux' const LINUX = process.platform === 'linux'
var boost = { var boost = {

6
package.json
View File

@@ -67,7 +67,7 @@
"react-dom": "^0.14.3", "react-dom": "^0.14.3",
"react-redux": "^4.0.6", "react-redux": "^4.0.6",
"redux": "^3.0.5", "redux": "^3.0.5",
"standard": "^5.3.1", "standard": "^6.0.8",
"style-loader": "^0.12.4", "style-loader": "^0.12.4",
"stylus": "^0.52.4", "stylus": "^0.52.4",
"stylus-loader": "^1.3.1", "stylus-loader": "^1.3.1",
@@ -76,7 +76,9 @@
}, },
"optional": false, "optional": false,
"standard": { "standard": {
"ignore": [], "ignore": [
"submodules"
],
"globals": [ "globals": [
"localStorage" "localStorage"
] ]