EverestCamp is the most simple knoweldge base tool.

Work in progress:

Features

Intuitive user experience
AutoSave everywhere
Drag and Drop image upload
Data tree to structure knoweldge articles.
Drag and Drop sortable data tree
Responsive and reactive
Markdown editor with live preview

Todo

Multiple File paste
Routing Access Control
Data Acess Control
View visiblity Access - make nav el for unauthorized user in, add edit button on post view
Create AutoSave for every 3 seconds in editor.
Add user management site - table with search and role dropdown
User profile - change username, email, last and firstname, password
create collaborative editor prototype by syncing content block

Bugs

find Notification tool that works - https://github.com/igorprado/react-notification-system or fork react-notify-toast
Replace FS Collection
Register return value is not processed
Notifcations are not persistend on route change

Longterm Task

Demo deploy http://meteortips.com/deployment-tutorial/digitalocean-part-1/
Internationalization german, english
Password Strength measurer client and server
plural naming to singular
Make Posts and Files archiveable
Protect Overwriting in Edit mode
Add link by drag n drop
History view with textdiff comparison and restore function - http://kpdecker.github.io/jsdiff/ /:id/compare/:date
Support LDAP authentication
Support LDAP group membership check
Mark Node search results
Add Helped Me Button for visitors
Add Elastic Search
Add REST API - http://meteor-rest.readthedocs.org/en/rtd/rest/
Create mobile app with Meteor Cordova

Done

Fix header title
Content optional?maybe?
Add username and lastname, firstname to form
Routing Config into Meteor Settings
Guest user Fronted - PostSearch with SingleView with content and last author.
FlowRouter not found konfigurieren
Bootstrap 4 - Replace form-group with p tag
slug title redirect
Update navigation / -> forntpage, post -> mainpage
post single does not work -> fuck
Limit is ignored by PostList
Insert image dialog https://facebook.github.io/draft-js/docs/quickstart-rich-styling.html#content
fix slug from post
fix author update in post
User role setup
Add save button for new version by user - https://github.com/aldeed/meteor-collection2
Email Verification redirect
Public checkbox for post and file
Inject image css into markdown parser
Make components dual -> either load data from props or subscription
Add Draft.js as Editor - https://facebook.github.io/draft-js/docs/overview.html#content
Replace the other bootstrap components
Rework subsription management > see files modal in post-edit
Copy paste in editor adds div
TreeView node list is also filtered
TreeView without subsciber
Fix undefined in className
Mark active Post in tree
NodeList selector causes sub twice
remove jquery validation (jquery and form validations)
Replace manual className adding with classnames
replace div with grid row
Focus Title field when open post or node -> only if id of post changed
Drag n drop is triggered two times
Draggable TreeView - http://webcloud.se/sortable-list-component-react-js/
Multi file upload in gallery
Add profile for user with empty collapsedNodes
Fix logout redirect
set max load for images
Create fulltext search - https://meteorhacks.com/implementing-an-instant-search-solution-with-meteor/
Add image search
Extend image gallery: name, delete
Enable copy and paste of image
Rename published to public
Add mobile media upload
Remove tags
Fix Frontend
Add Github flavored Markdown
Fix files upload by method
Add singup with email verification
Signup with E-Mail validation
Rename Buttons
Add fullscreen for Editor
Add Dialog for Nodes -> make like post and show edit page
Enable renaming and deletion of Nodes -> add edit with delete button and contentEditable
Update name of post in node list
add type and ref_id to Node
Add post to node
Image inline uploader
Finish Editor -> show markown on load, css, picture link
Fix pasting Text
getPath replace title with ID
search function that uses path to filter -> search for items that match and display their path

Rejected

Add split view - https://atmospherejs.com/cosmos/browserify#use-in-a-meteor-app https://github.com/nathancahill/Split.js
Save cursor position in Editor - http://jsfiddle.net/WeWy7/3/ http://stackoverflow.com/questions/13949059/persisting-the-changes-of-range-objects-after-selection-in-html/13950376#13950376
Previous and next Button for file-edit

Sources

Editor https://github.com/JedWatson/react-md-editor

Framework https://kadirahq.github.io/mantra/#sec-Server-Side-Rendering-SSR-

Treeview https://github.com/chenglou/react-treeview

Sample App https://github.com/mantrajs/mantra-sample-blog-app

React Blog https://github.com/themeteorchef/building-a-blog-with-react

Inline Upload https://github.com/Rovak/InlineAttachment

Content Editable https://github.com/lovasoa/react-contenteditable

Design Pattern https://medium.com/@SamCorcos/meteor-react-design-pattern-mixins-v-composable-components-990a5411e1b7

Meteor settings https://themeteorchef.com/snippets/making-use-of-settings-json/

Thinking in React https://facebook.github.io/react/docs/thinking-in-react.html

Drag n Drop Basics http://www.html5rocks.com/en/tutorials/dnd/basics/

ES6 modules http://www.2ality.com/2014/09/es6-modules-final.html

ES6 check http://www.2ality.com/2013/04/check-undefined.html

Basics of Subscriptions https://stackoverflow.com/questions/19826804/understanding-meteor-publish-subscribe/21853298#21853298

Multiple Subscriptions http://stackoverflow.com/questions/12632452/publishing-subscribing-multiple-subsets-of-the-same-server-collection

Extending user https://medium.com/all-about-meteorjs/extending-meteor-users-300a6cb8e17f#.2fgjfwejb

Docs

Run

meteor --settings settings-default.json

Roles and permissions

Admin: Full Access on files, nodes, posts, users
Builder: CRUD nodes, posts, files
Author: CRU posts, files
Public: R public posts, files

Naming concept

CamelCase is for visibility and unserscore_case is for readability.

Files

React components: CamelCase
Everything else: underscore_case

Functions

React functions: CamelCase
Everything else: underscore_case

ContentEditable

in Parent Component add:

constructor(props, context) {
  super(props, context);

  this.state = {
    shouldChildComponentUpdate: false,
    showModal: false
  };
};

componentWillReceiveProps(nextProps){
  // when parent has received new props also update child component
  this.setState({
    shouldChildComponentUpdate: nextProps.nodeId != this.props.nodeId
  });
}

componentDidUpdate(){
  // once parent is updated do not update child component
  this.state.shouldChildComponentUpdate = false
}

Then pass the shouldChildComponentUpdate state to the ContentEditable component. This will make sure, that the component only updates when the data context changes.

Crazy Bugs

When using subscriptions with parameters make sure to add an else statement.

if(Meteor.subscribe('posts.single', postId).ready()) {
  console.log("onData post-edit")
  const post = posts_single(postId).fetch()[0];
  onData(null, {post});
}else{
  onData(null, {});
}

samithaj/EverestCamp