Discussion Board UI.
$ npm install --save incense
incense requires biflora, and socket.io.
$ npm install --save biflora
$ npm install --save socket.io
varexpress=require('express'),app=express();varserver=require('http').Server(app);varbiflora=require('biflora');varIncense=require('incense'),incense=newIncense({'dataDir': '/path/to/datadir/',// <- data directory (Read/Write permission required)'db': {// <- database setting"dbms": "sqlite","storage": "/path/to/your/database.sqlite","tablePrefix": "incense"},'getUserInfo': function(socket,clientDefaultUserInfo,callback){// provide user info.// e.g. {// 'id': 'user_id',// 'name': 'User Name',// 'url': 'http://example.com/',// 'icon': 'http://example.com/sample.png'// }callback(clientDefaultUserInfo);return;}});// middleware - biflora resourcesapp.use(biflora.clientLibs());biflora.setupWebSocket(server,incense.getBifloraApi(),incense.getBifloraMain());// middleware - Incense API for Expressapp.use('/path/to/incense/api',incense.getExpressMiddleware());// middleware - frontend documentsapp.use(express.static('/path/to/htdocs/'));server.listen(3000,function(){console.log('message: server-standby');});MySQLを利用する場合は次のように書きます。
vardb_host="your.dbhost",db_database="your_scheme_name",db_user="mysql_user_name",db_password="mysql_password";incense=newIncense({'dataDir': ......,'db': {"dbms": "mysql","host": db_host,"database": db_database,"user": db_user,"password": db_password,"tablePrefix": "incense"},'getUserInfo': ......
});<!DOCTYPE html><html><head><metacharset="utf-8" /><title>passiful/incense</title><!-- incense --><linkrel="stylesheet" href="./common/dist/incense.css" /></head><body><h1>passiful/incense</h1><divclass="test-wrap"><divid="testBoardElement"></div><divid="testTimelineElement"></div></div><!-- socket.io --><scriptsrc="/socket.io/socket.io.js" type="text/javascript"></script><!-- biflora --><scriptsrc="/biflora/biflora.js" type="text/javascript"></script><!-- incense --><scriptsrc="./common/dist/incense.js" type="text/javascript"></script><!-- initialize code --><script>window.incense=newIncense();incense.init({'elmBoard': document.getElementById('testBoardElement'),'elmTimeline': document.getElementById('testTimelineElement'),'boardId': 1234567890,// <- discussion board name'apiUrl': window.location.origin+'/path/to/incense/api',// <- URL of Incense API Express Middleware'userInfo': {'id': 'tester',// <- login user id'name': 'Test User',// <- login user name'url': 'https://example.com/',// <- login user profile page'icon': 'https://example.com/sample.png'// <- login user icon}},function(){console.log('incense standby.');});</script></body></html>- incense.init( options, callback ) : 初期化する
- incense.getUserInfo() : ログインユーザーの情報を取得する
- incense.getBoardId() : ボードIDを取得する
- incense.getWidgetList( callback ) : ウィジェットの一覧を取得する
- incense.sendMessage( msg, callback ) : メッセージを送信する
- incense.zoom() : ボードの拡大率を設定する
- incense.getZoomRate() : ボードの拡大率を取得する
- incense.scrollToBoardCenter() : ボードの中央へスクロール移動する
- NodeJS v6.x
- MySQLに対応した。
- zoom位置をboardの中心に合わせるようにした。
scrollToBoardCenter()追加- textarea編集中のダブルクリックイベントを無効化。
- データベース構造に関する修正。複数のボードデータを1つのデータベースで管理できるようになった。
- issuetree を discussiontree に改名。
- discussiontree: 答の初期値を 空欄 に変更。
- discussiontree: 問と答の編集を連続的に行えるようにカーソル移動ロジックを調整した。
- discussiontree: Vote 機能を GOOD! 機能に改名。
- ボードの拡大・縮小をキーボードショートカットでできるようにした。(dmauro-Keypress が必要)
- データベースを統合した。ボードごとに別のDBを持つのではなく、共通のDBファイルを持つように変更。
- タイムラインにクリップボード上の画像をペーストして投稿できるようになった。
- タイムラインにファイルを投稿できるようになった。
- サーバーサイドに Express Middleware を追加。
- クライアントサイドのオプションに
apiUrlを追加。 - 過去の投稿を削除する機能を追加。
- その他不具合などの修正。
- ウィンドウサイズ変更時に、選択状態の表示を更新するようにした。
#widget.36のようなハッシュをつけてアクセスすると、ウィジェットにフォーカスした画面からスタートできるようになった。- ログイン、ログアウトまわりの処理を調整した。
- ユーザー情報に
urlとiconを追加。 - ズームAPI
zoom()、getZoomRate()追加。 - 他のウィジェット上にドロップする操作で、親ウィジェットを変更できるようになった。
- サーバーサイドに
getUserInfo()オプション追加 - ボードデータ格納ディレクトリパスの生成規則を変更。2文字ずつ分割してパスを生成するようになった。
- initial release.
Copyright (c)2016-2019 Tomoya Koyanagi, and Passiful Project
MIT License https://opensource.org/licenses/mit-license.php
- Tomoya Koyanagi tomk79@gmail.com
- website: https://www.pxt.jp/
- Twitter: @tomk79 https://twitter.com/tomk79/