同時編集機能が死んでる

(node) warning: possible EventEmitter memory leak detected. 11 timeout listeners added. Use emitter.setMaxListeners() to increase limit.
Trace
    at Socket.addListener (events.js:252:17)
    at Socket.Readable.on (_stream_readable.js:673:33)
    at Socket.once (events.js:278:8)
    at Socket.setTimeout (net.js:315:12)
    at /Users/sho/src/nodejs/semirara/node_modules/memjs/lib/memjs/server.js:156:7
    at [object Object].Server.sock (/Users/sho/src/nodejs/semirara/node_modules/memjs/lib/memjs/server.js:148:5)
    at [object Object].Server.write (/Users/sho/src/nodejs/semirara/node_modules/memjs/lib/memjs/server.js:154:8)
    at [object Object].Client.perform (/Users/sho/src/nodejs/semirara/node_modules/memjs/lib/memjs/memjs.js:519:8)
    at [object Object].Client.get (/Users/sho/src/nodejs/semirara/node_modules/memjs/lib/memjs/memjs.js:114:8)
    at cache.es6:34:14
    at new Promise (/Users/sho/src/nodejs/semirara/node_modules/babel-polyfill/node_modules/core-js/modules/es6.promise.js:193:7)
    at Cache.get (cache.es6:31:12)
    at Function._callee$ (page.es6:73:26)
    at tryCatch (/Users/sho/src/nodejs/semirara/node_modules/babel-regenerator-runtime/runtime.js:61:40)
    at GeneratorFunctionPrototype.invoke [as _invoke] (/Users/sho/src/nodejs/semirara/node_modules/babel-regenerator-runtime/runtime.js:329:22)
    at GeneratorFunctionPrototype.prototype.(anonymous function) [as next] (/Users/sho/src/nodejs/semirara/node_modules/babel-regenerator-runtime/runtime.js:94:21)

compress socket.io data

gzipとかで通信データを圧縮できるmiddlewareありそう

Feed内のHTMLを修正する

インデントがない
code記法内のHTMLタグをエスケープしないとRSSリーダー上で消える

redux middlewareにsocket.ioの処理などを移す

socket.ioとかも綺麗に埋め込めるのでは

insertNewLine action後にactiveになるのが遅い

カーソルが出るのが遅い、たまにカーソルが現れない事もある
最後の行の後ろに行を挿入した時に起こる

ESLintに行末セミコロンを強制させる

clientにbabel-polyfillまるごとは無駄

async-await構文のためだけにimportしていたけど、たぶんbabel-regenerator-runtimeだけでいいと思う

日付を表示する

updatedAt, createdAt

validate page name

invalid charcters

# \r \n
/ in wikiname
url encoded chars
space on head/tail

valid

?
a-zA-Z0-9_

reserved words

auth
login
logout
api
config

pagelist

現在表示しているページをlist内でハイライト
更新日時順で表示する

ESCキーで編集モードを抜ける

file upload

drog&drop
cilpboard

サーバーサイドレンダリングする

ログアウト状態でアクセスしたら静的ページを見せる
ログインユーザーのみReactとSocket.IOで動的な編集ページを表示する

restore caret position

カーソル位置を復元したい

inputのselectionStartとselectionEndを随時記録し、inputにfocusする時に復元する

set max indent size

indentが無限にできるので、10ぐらいに制限する

install socket.io

getpage完了するまでEditorをロックする

ロックするというかViewerにコンポーネントを切り替えてしまえばいいのか

throttle page saving

client side
- editorの編集が止まった時に"page:lines"をdispatchする
server side
- clientからの送信が落ち着いたらPage#save()する

ログイン・ログアウト後に同じページを開く

/auth/login?redirect=/general/hello のようにリダイレクト先を付けておく？

swap&indent lines / blocks

ctrl+up/down - swap lines
shift+up/down - swap blocks
shift+left/right - indent

clientのコードが重くなってる

960kbあるのはおかしい

highlight.jsを入れた頃から急に増えてるような？
でもhighlight.jsにはdependenciesが無いし、サーバーサイドレンダリング #41 のあたりからかもしれない

multi login

store session on memcached (key=session, value=github.id)

edit empty page

空のページを編集できるようにする

ambiguous find

大文字でも小文字でも同じpageが表示されるようにする

/general/testでも/General/TESTでも同じページを表示する
mongooseで検索する時のqueryで/regex/iを使えば良い

pagelistには大文字小文字をきちんと区別して表示する

setTimeoutがsettimeoutと表示されるのはおかしい

実装

保存と表示は大文字小文字区別する
読み出し時だけ、大文字小文字無視する

code:filename.ext の形式でも書けるようにする

code:jsやcode:javascriptだけでなく、src/main.jsみたいに書けるようにしたい

