mirror of
https://github.com/ilyakooo0/urbit.git
synced 2024-11-11 04:48:00 +03:00
tree query refactoring part 1
This commit is contained in:
Anton Dyudin
parent
01027ba611
commit
1664d5a2fc
@ -16,6 +16,7 @@
|
||||
::
|
||||
++ json-front
|
||||
|= a=json ^- json
|
||||
=< ?~(. [%b |] .) :: XX overloaded nulls
|
||||
=- (fall `(unit json)`- ~)
|
||||
%+ biff ((ar some):jo a)
|
||||
%+ find-in-tree (ot c/(ar some) gn/so ga/(om so) ~):jo
|
||||
|
||||
@ -2,6 +2,13 @@
|
||||
|
||||
`:tree` is the web filesystem interface.
|
||||
|
||||
# Data retrieval interface
|
||||
Async provides loading by schema
|
||||
|
||||
`{path name sein sibs next prev}` are all immediately accesible from the store
|
||||
|
||||
a `getPath` method, if present (defaulting to current url), is used to determine the query root node.
|
||||
|
||||
# Internals
|
||||
|
||||
something something coffeescript
|
||||
|
||||
@ -21,20 +21,35 @@ module.exports =
|
||||
path:path
|
||||
kids:kids
|
||||
|
||||
getPath: (path,endpoint="") ->
|
||||
|
||||
getPath: (path,query) ->
|
||||
return unless query?
|
||||
if path.slice(-1) is "/" then path = path.slice(0,-1)
|
||||
|
||||
query={ # XX unify
|
||||
"": "body.r__kids_name.t"
|
||||
kids: "kids_name.t_body.r"
|
||||
snip: "kids_name.t_snip.r_head.r_meta.j"
|
||||
}[endpoint]
|
||||
if typeof query is 'string'
|
||||
query={ # XX unify
|
||||
body: {
|
||||
body:'r'
|
||||
kids:
|
||||
name:'t'
|
||||
}
|
||||
kids: {
|
||||
kids:
|
||||
name:'t'
|
||||
body:'r'
|
||||
}
|
||||
snip: {
|
||||
kids:
|
||||
name:'t'
|
||||
snip:'r'
|
||||
head:'r'
|
||||
meta:'j'
|
||||
}
|
||||
}[query]
|
||||
|
||||
TreePersistence.get path,query,(err,res) =>
|
||||
switch endpoint
|
||||
when "snip" then @loadSnip path,res.kids
|
||||
when "kids" then @loadKids path,res.kids
|
||||
switch
|
||||
when query.kids?.snip then @loadSnip path,res.kids
|
||||
when query.kids?.body then @loadKids path,res.kids
|
||||
else @loadPath path,res.body,res.kids
|
||||
|
||||
setCurr: (path) ->
|
||||
|
||||
@ -5,7 +5,7 @@ TreeStore = require '../stores/TreeStore.coffee'
|
||||
TreeActions = require '../actions/TreeActions.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
[div,a] = [React.DOM.div,React.DOM.a]
|
||||
{div,a} = React.DOM
|
||||
|
||||
module.exports = recl
|
||||
displayName: "Anchor"
|
||||
@ -17,14 +17,10 @@ module.exports = recl
|
||||
snip:TreeStore.getSnip()
|
||||
next:TreeStore.getNext()
|
||||
prev:TreeStore.getPrev()
|
||||
#kids:TreeStore.getKids()
|
||||
#tree:TreeStore.getTree([])
|
||||
cont:TreeStore.getCont()
|
||||
url:window.location.pathname
|
||||
}
|
||||
|
||||
checkPath: (path) -> @state.cont[path]?
|
||||
|
||||
toggleFocus: (state) ->
|
||||
$(@getDOMNode()).toggleClass 'focus',state
|
||||
|
||||
@ -45,22 +41,17 @@ module.exports = recl
|
||||
next = href_parts[0]
|
||||
if next.substr(-1) is "/" then next = next.slice(0,-1)
|
||||
href_parts[0] = next
|
||||
if hist isnt false then history.pushState {}, "", window.tree.basepath href_parts.join ""
|
||||
rend = false
|
||||
if hist isnt false
|
||||
history.pushState {}, "", window.tree.basepath href_parts.join ""
|
||||
if next isnt @state.path
|
||||
React.unmountComponentAtNode $('#cont')[0]
|
||||
rend = true
|
||||
TreeActions.setCurr next
|
||||
if rend is true
|
||||
TreeActions.setCurr next
|
||||
React.render (BodyComponent {}, ""),$('#cont')[0]
|
||||
|
||||
goTo: (path) ->
|
||||
@toggleFocus false
|
||||
$("html,body").animate {scrollTop:0}
|
||||
frag = path.split("#")[0]
|
||||
@setPath path
|
||||
if not @checkPath frag
|
||||
TreeActions.getPath frag
|
||||
|
||||
checkURL: ->
|
||||
if @state.url isnt window.location.pathname
|
||||
@ -78,7 +69,7 @@ module.exports = recl
|
||||
up = @state.pare ? "/"
|
||||
if up.slice(-1) is "/" then up = up.slice 0,-1
|
||||
|
||||
unless @state.cont[up]? then TreeActions.getPath up
|
||||
unless @state.cont[up]? then TreeActions.getPath up, "body"
|
||||
|
||||
unless TreeStore.gotSnip(up) then TreeActions.getPath up, "snip"
|
||||
|
||||
|
||||
50
pub/tree/src/js/components/Async.coffee
Normal file
50
pub/tree/src/js/components/Async.coffee
Normal file
@ -0,0 +1,50 @@
|
||||
load = React.createFactory require './LoadComponent.coffee'
|
||||
|
||||
TreeStore = require '../stores/TreeStore.coffee'
|
||||
TreeActions = require '../actions/TreeActions.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
{div,span,code} = React.DOM
|
||||
|
||||
module.exports = (queries, Child)-> recl
|
||||
displayName: "Async"
|
||||
stateFromStore: ->
|
||||
path= @props.dataPath ? TreeStore.getCurr()
|
||||
{path,got: TreeStore.fulfill path, queries}
|
||||
componentDidMount: ->
|
||||
TreeStore.addChangeListener @_onChangeStore
|
||||
@checkPath()
|
||||
|
||||
componentWillUnmount: ->
|
||||
TreeStore.removeChangeListener @_onChangeStore
|
||||
|
||||
componentDidUpdate: (_props,_state) -> @checkPath()
|
||||
filterQueries: -> @filterWith @state.got, queries
|
||||
filterWith: (have,_queries)->
|
||||
return _queries unless have?
|
||||
request = {}
|
||||
for k of _queries
|
||||
request[k] = _queries[k] unless have[k]?
|
||||
if _queries.kids? and have.kids?
|
||||
if _.isEmpty have.kids
|
||||
request.kids = _queries.kids
|
||||
else
|
||||
request.kids = {}
|
||||
for k,kid of have.kids
|
||||
_.merge request.kids, @filterWith kid, _queries.kids
|
||||
if _.isEmpty request.kids
|
||||
delete request.kids
|
||||
request unless _.isEmpty request
|
||||
|
||||
checkPath: -> TreeActions.getPath @state.path, @filterQueries()
|
||||
getInitialState: -> @stateFromStore()
|
||||
_onChangeStore: ->
|
||||
@setState @stateFromStore()
|
||||
|
||||
render: -> div {},
|
||||
#span {}, JSON.stringify @filterQueries()
|
||||
if @filterQueries()?
|
||||
(div {className:"loading"}, (load {}, ""))
|
||||
else React.createElement Child,
|
||||
(_.merge @props, @state.got),
|
||||
@props.children
|
||||
@ -1,32 +1,10 @@
|
||||
reactify = React.createFactory require './Reactify.coffee'
|
||||
|
||||
TreeStore = require '../stores/TreeStore.coffee'
|
||||
TreeActions = require '../actions/TreeActions.coffee'
|
||||
query = require './Async.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
div = React.DOM.div
|
||||
{div} = React.DOM
|
||||
|
||||
module.exports = recl
|
||||
module.exports = query {body:'r',path:'t'}, recl
|
||||
displayName: "Body"
|
||||
stateFromStore: ->
|
||||
body:TreeStore.getBody()
|
||||
curr:TreeStore.getCurr()
|
||||
|
||||
componentDidMount: ->
|
||||
TreeStore.addChangeListener @_onChangeStore
|
||||
|
||||
componentWillUnmount: ->
|
||||
TreeStore.removeChangeListener @_onChangeStore
|
||||
|
||||
componentDidUpdate: (_props,_state) ->
|
||||
if _state.curr isnt @state.curr
|
||||
console.log "this wasn't happening"
|
||||
#setTimeout (=> @getPath _state.curr), 0
|
||||
|
||||
getInitialState: -> @stateFromStore()
|
||||
|
||||
_onChangeStore: ->
|
||||
@setState @stateFromStore()
|
||||
|
||||
render: -> (div {},
|
||||
(div {id:'body',key:"body"+@state.curr}, (reactify manx: @state.body)))
|
||||
render: -> (div {}, (div {id:'body',key:"body"+@props.path},
|
||||
(reactify manx: @props.body)))
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
recl = React.createClass
|
||||
[div,textarea] = [React.DOM.div,React.DOM.textarea]
|
||||
{div,textarea} = React.DOM
|
||||
|
||||
module.exports = recl
|
||||
render: -> div {}, textarea ref:'ed', value:@props.value
|
||||
|
||||
@ -1,38 +1,11 @@
|
||||
TreeStore = require '../stores/TreeStore.coffee'
|
||||
TreeActions = require '../actions/TreeActions.coffee'
|
||||
reactify = (manx)-> React.createElement window.tree.reactify, {manx}
|
||||
query = require './Async.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
[div,a,ul,li,hr] = [React.DOM.div,React.DOM.a,React.DOM.ul,React.DOM.li,React.DOM.hr]
|
||||
{div,a,ul,li,hr} = React.DOM
|
||||
|
||||
module.exports = recl
|
||||
module.exports = query {kids: body:'r'},recl
|
||||
displayName: "Kids"
|
||||
stateFromStore: ->
|
||||
path = @props.dataPath ? TreeStore.getCurr()
|
||||
{
|
||||
path
|
||||
cont:TreeStore.getCont()
|
||||
tree:TreeStore.getTree(path.split("/"))
|
||||
}
|
||||
|
||||
getInitialState: -> @stateFromStore()
|
||||
|
||||
_onChangeStore: -> @setState @stateFromStore()
|
||||
|
||||
gotPath: ->
|
||||
_keys = _(@state.tree).keys()
|
||||
(not _keys.isEmpty()) and _keys.every (k) =>
|
||||
@state.cont[@state.path+"/"+k]?
|
||||
|
||||
componentWillUnmount: ->
|
||||
TreeStore.removeChangeListener @_onChangeStore
|
||||
|
||||
componentDidMount: ->
|
||||
TreeStore.addChangeListener @_onChangeStore
|
||||
TreeActions.getPath @state.path,"kids" unless @gotPath()
|
||||
|
||||
render: ->
|
||||
div {key:"kids-"+@state.path,className:"kids"},
|
||||
unless @gotPath() then (reactify null)
|
||||
else for v in _.keys(@state.tree).sort()
|
||||
[(div {key:v}, reactify @state.cont[@state.path+"/"+v]), (hr {},"")]
|
||||
render: -> div {className:"kids"},
|
||||
for v in _.keys(@props.kids).sort()
|
||||
[(div {key:v}, reactify @props.kids[v].body), (hr {},"")]
|
||||
|
||||
@ -1,64 +1,44 @@
|
||||
clas = require 'classnames'
|
||||
|
||||
TreeStore = require '../stores/TreeStore.coffee'
|
||||
TreeActions = require '../actions/TreeActions.coffee'
|
||||
|
||||
load = React.createFactory require './LoadComponent.coffee'
|
||||
reactify = (manx)-> React.createElement window.tree.reactify, {manx}
|
||||
query = require './Async.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
[div,a,ul,li,h1] = [React.DOM.div,React.DOM.a,React.DOM.ul,React.DOM.li,React.DOM.h1]
|
||||
{div,a,ul,li,h1} = React.DOM
|
||||
|
||||
module.exports = recl
|
||||
module.exports = query {
|
||||
path:'t'
|
||||
kids:
|
||||
snip:'r'
|
||||
head:'r'
|
||||
meta:'j'
|
||||
}, recl
|
||||
displayName: "List"
|
||||
stateFromStore: ->
|
||||
path = @props.dataPath ? TreeStore.getCurr()
|
||||
{
|
||||
path
|
||||
snip:TreeStore.getSnip()
|
||||
tree:TreeStore.getTree(path.split("/"))
|
||||
}
|
||||
|
||||
_onChangeStore: ->
|
||||
@setState @stateFromStore()
|
||||
|
||||
componentWillUnmount: ->
|
||||
TreeStore.removeChangeListener @_onChangeStore
|
||||
|
||||
getInitialState: -> @stateFromStore()
|
||||
|
||||
gotPath: -> TreeStore.gotSnip(@state.path)
|
||||
|
||||
componentDidMount: ->
|
||||
TreeStore.addChangeListener @_onChangeStore
|
||||
TreeActions.getPath @state.path, "snip" unless @gotPath()
|
||||
|
||||
|
||||
render: ->
|
||||
k = clas
|
||||
list: true
|
||||
posts: @props.dataType is 'post'
|
||||
default: @props['data-source'] is 'default'
|
||||
(ul {className:k}, @renderList())
|
||||
renderList: ->
|
||||
if not @gotPath()
|
||||
return (div {className:"loading"}, (load {}, ""))
|
||||
_keys = _.keys(@state.tree).sort()
|
||||
_keys = _.keys(@props.kids).sort()
|
||||
if @props.dataType is 'post' then _keys=_keys.reverse()
|
||||
for item in _keys
|
||||
path = @state.path+"/"+item
|
||||
snip = @state.snip[path]
|
||||
path = @props.path+"/"+item
|
||||
elem = @props.kids[item]
|
||||
href = window.tree.basepath path
|
||||
li {className:@props.dataType ? ""},
|
||||
a {href,className:(clas preview: @props.dataPreview?)},
|
||||
if not @props.dataPreview? then (h1 {},item)
|
||||
else if @props.dataType is 'post'
|
||||
head =
|
||||
if snip.meta?.title
|
||||
if elem.meta?.title
|
||||
gn: 'h1'
|
||||
c: [snip.meta.title]
|
||||
else snip.head
|
||||
c: [elem.meta.title]
|
||||
else elem.head
|
||||
reactify
|
||||
gn: 'div'
|
||||
c: [head, (snip.body.c.slice 0,2)...]
|
||||
else if @props.titlesOnly? then reactify snip.head
|
||||
else [(reactify snip.head), (reactify snip.body)]
|
||||
|
||||
render: ->
|
||||
k = "list"
|
||||
if @props['data-source'] is 'default' then k += " default"
|
||||
if @props.dataType is 'post' then k += " posts"
|
||||
(ul {className:k,key:"list-"+@state.path}, @renderList())
|
||||
c: [head, (elem.snip.c.slice 0,2)...]
|
||||
else if @props.titlesOnly? then reactify elem.head
|
||||
else [(reactify elem.head), (reactify elem.snip)]
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
recl = React.createClass
|
||||
[div,input,textarea] = [React.DOM.div,React.DOM.input,React.DOM.textarea]
|
||||
{div,input,textarea} = React.DOM
|
||||
|
||||
module.exports = recl
|
||||
displayName: "Load"
|
||||
|
||||
@ -1,11 +1,12 @@
|
||||
recl = React.createClass
|
||||
span = React.DOM.span
|
||||
load = require './LoadComponent.coffee'
|
||||
recl = React.createClass
|
||||
{div,span} = React.DOM
|
||||
|
||||
codemirror = React.createFactory require './CodeMirror.coffee'
|
||||
list = React.createFactory require './ListComponent.coffee'
|
||||
kids = React.createFactory require './KidsComponent.coffee'
|
||||
lost = React.createFactory recl render: -> (div {}, "lost")
|
||||
load = React.createFactory require './LoadComponent.coffee'
|
||||
|
||||
codemirror = require './CodeMirror.coffee'
|
||||
list = require './ListComponent.coffee'
|
||||
kids = require './KidsComponent.coffee'
|
||||
lost = recl render: -> (div {}, "lost")
|
||||
components =
|
||||
kids:kids
|
||||
list:list
|
||||
|
||||
@ -28,25 +28,44 @@ module.exports = {
|
||||
kids: kids
|
||||
});
|
||||
},
|
||||
getPath: function(path, endpoint) {
|
||||
var query;
|
||||
if (endpoint == null) {
|
||||
endpoint = "";
|
||||
getPath: function(path, query) {
|
||||
if (query == null) {
|
||||
return;
|
||||
}
|
||||
if (path.slice(-1) === "/") {
|
||||
path = path.slice(0, -1);
|
||||
}
|
||||
query = {
|
||||
"": "body.r__kids_name.t",
|
||||
kids: "kids_name.t_body.r",
|
||||
snip: "kids_name.t_snip.r_head.r_meta.j"
|
||||
}[endpoint];
|
||||
if (typeof query === 'string') {
|
||||
query = {
|
||||
body: {
|
||||
body: 'r',
|
||||
kids: {
|
||||
name: 't'
|
||||
}
|
||||
},
|
||||
kids: {
|
||||
kids: {
|
||||
name: 't',
|
||||
body: 'r'
|
||||
}
|
||||
},
|
||||
snip: {
|
||||
kids: {
|
||||
name: 't',
|
||||
snip: 'r',
|
||||
head: 'r',
|
||||
meta: 'j'
|
||||
}
|
||||
}
|
||||
}[query];
|
||||
}
|
||||
return TreePersistence.get(path, query, (function(_this) {
|
||||
return function(err, res) {
|
||||
switch (endpoint) {
|
||||
case "snip":
|
||||
var ref, ref1;
|
||||
switch (false) {
|
||||
case !((ref = query.kids) != null ? ref.snip : void 0):
|
||||
return _this.loadSnip(path, res.kids);
|
||||
case "kids":
|
||||
case !((ref1 = query.kids) != null ? ref1.body : void 0):
|
||||
return _this.loadKids(path, res.kids);
|
||||
default:
|
||||
return _this.loadPath(path, res.body, res.kids);
|
||||
@ -64,7 +83,7 @@ module.exports = {
|
||||
|
||||
|
||||
|
||||
},{"../dispatcher/Dispatcher.coffee":9,"../persistence/TreePersistence.coffee":15}],2:[function(require,module,exports){
|
||||
},{"../dispatcher/Dispatcher.coffee":10,"../persistence/TreePersistence.coffee":16}],2:[function(require,module,exports){
|
||||
var BodyComponent, TreeActions, TreeStore, a, div, reactify, recl, ref,
|
||||
slice = [].slice;
|
||||
|
||||
@ -78,7 +97,7 @@ TreeActions = require('../actions/TreeActions.coffee');
|
||||
|
||||
recl = React.createClass;
|
||||
|
||||
ref = [React.DOM.div, React.DOM.a], div = ref[0], a = ref[1];
|
||||
ref = React.DOM, div = ref.div, a = ref.a;
|
||||
|
||||
module.exports = recl({
|
||||
displayName: "Anchor",
|
||||
@ -94,9 +113,6 @@ module.exports = recl({
|
||||
url: window.location.pathname
|
||||
};
|
||||
},
|
||||
checkPath: function(path) {
|
||||
return this.state.cont[path] != null;
|
||||
},
|
||||
toggleFocus: function(state) {
|
||||
return $(this.getDOMNode()).toggleClass('focus', state);
|
||||
},
|
||||
@ -117,7 +133,7 @@ module.exports = recl({
|
||||
return dt = this.ts - Number(Date.now());
|
||||
},
|
||||
setPath: function(href, hist) {
|
||||
var href_parts, next, rend;
|
||||
var href_parts, next;
|
||||
href_parts = href.split("#");
|
||||
next = href_parts[0];
|
||||
if (next.substr(-1) === "/") {
|
||||
@ -127,27 +143,18 @@ module.exports = recl({
|
||||
if (hist !== false) {
|
||||
history.pushState({}, "", window.tree.basepath(href_parts.join("")));
|
||||
}
|
||||
rend = false;
|
||||
if (next !== this.state.path) {
|
||||
React.unmountComponentAtNode($('#cont')[0]);
|
||||
rend = true;
|
||||
}
|
||||
TreeActions.setCurr(next);
|
||||
if (rend === true) {
|
||||
TreeActions.setCurr(next);
|
||||
return React.render(BodyComponent({}, ""), $('#cont')[0]);
|
||||
}
|
||||
},
|
||||
goTo: function(path) {
|
||||
var frag;
|
||||
this.toggleFocus(false);
|
||||
$("html,body").animate({
|
||||
scrollTop: 0
|
||||
});
|
||||
frag = path.split("#")[0];
|
||||
this.setPath(path);
|
||||
if (!this.checkPath(frag)) {
|
||||
return TreeActions.getPath(frag);
|
||||
}
|
||||
return this.setPath(path);
|
||||
},
|
||||
checkURL: function() {
|
||||
if (this.state.url !== window.location.pathname) {
|
||||
@ -170,7 +177,7 @@ module.exports = recl({
|
||||
up = up.slice(0, -1);
|
||||
}
|
||||
if (this.state.cont[up] == null) {
|
||||
TreeActions.getPath(up);
|
||||
TreeActions.getPath(up, "body");
|
||||
}
|
||||
if (!TreeStore.gotSnip(up)) {
|
||||
return TreeActions.getPath(up, "snip");
|
||||
@ -299,10 +306,10 @@ module.exports = recl({
|
||||
|
||||
|
||||
|
||||
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":16,"./BodyComponent.coffee":3,"./Reactify.coffee":8}],3:[function(require,module,exports){
|
||||
var TreeActions, TreeStore, div, reactify, recl;
|
||||
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":17,"./BodyComponent.coffee":4,"./Reactify.coffee":9}],3:[function(require,module,exports){
|
||||
var TreeActions, TreeStore, code, div, load, recl, ref, span;
|
||||
|
||||
reactify = React.createFactory(require('./Reactify.coffee'));
|
||||
load = React.createFactory(require('./LoadComponent.coffee'));
|
||||
|
||||
TreeStore = require('../stores/TreeStore.coffee');
|
||||
|
||||
@ -310,51 +317,115 @@ TreeActions = require('../actions/TreeActions.coffee');
|
||||
|
||||
recl = React.createClass;
|
||||
|
||||
ref = React.DOM, div = ref.div, span = ref.span, code = ref.code;
|
||||
|
||||
module.exports = function(queries, Child) {
|
||||
return recl({
|
||||
displayName: "Async",
|
||||
stateFromStore: function() {
|
||||
var path, ref1;
|
||||
path = (ref1 = this.props.dataPath) != null ? ref1 : TreeStore.getCurr();
|
||||
return {
|
||||
path: path,
|
||||
got: TreeStore.fulfill(path, queries)
|
||||
};
|
||||
},
|
||||
componentDidMount: function() {
|
||||
TreeStore.addChangeListener(this._onChangeStore);
|
||||
return this.checkPath();
|
||||
},
|
||||
componentWillUnmount: function() {
|
||||
return TreeStore.removeChangeListener(this._onChangeStore);
|
||||
},
|
||||
componentDidUpdate: function(_props, _state) {
|
||||
return this.checkPath();
|
||||
},
|
||||
filterQueries: function() {
|
||||
return this.filterWith(this.state.got, queries);
|
||||
},
|
||||
filterWith: function(have, _queries) {
|
||||
var k, kid, ref1, request;
|
||||
if (have == null) {
|
||||
return _queries;
|
||||
}
|
||||
request = {};
|
||||
for (k in _queries) {
|
||||
if (have[k] == null) {
|
||||
request[k] = _queries[k];
|
||||
}
|
||||
}
|
||||
if ((_queries.kids != null) && (have.kids != null)) {
|
||||
if (_.isEmpty(have.kids)) {
|
||||
request.kids = _queries.kids;
|
||||
} else {
|
||||
request.kids = {};
|
||||
ref1 = have.kids;
|
||||
for (k in ref1) {
|
||||
kid = ref1[k];
|
||||
_.merge(request.kids, this.filterWith(kid, _queries.kids));
|
||||
}
|
||||
if (_.isEmpty(request.kids)) {
|
||||
delete request.kids;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!_.isEmpty(request)) {
|
||||
return request;
|
||||
}
|
||||
},
|
||||
checkPath: function() {
|
||||
return TreeActions.getPath(this.state.path, this.filterQueries());
|
||||
},
|
||||
getInitialState: function() {
|
||||
return this.stateFromStore();
|
||||
},
|
||||
_onChangeStore: function() {
|
||||
return this.setState(this.stateFromStore());
|
||||
},
|
||||
render: function() {
|
||||
return div({}, this.filterQueries() != null ? div({
|
||||
className: "loading"
|
||||
}, load({}, "")) : React.createElement(Child, _.merge(this.props, this.state.got), this.props.children));
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
|
||||
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":17,"./LoadComponent.coffee":8}],4:[function(require,module,exports){
|
||||
var div, query, reactify, recl;
|
||||
|
||||
reactify = React.createFactory(require('./Reactify.coffee'));
|
||||
|
||||
query = require('./Async.coffee');
|
||||
|
||||
recl = React.createClass;
|
||||
|
||||
div = React.DOM.div;
|
||||
|
||||
module.exports = recl({
|
||||
module.exports = query({
|
||||
body: 'r',
|
||||
path: 't'
|
||||
}, recl({
|
||||
displayName: "Body",
|
||||
stateFromStore: function() {
|
||||
return {
|
||||
body: TreeStore.getBody(),
|
||||
curr: TreeStore.getCurr()
|
||||
};
|
||||
},
|
||||
componentDidMount: function() {
|
||||
return TreeStore.addChangeListener(this._onChangeStore);
|
||||
},
|
||||
componentWillUnmount: function() {
|
||||
return TreeStore.removeChangeListener(this._onChangeStore);
|
||||
},
|
||||
componentDidUpdate: function(_props, _state) {
|
||||
if (_state.curr !== this.state.curr) {
|
||||
return console.log("this wasn't happening");
|
||||
}
|
||||
},
|
||||
getInitialState: function() {
|
||||
return this.stateFromStore();
|
||||
},
|
||||
_onChangeStore: function() {
|
||||
return this.setState(this.stateFromStore());
|
||||
},
|
||||
render: function() {
|
||||
return div({}, div({
|
||||
id: 'body',
|
||||
key: "body" + this.state.curr
|
||||
key: "body" + this.props.path
|
||||
}, reactify({
|
||||
manx: this.state.body
|
||||
manx: this.props.body
|
||||
})));
|
||||
}
|
||||
});
|
||||
}));
|
||||
|
||||
|
||||
|
||||
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":16,"./Reactify.coffee":8}],4:[function(require,module,exports){
|
||||
},{"./Async.coffee":3,"./Reactify.coffee":9}],5:[function(require,module,exports){
|
||||
var div, recl, ref, textarea;
|
||||
|
||||
recl = React.createClass;
|
||||
|
||||
ref = [React.DOM.div, React.DOM.textarea], div = ref[0], textarea = ref[1];
|
||||
ref = React.DOM, div = ref.div, textarea = ref.textarea;
|
||||
|
||||
module.exports = recl({
|
||||
render: function() {
|
||||
@ -373,12 +444,8 @@ module.exports = recl({
|
||||
|
||||
|
||||
|
||||
},{}],5:[function(require,module,exports){
|
||||
var TreeActions, TreeStore, a, div, hr, li, reactify, recl, ref, ul;
|
||||
|
||||
TreeStore = require('../stores/TreeStore.coffee');
|
||||
|
||||
TreeActions = require('../actions/TreeActions.coffee');
|
||||
},{}],6:[function(require,module,exports){
|
||||
var a, div, hr, li, query, reactify, recl, ref, ul;
|
||||
|
||||
reactify = function(manx) {
|
||||
return React.createElement(window.tree.reactify, {
|
||||
@ -386,140 +453,90 @@ reactify = function(manx) {
|
||||
});
|
||||
};
|
||||
|
||||
query = require('./Async.coffee');
|
||||
|
||||
recl = React.createClass;
|
||||
|
||||
ref = [React.DOM.div, React.DOM.a, React.DOM.ul, React.DOM.li, React.DOM.hr], div = ref[0], a = ref[1], ul = ref[2], li = ref[3], hr = ref[4];
|
||||
ref = React.DOM, div = ref.div, a = ref.a, ul = ref.ul, li = ref.li, hr = ref.hr;
|
||||
|
||||
module.exports = recl({
|
||||
module.exports = query({
|
||||
kids: {
|
||||
body: 'r'
|
||||
}
|
||||
}, recl({
|
||||
displayName: "Kids",
|
||||
stateFromStore: function() {
|
||||
var path, ref1;
|
||||
path = (ref1 = this.props.dataPath) != null ? ref1 : TreeStore.getCurr();
|
||||
return {
|
||||
path: path,
|
||||
cont: TreeStore.getCont(),
|
||||
tree: TreeStore.getTree(path.split("/"))
|
||||
};
|
||||
},
|
||||
getInitialState: function() {
|
||||
return this.stateFromStore();
|
||||
},
|
||||
_onChangeStore: function() {
|
||||
return this.setState(this.stateFromStore());
|
||||
},
|
||||
gotPath: function() {
|
||||
var _keys;
|
||||
_keys = _(this.state.tree).keys();
|
||||
return (!_keys.isEmpty()) && _keys.every((function(_this) {
|
||||
return function(k) {
|
||||
return _this.state.cont[_this.state.path + "/" + k] != null;
|
||||
};
|
||||
})(this));
|
||||
},
|
||||
componentWillUnmount: function() {
|
||||
return TreeStore.removeChangeListener(this._onChangeStore);
|
||||
},
|
||||
componentDidMount: function() {
|
||||
TreeStore.addChangeListener(this._onChangeStore);
|
||||
if (!this.gotPath()) {
|
||||
return TreeActions.getPath(this.state.path, "kids");
|
||||
}
|
||||
},
|
||||
render: function() {
|
||||
var v;
|
||||
return div({
|
||||
key: "kids-" + this.state.path,
|
||||
className: "kids"
|
||||
}, (function() {
|
||||
var i, len, ref1, results;
|
||||
if (!this.gotPath()) {
|
||||
return reactify(null);
|
||||
} else {
|
||||
ref1 = _.keys(this.state.tree).sort();
|
||||
results = [];
|
||||
for (i = 0, len = ref1.length; i < len; i++) {
|
||||
v = ref1[i];
|
||||
results.push([
|
||||
div({
|
||||
key: v
|
||||
}, reactify(this.state.cont[this.state.path + "/" + v])), hr({}, "")
|
||||
]);
|
||||
}
|
||||
return results;
|
||||
ref1 = _.keys(this.props.kids).sort();
|
||||
results = [];
|
||||
for (i = 0, len = ref1.length; i < len; i++) {
|
||||
v = ref1[i];
|
||||
results.push([
|
||||
div({
|
||||
key: v
|
||||
}, reactify(this.props.kids[v].body)), hr({}, "")
|
||||
]);
|
||||
}
|
||||
return results;
|
||||
}).call(this));
|
||||
}
|
||||
});
|
||||
}));
|
||||
|
||||
|
||||
|
||||
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":16}],6:[function(require,module,exports){
|
||||
var TreeActions, TreeStore, a, clas, div, h1, li, load, reactify, recl, ref, ul,
|
||||
},{"./Async.coffee":3}],7:[function(require,module,exports){
|
||||
var a, clas, div, h1, li, query, reactify, recl, ref, ul,
|
||||
slice = [].slice;
|
||||
|
||||
clas = require('classnames');
|
||||
|
||||
TreeStore = require('../stores/TreeStore.coffee');
|
||||
|
||||
TreeActions = require('../actions/TreeActions.coffee');
|
||||
|
||||
load = React.createFactory(require('./LoadComponent.coffee'));
|
||||
|
||||
reactify = function(manx) {
|
||||
return React.createElement(window.tree.reactify, {
|
||||
manx: manx
|
||||
});
|
||||
};
|
||||
|
||||
query = require('./Async.coffee');
|
||||
|
||||
recl = React.createClass;
|
||||
|
||||
ref = [React.DOM.div, React.DOM.a, React.DOM.ul, React.DOM.li, React.DOM.h1], div = ref[0], a = ref[1], ul = ref[2], li = ref[3], h1 = ref[4];
|
||||
ref = React.DOM, div = ref.div, a = ref.a, ul = ref.ul, li = ref.li, h1 = ref.h1;
|
||||
|
||||
module.exports = recl({
|
||||
module.exports = query({
|
||||
path: 't',
|
||||
kids: {
|
||||
snip: 'r',
|
||||
head: 'r',
|
||||
meta: 'j'
|
||||
}
|
||||
}, recl({
|
||||
displayName: "List",
|
||||
stateFromStore: function() {
|
||||
var path, ref1;
|
||||
path = (ref1 = this.props.dataPath) != null ? ref1 : TreeStore.getCurr();
|
||||
return {
|
||||
path: path,
|
||||
snip: TreeStore.getSnip(),
|
||||
tree: TreeStore.getTree(path.split("/"))
|
||||
};
|
||||
},
|
||||
_onChangeStore: function() {
|
||||
return this.setState(this.stateFromStore());
|
||||
},
|
||||
componentWillUnmount: function() {
|
||||
return TreeStore.removeChangeListener(this._onChangeStore);
|
||||
},
|
||||
getInitialState: function() {
|
||||
return this.stateFromStore();
|
||||
},
|
||||
gotPath: function() {
|
||||
return TreeStore.gotSnip(this.state.path);
|
||||
},
|
||||
componentDidMount: function() {
|
||||
TreeStore.addChangeListener(this._onChangeStore);
|
||||
if (!this.gotPath()) {
|
||||
return TreeActions.getPath(this.state.path, "snip");
|
||||
}
|
||||
render: function() {
|
||||
var k;
|
||||
k = clas({
|
||||
list: true,
|
||||
posts: this.props.dataType === 'post',
|
||||
"default": this.props['data-source'] === 'default'
|
||||
});
|
||||
return ul({
|
||||
className: k
|
||||
}, this.renderList());
|
||||
},
|
||||
renderList: function() {
|
||||
var _keys, head, href, i, item, len, path, ref1, ref2, results, snip;
|
||||
if (!this.gotPath()) {
|
||||
return div({
|
||||
className: "loading"
|
||||
}, load({}, ""));
|
||||
}
|
||||
_keys = _.keys(this.state.tree).sort();
|
||||
var _keys, elem, head, href, i, item, len, path, ref1, ref2, results;
|
||||
_keys = _.keys(this.props.kids).sort();
|
||||
if (this.props.dataType === 'post') {
|
||||
_keys = _keys.reverse();
|
||||
}
|
||||
results = [];
|
||||
for (i = 0, len = _keys.length; i < len; i++) {
|
||||
item = _keys[i];
|
||||
path = this.state.path + "/" + item;
|
||||
snip = this.state.snip[path];
|
||||
path = this.props.path + "/" + item;
|
||||
elem = this.props.kids[item];
|
||||
href = window.tree.basepath(path);
|
||||
results.push(li({
|
||||
className: (ref1 = this.props.dataType) != null ? ref1 : ""
|
||||
@ -528,40 +545,26 @@ module.exports = recl({
|
||||
className: clas({
|
||||
preview: this.props.dataPreview != null
|
||||
})
|
||||
}, this.props.dataPreview == null ? h1({}, item) : this.props.dataType === 'post' ? (head = ((ref2 = snip.meta) != null ? ref2.title : void 0) ? {
|
||||
}, this.props.dataPreview == null ? h1({}, item) : this.props.dataType === 'post' ? (head = ((ref2 = elem.meta) != null ? ref2.title : void 0) ? {
|
||||
gn: 'h1',
|
||||
c: [snip.meta.title]
|
||||
} : snip.head, reactify({
|
||||
c: [elem.meta.title]
|
||||
} : elem.head, reactify({
|
||||
gn: 'div',
|
||||
c: [head].concat(slice.call(snip.body.c.slice(0, 2)))
|
||||
})) : this.props.titlesOnly != null ? reactify(snip.head) : [reactify(snip.head), reactify(snip.body)])));
|
||||
c: [head].concat(slice.call(elem.snip.c.slice(0, 2)))
|
||||
})) : this.props.titlesOnly != null ? reactify(elem.head) : [reactify(elem.head), reactify(elem.snip)])));
|
||||
}
|
||||
return results;
|
||||
},
|
||||
render: function() {
|
||||
var k;
|
||||
k = "list";
|
||||
if (this.props['data-source'] === 'default') {
|
||||
k += " default";
|
||||
}
|
||||
if (this.props.dataType === 'post') {
|
||||
k += " posts";
|
||||
}
|
||||
return ul({
|
||||
className: k,
|
||||
key: "list-" + this.state.path
|
||||
}, this.renderList());
|
||||
}
|
||||
});
|
||||
}));
|
||||
|
||||
|
||||
|
||||
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":16,"./LoadComponent.coffee":7,"classnames":11}],7:[function(require,module,exports){
|
||||
},{"./Async.coffee":3,"classnames":12}],8:[function(require,module,exports){
|
||||
var div, input, recl, ref, textarea;
|
||||
|
||||
recl = React.createClass;
|
||||
|
||||
ref = [React.DOM.div, React.DOM.input, React.DOM.textarea], div = ref[0], input = ref[1], textarea = ref[2];
|
||||
ref = React.DOM, div = ref.div, input = ref.input, textarea = ref.textarea;
|
||||
|
||||
module.exports = recl({
|
||||
displayName: "Load",
|
||||
@ -595,26 +598,26 @@ module.exports = recl({
|
||||
|
||||
|
||||
|
||||
},{}],8:[function(require,module,exports){
|
||||
var codemirror, components, kids, list, load, lost, recl, span;
|
||||
},{}],9:[function(require,module,exports){
|
||||
var codemirror, components, div, kids, list, load, lost, recl, ref, span;
|
||||
|
||||
recl = React.createClass;
|
||||
|
||||
span = React.DOM.span;
|
||||
ref = React.DOM, div = ref.div, span = ref.span;
|
||||
|
||||
load = require('./LoadComponent.coffee');
|
||||
load = React.createFactory(require('./LoadComponent.coffee'));
|
||||
|
||||
codemirror = React.createFactory(require('./CodeMirror.coffee'));
|
||||
codemirror = require('./CodeMirror.coffee');
|
||||
|
||||
list = React.createFactory(require('./ListComponent.coffee'));
|
||||
list = require('./ListComponent.coffee');
|
||||
|
||||
kids = React.createFactory(require('./KidsComponent.coffee'));
|
||||
kids = require('./KidsComponent.coffee');
|
||||
|
||||
lost = React.createFactory(recl({
|
||||
lost = recl({
|
||||
render: function() {
|
||||
return div({}, "lost");
|
||||
}
|
||||
}));
|
||||
});
|
||||
|
||||
components = {
|
||||
kids: kids,
|
||||
@ -629,7 +632,7 @@ module.exports = recl({
|
||||
return this.walk(this.props.manx);
|
||||
},
|
||||
walk: function(obj, key) {
|
||||
var ref;
|
||||
var ref1;
|
||||
switch (false) {
|
||||
case !(obj == null):
|
||||
return span({
|
||||
@ -638,7 +641,7 @@ module.exports = recl({
|
||||
case typeof obj !== "string":
|
||||
return obj;
|
||||
case obj.gn == null:
|
||||
return React.createElement((ref = components[obj.gn]) != null ? ref : obj.gn, $.extend({
|
||||
return React.createElement((ref1 = components[obj.gn]) != null ? ref1 : obj.gn, $.extend({
|
||||
key: key
|
||||
}, obj.ga), obj.c.map(this.walk));
|
||||
default:
|
||||
@ -649,7 +652,7 @@ module.exports = recl({
|
||||
|
||||
|
||||
|
||||
},{"./CodeMirror.coffee":4,"./KidsComponent.coffee":5,"./ListComponent.coffee":6,"./LoadComponent.coffee":7}],9:[function(require,module,exports){
|
||||
},{"./CodeMirror.coffee":5,"./KidsComponent.coffee":6,"./ListComponent.coffee":7,"./LoadComponent.coffee":8}],10:[function(require,module,exports){
|
||||
var Dispatcher;
|
||||
|
||||
Dispatcher = require('flux').Dispatcher;
|
||||
@ -671,7 +674,7 @@ module.exports = _.extend(new Dispatcher(), {
|
||||
|
||||
|
||||
|
||||
},{"flux":12}],10:[function(require,module,exports){
|
||||
},{"flux":13}],11:[function(require,module,exports){
|
||||
var rend;
|
||||
|
||||
rend = React.render;
|
||||
@ -818,7 +821,7 @@ $(function() {
|
||||
|
||||
|
||||
|
||||
},{"./actions/TreeActions.coffee":1,"./components/AnchorComponent.coffee":2,"./components/BodyComponent.coffee":3,"./components/Reactify.coffee":8,"./persistence/TreePersistence.coffee":15}],11:[function(require,module,exports){
|
||||
},{"./actions/TreeActions.coffee":1,"./components/AnchorComponent.coffee":2,"./components/BodyComponent.coffee":4,"./components/Reactify.coffee":9,"./persistence/TreePersistence.coffee":16}],12:[function(require,module,exports){
|
||||
/*!
|
||||
Copyright (c) 2015 Jed Watson.
|
||||
Licensed under the MIT License (MIT), see
|
||||
@ -869,7 +872,7 @@ $(function() {
|
||||
|
||||
}());
|
||||
|
||||
},{}],12:[function(require,module,exports){
|
||||
},{}],13:[function(require,module,exports){
|
||||
/**
|
||||
* Copyright (c) 2014-2015, Facebook, Inc.
|
||||
* All rights reserved.
|
||||
@ -881,7 +884,7 @@ $(function() {
|
||||
|
||||
module.exports.Dispatcher = require('./lib/Dispatcher')
|
||||
|
||||
},{"./lib/Dispatcher":13}],13:[function(require,module,exports){
|
||||
},{"./lib/Dispatcher":14}],14:[function(require,module,exports){
|
||||
/*
|
||||
* Copyright (c) 2014, Facebook, Inc.
|
||||
* All rights reserved.
|
||||
@ -1133,7 +1136,7 @@ var _prefix = 'ID_';
|
||||
|
||||
module.exports = Dispatcher;
|
||||
|
||||
},{"./invariant":14}],14:[function(require,module,exports){
|
||||
},{"./invariant":15}],15:[function(require,module,exports){
|
||||
/**
|
||||
* Copyright (c) 2014, Facebook, Inc.
|
||||
* All rights reserved.
|
||||
@ -1188,25 +1191,58 @@ var invariant = function(condition, format, a, b, c, d, e, f) {
|
||||
|
||||
module.exports = invariant;
|
||||
|
||||
},{}],15:[function(require,module,exports){
|
||||
},{}],16:[function(require,module,exports){
|
||||
module.exports = {
|
||||
get: function(path, query, cb) {
|
||||
var url;
|
||||
if (query == null) {
|
||||
query = "no-query";
|
||||
}
|
||||
url = (window.tree.basepath(path)) + ".json?q=" + query;
|
||||
url = (window.tree.basepath(path)) + ".json?q=" + (this.encode(query));
|
||||
return $.get(url, {}, function(data) {
|
||||
if (cb) {
|
||||
return cb(null, data);
|
||||
}
|
||||
});
|
||||
},
|
||||
encode: function(obj) {
|
||||
var _encode, delim;
|
||||
delim = function(n) {
|
||||
return ('_'.repeat(n)) || '.';
|
||||
};
|
||||
_encode = function(obj) {
|
||||
var _dep, dep, k, res, sub, v;
|
||||
if (typeof obj !== 'object') {
|
||||
return [0, obj];
|
||||
}
|
||||
dep = 0;
|
||||
sub = (function() {
|
||||
var ref, results;
|
||||
results = [];
|
||||
for (k in obj) {
|
||||
v = obj[k];
|
||||
ref = _encode(v), _dep = ref[0], res = ref[1];
|
||||
if (_dep > dep) {
|
||||
dep = _dep;
|
||||
}
|
||||
if (res != null) {
|
||||
results.push(k + (delim(_dep)) + res);
|
||||
} else {
|
||||
results.push(void 0);
|
||||
}
|
||||
}
|
||||
return results;
|
||||
})();
|
||||
dep++;
|
||||
return [dep, sub.join(delim(dep))];
|
||||
};
|
||||
return (_encode(obj))[1];
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
},{}],16:[function(require,module,exports){
|
||||
},{}],17:[function(require,module,exports){
|
||||
var EventEmitter, MessageDispatcher, TreeStore, _cont, _curr, _got_snip, _snip, _tree, clog;
|
||||
|
||||
EventEmitter = require('events').EventEmitter;
|
||||
@ -1238,6 +1274,89 @@ TreeStore = _.extend(EventEmitter.prototype, {
|
||||
pathToArr: function(_path) {
|
||||
return _path.split("/");
|
||||
},
|
||||
filterQuery: function(query) {
|
||||
return this.filterWith(this.fulfill(_curr, query), query);
|
||||
},
|
||||
filterWith: function(have, query) {
|
||||
var _query, k, kid, ref;
|
||||
if (have == null) {
|
||||
return query;
|
||||
}
|
||||
_query = {};
|
||||
for (k in query) {
|
||||
if (have[k] == null) {
|
||||
_query[k] = query[k];
|
||||
}
|
||||
}
|
||||
if ((query.kids != null) && (have.kids != null)) {
|
||||
if (_.isEmpty(have.kids)) {
|
||||
_query.kids = query.kids;
|
||||
} else {
|
||||
_query.kids = {};
|
||||
ref = have.kids;
|
||||
for (k in ref) {
|
||||
kid = ref[k];
|
||||
_.merge(_query.kids, this.filterWith(kid, query.kids));
|
||||
}
|
||||
if (_.isEmpty(_query.kids)) {
|
||||
delete _query.kids;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!_.isEmpty(_query)) {
|
||||
return _query;
|
||||
}
|
||||
},
|
||||
fulfill: function(path, query) {
|
||||
var data, i, k, len, ref, ref1, ref2, ref3;
|
||||
data = this.fulfillLocal(path, query);
|
||||
if (query.body) {
|
||||
data.body = _cont[path];
|
||||
}
|
||||
if (query.head) {
|
||||
data.head = (ref = _snip[path]) != null ? ref.head : void 0;
|
||||
}
|
||||
if (query.snip) {
|
||||
data.snip = (ref1 = _snip[path]) != null ? ref1.body : void 0;
|
||||
}
|
||||
if (query.meta) {
|
||||
data.meta = (ref2 = _snip[path]) != null ? ref2.meta : void 0;
|
||||
}
|
||||
if (query.kids) {
|
||||
data.kids = {};
|
||||
ref3 = this.getKids(path);
|
||||
for (i = 0, len = ref3.length; i < len; i++) {
|
||||
k = ref3[i];
|
||||
data.kids[k] = this.fulfill(path + "/" + k, query.kids);
|
||||
}
|
||||
}
|
||||
if (!_.isEmpty(data)) {
|
||||
return data;
|
||||
}
|
||||
},
|
||||
fulfillLocal: function(path, query) {
|
||||
var data;
|
||||
data = {};
|
||||
if (query.path) {
|
||||
data.path = path;
|
||||
}
|
||||
if (query.name) {
|
||||
data.name = path.split("/").pop();
|
||||
}
|
||||
if (query.sein) {
|
||||
data.sein = TreeStore.getPare(path);
|
||||
}
|
||||
if (query.sibs) {
|
||||
data.sibs = TreeStore.getSiblings(path);
|
||||
}
|
||||
if (query.next) {
|
||||
data.next = TreeStore.getNext(path);
|
||||
}
|
||||
if (query.prev) {
|
||||
data.prev = TreeStore.getPrev(path);
|
||||
}
|
||||
return data;
|
||||
},
|
||||
getTree: function(_path) {
|
||||
var i, len, sub, tree;
|
||||
tree = _tree;
|
||||
@ -1281,11 +1400,11 @@ TreeStore = _.extend(EventEmitter.prototype, {
|
||||
return !!_got_snip[path];
|
||||
},
|
||||
loadSnip: function(path, kids) {
|
||||
var k, v;
|
||||
var i, len, v;
|
||||
this.mergePathToTree(path, _.pluck(kids, "name"));
|
||||
if ((kids != null ? kids.length : void 0) !== 0) {
|
||||
for (k in kids) {
|
||||
v = kids[k];
|
||||
for (i = 0, len = kids.length; i < len; i++) {
|
||||
v = kids[i];
|
||||
_snip[path + "/" + v.name] = {
|
||||
head: {
|
||||
gn: 'h1',
|
||||
@ -1339,12 +1458,18 @@ TreeStore = _.extend(EventEmitter.prototype, {
|
||||
this.mergePathToTree(path, _.pluck(kids, "name"));
|
||||
return _cont[path] = body;
|
||||
},
|
||||
getKids: function() {
|
||||
return _.keys(this.getTree(_curr.split("/")));
|
||||
getKids: function(path) {
|
||||
if (path == null) {
|
||||
path = _curr;
|
||||
}
|
||||
return _.keys(this.getTree(path.split("/")));
|
||||
},
|
||||
getSiblings: function() {
|
||||
getSiblings: function(path) {
|
||||
var curr;
|
||||
curr = _curr.split("/");
|
||||
if (path == null) {
|
||||
path = _curr;
|
||||
}
|
||||
curr = path.split("/");
|
||||
curr.pop();
|
||||
if (curr.length !== 0) {
|
||||
return this.getTree(curr);
|
||||
@ -1352,9 +1477,12 @@ TreeStore = _.extend(EventEmitter.prototype, {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
getPrev: function() {
|
||||
getPrev: function(path) {
|
||||
var ind, key, par, sibs, win;
|
||||
sibs = _.keys(this.getSiblings()).sort();
|
||||
if (path == null) {
|
||||
path = _curr;
|
||||
}
|
||||
sibs = _.keys(this.getSiblings(path)).sort();
|
||||
if (sibs.length < 2) {
|
||||
return null;
|
||||
} else {
|
||||
@ -1366,9 +1494,12 @@ TreeStore = _.extend(EventEmitter.prototype, {
|
||||
return par.join("/");
|
||||
}
|
||||
},
|
||||
getNext: function() {
|
||||
getNext: function(path) {
|
||||
var ind, key, par, sibs, win;
|
||||
sibs = _.keys(this.getSiblings()).sort();
|
||||
if (path == null) {
|
||||
path = _curr;
|
||||
}
|
||||
sibs = _.keys(this.getSiblings(path)).sort();
|
||||
if (sibs.length < 2) {
|
||||
return null;
|
||||
} else {
|
||||
@ -1380,9 +1511,12 @@ TreeStore = _.extend(EventEmitter.prototype, {
|
||||
return par.join("/");
|
||||
}
|
||||
},
|
||||
getPare: function() {
|
||||
getPare: function(path) {
|
||||
var _path;
|
||||
_path = this.pathToArr(_curr);
|
||||
if (path == null) {
|
||||
path = _curr;
|
||||
}
|
||||
_path = this.pathToArr(path);
|
||||
if (_path.length > 1) {
|
||||
_path.pop();
|
||||
_path = _path.join("/");
|
||||
@ -1394,9 +1528,12 @@ TreeStore = _.extend(EventEmitter.prototype, {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
getCrumbs: function() {
|
||||
getCrumbs: function(path) {
|
||||
var _path, crum, crums, k, v;
|
||||
_path = this.pathToArr(_curr);
|
||||
if (path == null) {
|
||||
path = _curr;
|
||||
}
|
||||
_path = this.pathToArr(path);
|
||||
crum = "";
|
||||
crums = [];
|
||||
for (k in _path) {
|
||||
@ -1441,7 +1578,7 @@ module.exports = TreeStore;
|
||||
|
||||
|
||||
|
||||
},{"../dispatcher/Dispatcher.coffee":9,"events":17}],17:[function(require,module,exports){
|
||||
},{"../dispatcher/Dispatcher.coffee":10,"events":18}],18:[function(require,module,exports){
|
||||
// Copyright Joyent, Inc. and other Node contributors.
|
||||
//
|
||||
// Permission is hereby granted, free of charge, to any person obtaining a
|
||||
@ -1744,4 +1881,4 @@ function isUndefined(arg) {
|
||||
return arg === void 0;
|
||||
}
|
||||
|
||||
},{}]},{},[10]);
|
||||
},{}]},{},[11]);
|
||||
|
||||
@ -1,4 +1,17 @@
|
||||
module.exports =
|
||||
get: (path,query="no-query",cb) ->
|
||||
url = "#{window.tree.basepath(path)}.json?q=#{query}"
|
||||
url = "#{window.tree.basepath(path)}.json?q=#{@encode query}"
|
||||
$.get url, {}, (data) -> if cb then cb null,data
|
||||
encode: (obj)->
|
||||
delim = (n)-> ('_'.repeat n) || '.'
|
||||
_encode = (obj)->
|
||||
if typeof obj isnt 'object'
|
||||
return [0,obj]
|
||||
dep = 0
|
||||
sub = for k,v of obj
|
||||
[_dep,res] = _encode v
|
||||
dep = _dep if _dep > dep
|
||||
k+(delim _dep)+res if res?
|
||||
dep++
|
||||
[dep, sub.join delim dep]
|
||||
(_encode obj)[1]
|
||||
|
||||
@ -17,6 +17,45 @@ TreeStore = _.extend EventEmitter.prototype, {
|
||||
|
||||
pathToArr: (_path) -> _path.split "/"
|
||||
|
||||
filterQuery: (query)-> @filterWith (@fulfill _curr, query), query
|
||||
filterWith: (have,query)->
|
||||
return query unless have?
|
||||
_query = {}
|
||||
for k of query
|
||||
_query[k] = query[k] unless have[k]?
|
||||
if query.kids? and have.kids?
|
||||
if _.isEmpty have.kids
|
||||
_query.kids = query.kids
|
||||
else
|
||||
_query.kids = {}
|
||||
for k,kid of have.kids
|
||||
_.merge _query.kids, @filterWith kid, query.kids
|
||||
if _.isEmpty _query.kids
|
||||
delete _query.kids
|
||||
_query unless _.isEmpty _query
|
||||
|
||||
fulfill: (path,query)->
|
||||
data = @fulfillLocal path, query
|
||||
if query.body then data.body = _cont[path]
|
||||
if query.head then data.head = _snip[path]?.head
|
||||
if query.snip then data.snip = _snip[path]?.body
|
||||
if query.meta then data.meta = _snip[path]?.meta
|
||||
if query.kids
|
||||
data.kids = {}
|
||||
for k in @getKids path
|
||||
data.kids[k] = @fulfill path+"/"+k, query.kids
|
||||
data unless _.isEmpty data
|
||||
|
||||
fulfillLocal: (path, query)->
|
||||
data = {}
|
||||
if query.path then data.path = path
|
||||
if query.name then data.name = path.split("/").pop()
|
||||
if query.sein then data.sein = TreeStore.getPare path
|
||||
if query.sibs then data.sibs = TreeStore.getSiblings path
|
||||
if query.next then data.next = TreeStore.getNext path
|
||||
if query.prev then data.prev = TreeStore.getPrev path
|
||||
data
|
||||
|
||||
getTree: (_path) ->
|
||||
tree = _tree
|
||||
for sub in _path
|
||||
@ -45,7 +84,7 @@ TreeStore = _.extend EventEmitter.prototype, {
|
||||
loadSnip: (path,kids) ->
|
||||
@mergePathToTree path,_.pluck(kids,"name")
|
||||
if kids?.length isnt 0
|
||||
for k,v of kids
|
||||
for v in kids
|
||||
_snip[path+"/"+v.name] =
|
||||
head: {gn:'h1',c:v.head}
|
||||
body: {gn:'div',c:v.snip}
|
||||
@ -69,18 +108,18 @@ TreeStore = _.extend EventEmitter.prototype, {
|
||||
@mergePathToTree path,_.pluck(kids,"name")
|
||||
_cont[path] = body
|
||||
|
||||
getKids: -> _.keys @getTree _curr.split("/")
|
||||
getKids: (path=_curr)-> _.keys @getTree path.split("/")
|
||||
|
||||
getSiblings: ->
|
||||
curr = _curr.split("/")
|
||||
getSiblings: (path=_curr)->
|
||||
curr = path.split("/")
|
||||
curr.pop()
|
||||
if curr.length isnt 0
|
||||
@getTree curr
|
||||
else
|
||||
{}
|
||||
|
||||
getPrev: ->
|
||||
sibs = _.keys(@getSiblings()).sort()
|
||||
getPrev: (path=_curr)->
|
||||
sibs = _.keys(@getSiblings path).sort()
|
||||
if sibs.length < 2
|
||||
null
|
||||
else
|
||||
@ -91,8 +130,8 @@ TreeStore = _.extend EventEmitter.prototype, {
|
||||
par.push win
|
||||
par.join "/"
|
||||
|
||||
getNext: ->
|
||||
sibs = _.keys(@getSiblings()).sort()
|
||||
getNext: (path=_curr)->
|
||||
sibs = _.keys(@getSiblings path).sort()
|
||||
if sibs.length < 2
|
||||
null
|
||||
else
|
||||
@ -103,8 +142,8 @@ TreeStore = _.extend EventEmitter.prototype, {
|
||||
par.push win
|
||||
par.join "/"
|
||||
|
||||
getPare: ->
|
||||
_path = @pathToArr _curr
|
||||
getPare: (path=_curr)->
|
||||
_path = @pathToArr path
|
||||
if _path.length > 1
|
||||
_path.pop()
|
||||
_path = _path.join "/"
|
||||
@ -113,8 +152,8 @@ TreeStore = _.extend EventEmitter.prototype, {
|
||||
else
|
||||
null
|
||||
|
||||
getCrumbs: ->
|
||||
_path = @pathToArr _curr
|
||||
getCrumbs: (path=_curr)->
|
||||
_path = @pathToArr path
|
||||
crum = ""
|
||||
crums = []
|
||||
for k,v of _path
|
||||
|
||||
@ -56,8 +56,8 @@
|
||||
%kids ?< (~(has by (mo p.a)) %kids) :: XX recursion?
|
||||
=< a/(turn (~(tap by kid)) .)
|
||||
|= [dir=span dak=tree-include]
|
||||
^^$(quy p.a, s.bem [dir s.bem], dat dak, kid ~)
|
||||
==
|
||||
^^$(quy [name/%t p.a], s.bem [dir s.bem], dat dak, kid ~)
|
||||
== :: XX array
|
||||
--
|
||||
!:
|
||||
::::
|
||||
|
||||
Loading…
Reference in New Issue
Block a user