page:lines受信後にeditline位置調整

同じページを開いている別clientが編集した時に、editlineをずらす必要がある

実装案1: 行にIDつけてeditline移動を検知

行にIDを付けておく
- client側にて、insertNewLineかupdateLineした時に付ける
- IDは画面に表示する必要はない
当然それは同じページを開いている相手にも保存される
行データ受信時に、行のIDを見てeditlineを修正する
- socket.ioから受信した後のpage:lines actionをdispatchした前後を見るmiddlewareを実装すればいい
行のIDはmongodbに保存される必要は無いので、pre-saveで削除する

UUIDを使う？

https://www.npmjs.com/package/node-uuid
- nodeのcryptoかブラウザのwindow.cryptoを使うライブラリ

ここまで大きなIDでなくてもいいと思う

long-press to edit

行末アイコンが多すぎる

codeが断片に見える

やはり一つのcode blockとして真っ黒に塗るようにしたい

外部URLリンクを別ウィンドウで開く

gyazz記法を実装する

syntax

external link

[[http://example.com]]
<a href="http://example.com">http://example.com</a>

external link with title

[[http://example.com cool page]]
<a href="http://example.com">cool page</a>

inner link

[[PageName]]
<a href="AppRoot/Wiki/PageName">PageName</a>

wiki link

[[WikiName::PageName]]
<a href="AppRoot/WikiName/PageName">WikiName::PageName</a>

Image

[[http://example.com/image]]
<img src="http://example.com/image" />
check content type

Icon

[[PageName.icon]]
<img src="icon url" />

code

[[:javascript:]]
  console.log("hello");

monolithicするためにディレクトリ構成を変える

問題

サーバーでのproduction実行のために、server/client共有するコードもbabelでトランスパイルしなければならない。
clientのコードもbabel通した方が文法エラーが見やすいのでやりたい

現状

server/ディレクトリのみをトランスパイルしている。なので両方で使うライブラリはclientからは../../server/lib/foo.es6と参照している

- server/
  - src/
  - dist/
- client/

変更

全部コンパイルする

-src/
  - server/
  - client/
  - share/
-dist/
  - server/
  - client/
  - share/

install stylus

CLIの行をハイライト

行頭が$か%の時にスタイル変える

editorから編集内容をdispatchする

現在はeditorから新しいpage.lines全体をstateに書き込んでいる

変更

現在の行を◯◯に書き換えた
現在の行に新規行を挿入した

などの編集内容をdispatchする

clientのsendPage middlewareの速度が速すぎる

連続した修正をthrottleする
サーバーとの通信速度に応じてthrottleを自動的に再設定する

cookieなしログインなしでアクセスするとsocket.io接続できない

  semirara:socket:middleware set socket.user +239ms
TypeError: argument str must be a string
    at Object.parse (/Users/sho/src/nodejs/semirara/node_modules/cookie/index.js:49:11)
    at Array._callee$ (middleware.es6:10:28)
    at tryCatch (/Users/sho/src/nodejs/semirara/node_modules/babel-regenerator-runtime/runtime.js:61:40)
    at GeneratorFunctionPrototype.invoke [as _invoke] (/Users/sho/src/nodejs/semirara/node_modules/babel-regenerator-runtime/runtime.js:329:22)
    at GeneratorFunctionPrototype.prototype.(anonymous function) [as next] (/Users/sho/src/nodejs/semirara/node_modules/babel-regenerator-runtime/runtime.js:94:21)
    at step (middleware.es6:4:1)
    at middleware.es6:4:1
    at new Promise (/Users/sho/src/nodejs/semirara/node_modules/babel-polyfill/node_modules/core-js/modules/es6.promise.js:193:7)
    at Array.<anonymous> (middleware.es6:4:1)
    at Array.setUserContext (middleware.es6:7:23)
    at run (/Users/sho/src/nodejs/semirara/node_modules/socket.io/lib/namespace.js:116:11)
    at Namespace.run (/Users/sho/src/nodejs/semirara/node_modules/socket.io/lib/namespace.js:128:3)
    at Namespace.add (/Users/sho/src/nodejs/semirara/node_modules/socket.io/lib/namespace.js:157:8)
    at Client.connect (/Users/sho/src/nodejs/semirara/node_modules/socket.io/lib/client.js:75:20)
    at Server.onconnection (/Users/sho/src/nodejs/semirara/node_modules/socket.io/lib/index.js:317:10)
    at emitOne (events.js:90:13)
    at Server.emit (events.js:182:7)

shokai / semirara Goto Github PK

semirara's People

Contributors

Stargazers

Watchers

Forkers

semirara's Issues

非ログイン状態でアクセスした場合は編集できない