mirror of
https://github.com/ilyakooo0/urbit.git
synced 2024-11-13 08:38:43 +03:00
cleaner tree
This commit is contained in:
Galen Wolfe-Pauly
parent
80b1245789
commit
dcdba18903
@ -1,69 +0,0 @@
|
||||
/* */
|
||||
/*-- bau --*/
|
||||
/* */
|
||||
|
||||
@font-face
|
||||
font-family "bau"
|
||||
src url("//storage.googleapis.com/urbit-extra/bau.woff")
|
||||
font-weight 400
|
||||
font-style normal
|
||||
@font-face
|
||||
font-family "bau"
|
||||
src url("//storage.googleapis.com/urbit-extra/bau-italic.woff")
|
||||
font-weight 400
|
||||
font-style italic
|
||||
@font-face
|
||||
font-family "bau"
|
||||
src url("//storage.googleapis.com/urbit-extra/bau-medium.woff")
|
||||
font-weight 500
|
||||
font-style normal
|
||||
@font-face
|
||||
font-family "bau"
|
||||
src url("//storage.googleapis.com/urbit-extra/bau-mediumitalic.woff")
|
||||
font-weight 500
|
||||
font-style italic
|
||||
@font-face
|
||||
font-family "bau"
|
||||
src url("//storage.googleapis.com/urbit-extra/bau-bold.woff")
|
||||
font-weight 600
|
||||
font-style normal
|
||||
@font-face
|
||||
font-family "bau"
|
||||
src url("//storage.googleapis.com/urbit-extra/bau-bolditalic.woff")
|
||||
font-weight 600
|
||||
font-style italic
|
||||
@font-face
|
||||
font-family "bau"
|
||||
src url("//storage.googleapis.com/urbit-extra/bau-super.woff")
|
||||
font-weight 600
|
||||
font-style normal
|
||||
@font-face
|
||||
font-family "bau"
|
||||
src url("//storage.googleapis.com/urbit-extra/bau-superitalic.woff")
|
||||
font-weight 600
|
||||
font-style italic
|
||||
|
||||
/* */
|
||||
/*-- scp --*/
|
||||
/* */
|
||||
|
||||
@font-face
|
||||
font-family "scp"
|
||||
src url("//storage.googleapis.com/urbit-extra/scp-extralight.woff")
|
||||
font-weight 200
|
||||
font-style normal
|
||||
@font-face
|
||||
font-family "scp"
|
||||
src url("//storage.googleapis.com/urbit-extra/scp-light.woff")
|
||||
font-weight 300
|
||||
font-style normal
|
||||
@font-face
|
||||
font-family "scp"
|
||||
src url("//storage.googleapis.com/urbit-extra/scp-regular.woff")
|
||||
font-weight 400
|
||||
font-style normal
|
||||
@font-face
|
||||
font-family "scp"
|
||||
src url("//storage.googleapis.com/urbit-extra/scp-medium.woff")
|
||||
font-weight 500
|
||||
font-style normal
|
||||
@ -1,175 +0,0 @@
|
||||
.bar
|
||||
margin-top 2rem
|
||||
margin-bottom 2rem
|
||||
& > div
|
||||
display inline-block
|
||||
a.logo
|
||||
display inline-block
|
||||
height 2rem
|
||||
vertical-align middle
|
||||
border none
|
||||
img.logo
|
||||
margin-right 18px
|
||||
margin-top 0
|
||||
ul
|
||||
margin 0
|
||||
line-height 2rem
|
||||
display inline-block
|
||||
li::before
|
||||
content ''
|
||||
padding-right none
|
||||
li
|
||||
display inline-block
|
||||
margin-bottom 0
|
||||
margin-right 1rem
|
||||
vertical-align middle
|
||||
li a
|
||||
border-bottom none
|
||||
text-decoration underline
|
||||
li a h1
|
||||
margin 0
|
||||
line-height inherit
|
||||
text-transform capitalize
|
||||
font-size 1.2rem
|
||||
h1
|
||||
text-transform capitalize
|
||||
font-size 1rem
|
||||
font-weight 400
|
||||
letter-spacing .03rem
|
||||
|
||||
.lead
|
||||
#body
|
||||
margin-top 3rem
|
||||
margin-top 0
|
||||
|
||||
h1
|
||||
margin-top 1rem
|
||||
vertical-align middle
|
||||
line-height 4rem
|
||||
&.fold
|
||||
margin-top 6rem
|
||||
|
||||
.list li h1
|
||||
line-height 2rem
|
||||
|
||||
&
|
||||
font-size 1.6rem
|
||||
line-height 2.6rem
|
||||
|
||||
a
|
||||
line-height 1rem
|
||||
|
||||
p
|
||||
font-size 1.6rem
|
||||
line-height 3rem
|
||||
|
||||
.mono
|
||||
font-size 1.3rem
|
||||
|
||||
.footer
|
||||
margin 4rem 0 4rem 0
|
||||
p
|
||||
margin 0
|
||||
font-size .7rem
|
||||
code
|
||||
line-height 1rem
|
||||
font-size .7rem
|
||||
|
||||
input.email
|
||||
border-radius 0
|
||||
font inherit
|
||||
font-family 'scp'
|
||||
font-weight 300
|
||||
line-height 2rem
|
||||
min-width 2rem
|
||||
border 0
|
||||
outline 0
|
||||
background-color transparent
|
||||
border-bottom 3px dotted #000
|
||||
margin-right 1rem
|
||||
display inline-block
|
||||
&.valid
|
||||
color #99F27C
|
||||
&.error
|
||||
color #F74040
|
||||
|
||||
.email:empty:not(:focus):before
|
||||
content attr(data-ph)
|
||||
|
||||
::-webkit-input-placeholder
|
||||
color #e6e7e8
|
||||
|
||||
:-moz-placeholder
|
||||
color #e6e7e8
|
||||
|
||||
::-moz-placeholder
|
||||
color #e6e7e8
|
||||
|
||||
:-ms-input-placeholder
|
||||
color #e6e7e8
|
||||
|
||||
button.submit
|
||||
font inherit
|
||||
border 0
|
||||
background-color #fff
|
||||
border-bottom 3px solid #000
|
||||
font-size 1.6rem
|
||||
line-height 1.6rem
|
||||
display inline-block
|
||||
text-align left
|
||||
margin-top 1rem
|
||||
height 2rem
|
||||
padding 0 .6rem
|
||||
|
||||
.date
|
||||
font-weight 400
|
||||
|
||||
@media only screen and (max-width: 1170px)
|
||||
#cont.lead
|
||||
top 0rem
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 1024px)
|
||||
#cont.lead
|
||||
top 0rem
|
||||
font-size 1rem
|
||||
line-height 1.6rem
|
||||
|
||||
.post h1
|
||||
font-size 2rem
|
||||
line-height 3rem
|
||||
|
||||
.bar
|
||||
margin-top 1rem
|
||||
margin-bottom 1rem
|
||||
|
||||
.list li h1,
|
||||
font-size 1rem
|
||||
line-height 1.6rem
|
||||
|
||||
img.logo
|
||||
display block
|
||||
margin-bottom 1rem
|
||||
|
||||
h1.leader,
|
||||
h1.fold
|
||||
font-size 1.6rem
|
||||
line-height 3rem
|
||||
margin-left 0
|
||||
|
||||
.list li,
|
||||
.list li a,
|
||||
.list li h1,
|
||||
font-size 1rem
|
||||
line-height 1.6rem
|
||||
|
||||
input.email
|
||||
font-size 1.2rem
|
||||
width 100%
|
||||
|
||||
button.submit
|
||||
font-size 1rem
|
||||
|
||||
.date,
|
||||
div.footer
|
||||
font-size .6rem
|
||||
|
||||
@ -1,447 +0,0 @@
|
||||
@import 'fonts'
|
||||
|
||||
body
|
||||
html
|
||||
font-family "bau","Helvetica Neue",helvetica,arial,sans-serif
|
||||
|
||||
code
|
||||
pre
|
||||
li:before
|
||||
.spin
|
||||
#bred a
|
||||
.mono
|
||||
h3.time
|
||||
font-family "scp","Courier New",courier,monospace
|
||||
|
||||
body
|
||||
html
|
||||
font-size 18px
|
||||
font-weight 400
|
||||
line-height 1.6rem
|
||||
-webkit-text-size-adjust none
|
||||
|
||||
p
|
||||
font-size 1.2rem
|
||||
line-height 2rem
|
||||
|
||||
a
|
||||
color #000
|
||||
border-bottom 1px solid #000
|
||||
text-decoration none
|
||||
display inline-block
|
||||
line-height .8rem
|
||||
|
||||
a:visited
|
||||
opacity .5
|
||||
|
||||
a code
|
||||
line-height inherit
|
||||
|
||||
hr
|
||||
display inline-block
|
||||
width 6rem
|
||||
border 0
|
||||
border-top 2px solid #f4f4f4
|
||||
|
||||
h1
|
||||
margin-top 4rem
|
||||
line-height 2.6rem
|
||||
|
||||
#body > div > h1:first-of-type
|
||||
#body div.short > h1:first-of-type
|
||||
margin-top 1rem
|
||||
|
||||
h2
|
||||
h3
|
||||
margin 0
|
||||
margin-top 2rem
|
||||
|
||||
h1
|
||||
h2
|
||||
h3
|
||||
h4
|
||||
strong
|
||||
font-weight 500
|
||||
|
||||
h4
|
||||
margin-bottom .3rem
|
||||
|
||||
h5
|
||||
font-style italic
|
||||
font-weight 200
|
||||
margin 0
|
||||
|
||||
h1 code
|
||||
h2 code
|
||||
h3 code
|
||||
font-size inherit
|
||||
padding .3rem
|
||||
|
||||
pre
|
||||
code
|
||||
font-size 1rem
|
||||
|
||||
pre
|
||||
background-color #f5f5f5
|
||||
padding .3rem
|
||||
margin-left -.3rem
|
||||
overflow-y scroll
|
||||
|
||||
code
|
||||
line-height 1.2rem
|
||||
background-color #f4f4f4
|
||||
margin-top -.05rem
|
||||
padding .2rem
|
||||
display inline-block
|
||||
white-space pre
|
||||
|
||||
blockquote
|
||||
background-color #f5f5f5
|
||||
margin 0
|
||||
padding 1rem
|
||||
font-style italic
|
||||
margin-left 3rem
|
||||
|
||||
blockquote p
|
||||
margin 0
|
||||
|
||||
blockquote em
|
||||
font-style normal
|
||||
|
||||
ul
|
||||
list-style none
|
||||
padding 0
|
||||
|
||||
li:before
|
||||
font-family 'scp'
|
||||
content "\2022"
|
||||
padding-right .3rem
|
||||
font-size 1rem
|
||||
font-weight 500
|
||||
|
||||
#nav
|
||||
#cont
|
||||
left 50%
|
||||
|
||||
#cont
|
||||
width 42rem
|
||||
margin-left -21rem
|
||||
background-color #fff
|
||||
z-index 1
|
||||
|
||||
#nav
|
||||
position fixed
|
||||
top 0rem
|
||||
width 57rem
|
||||
padding-top 1rem
|
||||
z-index 0
|
||||
margin-left -32rem
|
||||
overflow hidden
|
||||
transition opacity 1s ease-in-out
|
||||
|
||||
#nav.moving
|
||||
opacity 1
|
||||
transition opacity .3s ease-in-out
|
||||
|
||||
#nav:hover
|
||||
opacity 1
|
||||
transition opacity .3s ease-in-out
|
||||
|
||||
#cont
|
||||
position relative
|
||||
top 0
|
||||
margin-bottom 9rem
|
||||
|
||||
.loading
|
||||
display inline-block
|
||||
|
||||
.spin
|
||||
color #fff
|
||||
padding .6rem
|
||||
font-size .7rem
|
||||
font-weight 600
|
||||
letter-spacing .1rem
|
||||
z-index 3
|
||||
|
||||
.loading > .spin
|
||||
background-color #555
|
||||
|
||||
#body .loading > .spin
|
||||
background-color #000
|
||||
|
||||
.spin.state-0:before
|
||||
content "\2599"
|
||||
.spin.state-1:before
|
||||
content "\259B"
|
||||
.spin.state-2:before
|
||||
content "\259C"
|
||||
.spin.state-3:before
|
||||
content "\259F"
|
||||
|
||||
#load.load
|
||||
display inline-block
|
||||
font-weight 500
|
||||
position fixed
|
||||
top 0
|
||||
left 0
|
||||
width 100%
|
||||
height 100%
|
||||
background-color rgba(10,10,10,.4)
|
||||
opacity 1
|
||||
transition opacity 1s ease-in-out
|
||||
z-index 4
|
||||
|
||||
img.logo
|
||||
height 2rem
|
||||
width 2rem
|
||||
|
||||
h3.time
|
||||
margin-top: .3rem
|
||||
font-size .7rem
|
||||
font-weight 200
|
||||
|
||||
#nav .links > div
|
||||
display inline-block
|
||||
vertical-align top
|
||||
|
||||
#nav #sibs
|
||||
width 8rem
|
||||
transition margin-top .3s ease-in-out
|
||||
overflow hidden
|
||||
|
||||
#nav #sibs > div
|
||||
margin-bottom .6rem
|
||||
|
||||
.focus #sibs
|
||||
margin-top 0 !important
|
||||
transition margin-top .3s ease-in-out
|
||||
|
||||
#nav a
|
||||
.list > li > a
|
||||
display inline
|
||||
|
||||
#nav a
|
||||
text-transform uppercase
|
||||
font-size .7rem
|
||||
line-height 1rem
|
||||
font-weight 200
|
||||
letter-spacing 1px
|
||||
|
||||
.link-next
|
||||
margin-top 2rem
|
||||
font-weight 500
|
||||
|
||||
.list > li
|
||||
margin-bottom 1rem
|
||||
|
||||
.list > li > a h1
|
||||
font-size inherit
|
||||
line-height inherit
|
||||
|
||||
#nav .active a
|
||||
font-weight 500
|
||||
text-decoration none
|
||||
|
||||
#up
|
||||
padding-right 1rem
|
||||
margin-top -8px
|
||||
|
||||
#sides
|
||||
float right
|
||||
|
||||
#sides a
|
||||
display inline-block
|
||||
margin-right .6rem
|
||||
|
||||
.arow-up
|
||||
.arow-next
|
||||
.arow-prev
|
||||
width 0
|
||||
height 0
|
||||
border .4rem solid transparent
|
||||
|
||||
.arow-up
|
||||
border-bottom .6rem solid #000
|
||||
.arow-next
|
||||
border-left .6rem solid #000
|
||||
.arow-prev
|
||||
border-right .6rem solid #000
|
||||
|
||||
#bred
|
||||
width 5rem
|
||||
padding-right 1rem
|
||||
text-align right
|
||||
font-size .6rem
|
||||
white-space nowrap
|
||||
overflow hidden
|
||||
|
||||
#bred a
|
||||
text-transform lowercase
|
||||
vertical-align top
|
||||
|
||||
#bred > div
|
||||
float right
|
||||
|
||||
#bred > div > div
|
||||
display inline-block
|
||||
margin-top -.2rem
|
||||
|
||||
#bred a
|
||||
#kids a
|
||||
margin-right .3rem
|
||||
|
||||
#bred a
|
||||
margin-left .3rem
|
||||
|
||||
.short
|
||||
width 32rem
|
||||
|
||||
.list h1
|
||||
.list li a > div p
|
||||
margin 0
|
||||
|
||||
.list li a > div
|
||||
.list li a > div p
|
||||
display inline
|
||||
|
||||
.list li a > div p
|
||||
margin-left .3rem
|
||||
|
||||
.list li a > div p:first-child
|
||||
margin-left 0
|
||||
|
||||
.list li a > div p code
|
||||
font-size .7rem
|
||||
font-weight 400
|
||||
text-transform none
|
||||
|
||||
.list li a h1 code
|
||||
text-transform lowercase
|
||||
|
||||
.list li a code
|
||||
padding .2rem
|
||||
|
||||
.list h1
|
||||
.list li a > div div
|
||||
display inline
|
||||
|
||||
.list li a > div div
|
||||
margin-left .6rem
|
||||
overflow hidden
|
||||
|
||||
.list h1
|
||||
font-size .7rem
|
||||
|
||||
div.root
|
||||
h1
|
||||
margin-bottom 2rem
|
||||
|
||||
.list .sub
|
||||
margin-left 0
|
||||
margin-right .6rem
|
||||
|
||||
div.root > p
|
||||
width 27rem
|
||||
margin-top 2rem
|
||||
|
||||
h2.sub
|
||||
font-size .7rem
|
||||
font-weight 400
|
||||
line-height 1rem
|
||||
letter-spacing 1px
|
||||
margin-top 0
|
||||
text-transform uppercase
|
||||
|
||||
div.toc
|
||||
margin-top 3rem
|
||||
margin-bottom 3rem
|
||||
|
||||
h1
|
||||
h2
|
||||
h3
|
||||
h4
|
||||
font-weight 400
|
||||
cursor pointer
|
||||
text-decoration underline
|
||||
font-size 1.2rem
|
||||
margin-top .3rem
|
||||
margin-bottom .3rem
|
||||
|
||||
h2
|
||||
margin-left 1rem
|
||||
|
||||
h3
|
||||
margin-left 2rem
|
||||
|
||||
h4
|
||||
margin-left 3rem
|
||||
|
||||
h1.t
|
||||
font-weight 500
|
||||
font-size 2rem
|
||||
text-decoration none
|
||||
margin-bottom 2rem
|
||||
|
||||
#body .spam
|
||||
width 9rem
|
||||
background-color #555
|
||||
padding 1rem
|
||||
letter-spacing 1px
|
||||
font-weight 500
|
||||
margin-bottom 2rem
|
||||
|
||||
#body .spam
|
||||
#body .spam a
|
||||
color #fff
|
||||
|
||||
#body .spam a
|
||||
border-color #fff
|
||||
|
||||
#body .CodeMirror
|
||||
font-size .8rem
|
||||
line-height 1rem
|
||||
|
||||
#body .CodeMirror .cm-header
|
||||
font-weight 200
|
||||
|
||||
#body .CodeMirror-gutters
|
||||
background-color #fff
|
||||
padding-right 1rem
|
||||
margin-left -1rem
|
||||
|
||||
.footer p
|
||||
font-family 'scp'
|
||||
font-size .7rem
|
||||
font-weight 400
|
||||
margin-top 3rem
|
||||
color #ccc
|
||||
|
||||
.error
|
||||
color rgba(249,23,51,1)
|
||||
|
||||
.warning
|
||||
background-color rgb(255,53,55)
|
||||
padding 1rem
|
||||
width 18rem
|
||||
margin 2rem 0
|
||||
color #fff
|
||||
|
||||
a
|
||||
color inherit
|
||||
border-color #fff
|
||||
|
||||
h1
|
||||
font-size 1rem
|
||||
|
||||
h1
|
||||
p
|
||||
margin 0 .3rem
|
||||
|
||||
.warning.w
|
||||
width auto
|
||||
|
||||
@import 'posts'
|
||||
@import 'leads'
|
||||
@import 'video'
|
||||
|
||||
@import 'mobile'
|
||||
@ -1,138 +0,0 @@
|
||||
/* laptops / small screens ----------- */
|
||||
@media only screen and (max-width: 1170px)
|
||||
#nav
|
||||
#nav > div
|
||||
#nav.up
|
||||
#nav.top
|
||||
#nav .focus
|
||||
transform: translate3d(0,0,0);
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
|
||||
#nav
|
||||
position fixed
|
||||
top 0
|
||||
opacity 1
|
||||
width 42rem
|
||||
margin-left -21rem
|
||||
background-color #fff
|
||||
z-index 2
|
||||
|
||||
#nav a
|
||||
white-space nowrap
|
||||
|
||||
#nav #sibs
|
||||
width 12rem
|
||||
|
||||
#nav #sibs > div
|
||||
height 20px
|
||||
margin-bottom 4px
|
||||
|
||||
#nav #sibs > div.active a
|
||||
#nav #sibs > div a
|
||||
border-bottom none
|
||||
text-decoration underline
|
||||
|
||||
#nav.m-down
|
||||
#nav.m-up
|
||||
position absolute
|
||||
|
||||
#nav.m-down.m-fixed
|
||||
position fixed
|
||||
top 0
|
||||
|
||||
#nav > div > div
|
||||
max-height 2rem
|
||||
overflow hidden
|
||||
transition max-height .3s ease-in-out
|
||||
|
||||
#nav .focus
|
||||
max-height 40rem
|
||||
transition max-height .3s ease-in-out
|
||||
|
||||
#cont
|
||||
top 3rem
|
||||
#cont.no-anchor
|
||||
top 0
|
||||
|
||||
/* tablets + phones ----------- */
|
||||
@media only screen and (min-width: 320px) and (max-width: 1024px)
|
||||
body
|
||||
html
|
||||
font-size 21px
|
||||
|
||||
p
|
||||
font-size 1rem
|
||||
line-height 2rem
|
||||
|
||||
#nav
|
||||
#cont
|
||||
width 94%
|
||||
padding-left 3%
|
||||
margin-left 0
|
||||
|
||||
#nav
|
||||
position fixed
|
||||
padding-top 0
|
||||
opacity 1
|
||||
left 0
|
||||
z-index 2
|
||||
|
||||
#nav > div > div
|
||||
max-height 1.2rem
|
||||
|
||||
#nav > div
|
||||
padding-top .6rem
|
||||
|
||||
#nav #sibs
|
||||
width 11rem
|
||||
padding-top 0
|
||||
|
||||
#nav #sibs > div
|
||||
height 20px
|
||||
line-height 20px
|
||||
|
||||
#nav a
|
||||
display inline-block
|
||||
font-size .7rem
|
||||
|
||||
#nav #sides
|
||||
float none
|
||||
margin-left 1rem
|
||||
|
||||
#nav .arow-up
|
||||
#nav .arow-next
|
||||
#nav .arow-prev
|
||||
margin-right 0
|
||||
border .4rem solid transparent
|
||||
|
||||
#nav .arow-up
|
||||
border-bottom .6rem solid #000
|
||||
#nav .arow-next
|
||||
border-left .6rem solid #000
|
||||
#nav .arow-prev
|
||||
margin-right 1rem
|
||||
border-right .6rem solid #000
|
||||
|
||||
#cont
|
||||
left 0
|
||||
padding-bottom 9rem
|
||||
|
||||
#cont h1:first-child
|
||||
margin-top 0
|
||||
|
||||
.short
|
||||
width 100%
|
||||
|
||||
/* phones portrait and landscape ----------- */
|
||||
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
|
||||
#nav > div > div
|
||||
max-height 1.6rem
|
||||
|
||||
#nav a
|
||||
line-height auto
|
||||
font-size .7rem
|
||||
|
||||
#nav #sibs > div
|
||||
height 20px
|
||||
line-height 20px
|
||||
|
||||
@ -1,50 +0,0 @@
|
||||
div.post
|
||||
h1
|
||||
font-size 2.8rem
|
||||
line-height 4rem
|
||||
margin-top 1rem
|
||||
margin-bottom 1rem
|
||||
|
||||
h2
|
||||
font-family 'scp'
|
||||
font-size .7rem
|
||||
line-height 1rem
|
||||
letter-spacing 1px
|
||||
|
||||
h3
|
||||
margin-top 0
|
||||
font-size .7rem
|
||||
font-weight 200
|
||||
letter-spacing .1rem
|
||||
text-transform uppercase
|
||||
h3::before
|
||||
content '\2014'
|
||||
margin-right .3rem
|
||||
|
||||
.list li
|
||||
margin-bottom 0
|
||||
font-size 1.2rem
|
||||
|
||||
p
|
||||
font-size 1.2rem
|
||||
line-height 2.2rem
|
||||
|
||||
li p
|
||||
display inline
|
||||
|
||||
p.ib
|
||||
margin-top 0
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 1024px)
|
||||
div.post
|
||||
h2
|
||||
h3
|
||||
font-size .5rem
|
||||
p
|
||||
font-size 1rem
|
||||
line-height 2rem
|
||||
|
||||
li h1
|
||||
font-weight 400
|
||||
li::before
|
||||
font-weight 200
|
||||
@ -1,15 +0,0 @@
|
||||
.video
|
||||
iframe
|
||||
width 42rem
|
||||
height 24rem
|
||||
|
||||
.leader
|
||||
font-size 2rem
|
||||
font-weight 500
|
||||
line-height 2.6rem
|
||||
margin-bottom 4rem
|
||||
|
||||
.short img
|
||||
margin-top 2rem
|
||||
width 42rem
|
||||
|
||||
@ -1,16 +0,0 @@
|
||||
TreeDispatcher = require '../dispatcher/Dispatcher.coffee'
|
||||
TreePersistence = require '../persistence/TreePersistence.coffee'
|
||||
|
||||
module.exports =
|
||||
loadPath: (path,data) ->
|
||||
TreeDispatcher.handleServerAction {path,data,type:"path-load"}
|
||||
|
||||
sendQuery: (path,query) ->
|
||||
return unless query?
|
||||
if path.slice(-1) is "/" then path = path.slice(0,-1)
|
||||
TreePersistence.get path,query,(err,res) => @loadPath path,res
|
||||
|
||||
setCurr: (path) ->
|
||||
TreeDispatcher.handleViewAction
|
||||
type:"set-curr"
|
||||
path:path
|
||||
@ -1,163 +0,0 @@
|
||||
clas = require 'classnames'
|
||||
|
||||
BodyComponent = React.createFactory require './BodyComponent.coffee'
|
||||
query = require './Async.coffee'
|
||||
reactify = require './Reactify.coffee'
|
||||
|
||||
TreeStore = require '../stores/TreeStore.coffee'
|
||||
TreeActions = require '../actions/TreeActions.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
{div,a} = React.DOM
|
||||
|
||||
Links = React.createFactory query {
|
||||
path:'t'
|
||||
kids:
|
||||
name:'t'
|
||||
head:'r'
|
||||
meta:'j'
|
||||
}, (recl
|
||||
displayName: "Links"
|
||||
render: -> div {className:'links'},
|
||||
@props.children,
|
||||
@renderUp(),
|
||||
@renderSibs(),
|
||||
@renderArrows()
|
||||
renderUp: ->
|
||||
if @props.sein
|
||||
div {id:"up",key:"up"}, @renderArrow "up", @props.sein
|
||||
renderSibs: ->
|
||||
keys = window.tree.util.getKeys @props.kids
|
||||
if keys.indexOf(@props.curr) isnt -1
|
||||
style = {marginTop: -24 * (keys.indexOf @props.curr) + "px"}
|
||||
div {id:"sibs",style}, keys.map (key) =>
|
||||
href = window.tree.basepath @props.path+"/"+key
|
||||
data = @props.kids[key]
|
||||
head = data.meta.title if data.meta
|
||||
head ?= @toText data.head
|
||||
head ||= key
|
||||
className = clas active: key is @props.curr
|
||||
(div {className,key}, (a {href,onClick:@props.onClick}, head))
|
||||
renderArrow: (name, path) ->
|
||||
href = window.tree.basepath path
|
||||
(a {href,key:"arow-#{name}",className:"arow-#{name}"},"")
|
||||
renderArrows: ->
|
||||
keys = window.tree.util.getKeys @props.kids
|
||||
if keys.length > 1
|
||||
index = keys.indexOf(@props.curr)
|
||||
prev = index-1
|
||||
next = index+1
|
||||
if prev < 0 then prev = keys.length-1
|
||||
if next is keys.length then next = 0
|
||||
prev = keys[prev]
|
||||
next = keys[next]
|
||||
if @props.sein
|
||||
sein = @props.sein
|
||||
if sein is "/" then sein = ""
|
||||
if prev or next then _.filter [
|
||||
div {id:"sides",key:"sides"},
|
||||
if prev then @renderArrow "prev", "#{sein}/#{prev}"
|
||||
if next then @renderArrow "next", "#{sein}/#{next}"
|
||||
]
|
||||
|
||||
toText: (elem)-> reactify.walk elem,
|
||||
()->''
|
||||
(s)->s
|
||||
({c})->(c ? []).join ''
|
||||
), recl
|
||||
displayName: "Links_loading"
|
||||
render: -> div {className:'links'}, @props.children, @_render()
|
||||
_render: -> div {id:"sibs"}, div {className:"active"}, a {}, @props.curr
|
||||
|
||||
CLICK = 'a'
|
||||
module.exports = query {
|
||||
sein:'t'
|
||||
path:'t'
|
||||
name:'t'
|
||||
meta:'j'
|
||||
},(recl
|
||||
displayName: "Anchor"
|
||||
getInitialState: -> url: window.location.pathname
|
||||
|
||||
onClick: -> @toggleFocus()
|
||||
onMouseOver: -> @toggleFocus true
|
||||
onMouseOut: -> @toggleFocus false
|
||||
onTouchStart: -> @ts = Number Date.now()
|
||||
onTouchEnd: -> dt = @ts - Number Date.now()
|
||||
|
||||
toggleFocus: (state) -> $(@getDOMNode()).toggleClass 'focus',state
|
||||
|
||||
componentWillUnmount: -> clearInterval @interval; $('body').off 'click', CLICK
|
||||
componentDidUpdate: -> @setTitle()
|
||||
componentDidMount: ->
|
||||
@setTitle()
|
||||
@interval = setInterval @checkURL,100
|
||||
|
||||
# $('body').on 'keyup', (e) =>
|
||||
# switch e.keyCode
|
||||
# when 37 then @goTo @props.prev # left
|
||||
# when 39 then @goTo @props.next # right
|
||||
|
||||
_this = @
|
||||
$('body').on 'click', CLICK, (e) ->
|
||||
href = $(@).attr('href')
|
||||
id = $(@).attr('id')
|
||||
if href and not /^https?:\/\//i.test(href)
|
||||
e.preventDefault()
|
||||
e.stopPropagation()
|
||||
if href?[0] isnt "/"
|
||||
href = (document.location.pathname.replace /[^\/]*\/?$/, '') + href
|
||||
_this.goTo window.tree.fragpath href
|
||||
if id
|
||||
window.location.hash = id
|
||||
|
||||
setTitle: ->
|
||||
title = $('#cont h1').first().text() || @props.name
|
||||
title = @props.meta.title if @props.meta?.title
|
||||
document.title = "#{title} - #{@props.path}"
|
||||
|
||||
setPath: (href,hist) ->
|
||||
href_parts = href.split("#")
|
||||
next = href_parts[0]
|
||||
if next.substr(-1) is "/" then next = next.slice(0,-1)
|
||||
href_parts[0] = next
|
||||
if hist isnt false
|
||||
history.pushState {}, "", window.tree.basepath href_parts.join ""
|
||||
if next isnt @props.path
|
||||
React.unmountComponentAtNode $('#cont')[0]
|
||||
TreeActions.setCurr next
|
||||
React.render (BodyComponent {}, ""),$('#cont')[0]
|
||||
|
||||
reset: ->
|
||||
$("html,body").animate {scrollTop:0}
|
||||
# $("#cont").attr 'class',''
|
||||
$('#nav').attr 'style',''
|
||||
$('#nav').removeClass 'scrolling m-up'
|
||||
$('#nav').addClass 'm-down m-fixed'
|
||||
|
||||
goTo: (path) ->
|
||||
@toggleFocus false
|
||||
@reset()
|
||||
@setPath path
|
||||
|
||||
checkURL: ->
|
||||
if @state.url isnt window.location.pathname
|
||||
@reset()
|
||||
@setPath (window.tree.fragpath window.location.pathname),false
|
||||
@setState url: window.location.pathname
|
||||
|
||||
render: ->
|
||||
if @props.meta.anchor is 'none'
|
||||
return (div {}, "")
|
||||
|
||||
obj = {@onMouseOver,@onMouseOut,@onClick,@onTouchStart,@onTouchEnd}
|
||||
if _.keys(window).indexOf("ontouchstart") isnt -1
|
||||
delete obj.onMouseOver
|
||||
delete obj.onMouseOut
|
||||
|
||||
div obj, Links {
|
||||
@onClick
|
||||
curr:@props.name
|
||||
dataPath:@props.sein
|
||||
sein:@props.sein
|
||||
}), "div"
|
||||
@ -1,67 +0,0 @@
|
||||
_load = 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, load=_load)-> recl
|
||||
displayName: "Async"
|
||||
|
||||
getInitialState: -> @stateFromStore()
|
||||
_onChangeStore: ->
|
||||
if @isMounted() then @setState @stateFromStore()
|
||||
|
||||
getPath: ->
|
||||
path = @props.dataPath ? TreeStore.getCurr()
|
||||
if path.slice(-1) is "/"
|
||||
path.slice 0,-1
|
||||
else path
|
||||
stateFromStore: -> got: TreeStore.fulfill @getPath(), queries
|
||||
|
||||
componentDidMount: ->
|
||||
TreeStore.addChangeListener @_onChangeStore
|
||||
@checkPath()
|
||||
|
||||
componentWillUnmount: ->
|
||||
TreeStore.removeChangeListener @_onChangeStore
|
||||
|
||||
componentDidUpdate: (_props,_state) ->
|
||||
if _props isnt @props
|
||||
@setState @stateFromStore()
|
||||
@checkPath()
|
||||
|
||||
checkPath: -> TreeActions.sendQuery @getPath(), @filterQueries()
|
||||
|
||||
filterQueries: -> @filterWith @state.got, queries
|
||||
filterWith: (have,_queries)->
|
||||
return _queries unless have?
|
||||
request = {}
|
||||
for k of _queries when k isnt 'kids'
|
||||
request[k] = _queries[k] unless have[k] isnt undefined
|
||||
if _queries.kids?
|
||||
if not 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
|
||||
|
||||
scrollHash: -> @getHashElement()?.scrollIntoView()
|
||||
getHashElement: ->
|
||||
{hash} = document.location
|
||||
if hash then document.getElementById hash[1..]
|
||||
|
||||
render: -> div {},
|
||||
if @filterQueries()?
|
||||
React.createElement load, @props
|
||||
else
|
||||
if not @getHashElement() # onmount?
|
||||
setTimeout @scrollHash,0
|
||||
React.createElement Child,
|
||||
(_.extend {}, @props, @state.got),
|
||||
@props.children
|
||||
@ -1,84 +0,0 @@
|
||||
clas = require 'classnames'
|
||||
|
||||
query = require './Async.coffee'
|
||||
reactify = require './Reactify.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
rele = React.createElement
|
||||
{div,p,img,a} = React.DOM
|
||||
|
||||
extras =
|
||||
spam: recl
|
||||
displayName:"Spam"
|
||||
render: ->
|
||||
if document.location.hostname isnt 'urbit.org'
|
||||
return (div {})
|
||||
(div {className:'spam'},
|
||||
(a {href:"http://urbit.org#sign-up"}, "Sign up")
|
||||
" for our newsletter."
|
||||
)
|
||||
|
||||
logo: recl
|
||||
displayName:"Logo"
|
||||
render: ->
|
||||
{color} = @props
|
||||
if color is "white" or color is "black" # else?
|
||||
src = "//storage.googleapis.com/urbit-extra/logo/logo-#{color}-100x100.png"
|
||||
(a {href:"http://urbit.org",style:{border:"none"}},
|
||||
(img {src,className:"logo"})
|
||||
)
|
||||
|
||||
|
||||
next: query {
|
||||
path:'t'
|
||||
kids:
|
||||
name:'t'
|
||||
head:'r'
|
||||
meta:'j'
|
||||
}, recl
|
||||
displayName: "Next"
|
||||
render: ->
|
||||
curr = @props.kids[@props.curr]
|
||||
if curr?.meta?.next
|
||||
keys = window.tree.util.getKeys @props.kids
|
||||
if keys.length > 1
|
||||
index = keys.indexOf(@props.curr)
|
||||
next = index+1
|
||||
if next is keys.length then next = 0
|
||||
next = keys[next]
|
||||
next = @props.kids[next]
|
||||
|
||||
if next
|
||||
return (div {className:"link-next"}, [
|
||||
(a {href:"#{@props.path}/#{next.name}"}, "Next: #{next.meta.title}")
|
||||
])
|
||||
return (div {},"")
|
||||
footer: recl
|
||||
displayName: "Footer"
|
||||
render: ->
|
||||
(div {className:"footer"}, (p {}, "This page was served by Urbit."))
|
||||
|
||||
module.exports = query {
|
||||
body:'r'
|
||||
name:'t'
|
||||
path:'t'
|
||||
meta:'j'
|
||||
sein:'t'
|
||||
}, recl
|
||||
displayName: "Body"
|
||||
render: ->
|
||||
className = clas (@props.meta.layout?.split ',')
|
||||
extra = (name,props={})=>
|
||||
if @props.meta[name]? then React.createElement extras[name], props
|
||||
|
||||
(div {
|
||||
id:'body',
|
||||
key:"body"+@props.path
|
||||
className
|
||||
},
|
||||
extra 'spam'
|
||||
extra 'logo', color: @props.meta.logo
|
||||
reactify @props.body
|
||||
extra 'next', {dataPath:@props.sein,curr:@props.name}
|
||||
extra 'footer'
|
||||
)
|
||||
@ -1,9 +0,0 @@
|
||||
recl = React.createClass
|
||||
{div,textarea} = React.DOM
|
||||
|
||||
module.exports = recl
|
||||
render: -> div {}, textarea ref:'ed', value:@props.value
|
||||
componentDidMount: ->
|
||||
CodeMirror.fromTextArea @refs.ed.getDOMNode(),
|
||||
readOnly:true
|
||||
lineNumbers:true
|
||||
@ -1,11 +0,0 @@
|
||||
recl = React.createClass
|
||||
{div} = React.DOM
|
||||
|
||||
module.exports =
|
||||
codemirror: require './CodeMirror.coffee'
|
||||
search: require './SearchComponent.coffee'
|
||||
list: require './ListComponent.coffee'
|
||||
kids: require './KidsComponent.coffee'
|
||||
toc: require './TocComponent.coffee'
|
||||
email: require './EmailComponent.coffee'
|
||||
lost: recl render: -> (div {}, "<lost(", @props.children, ")>")
|
||||
@ -1,45 +0,0 @@
|
||||
reactify = require './Reactify.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
{div,p,button,input} = React.DOM
|
||||
|
||||
module.exports = recl
|
||||
displayName: "email"
|
||||
|
||||
getInitialState: -> {submit:false,email:""}
|
||||
|
||||
onClick: -> @submit()
|
||||
onKeyUp: (e) ->
|
||||
email = @$email.val()
|
||||
valid = (email.indexOf('@') != -1 &&
|
||||
email.indexOf('.') != -1 &&
|
||||
email.length > 7 &&
|
||||
email.split(".")[1].length > 1 &&
|
||||
email.split("@")[0].length > 0 &&
|
||||
email.split("@")[1].length > 4)
|
||||
@$email.toggleClass 'valid',valid
|
||||
@$email.removeClass 'error'
|
||||
if e.keyCode is 13
|
||||
if valid is true
|
||||
@submit()
|
||||
e.stopPropagation()
|
||||
e.preventDefault()
|
||||
return false
|
||||
else
|
||||
@$email.addClass 'error'
|
||||
|
||||
submit: ->
|
||||
$.post @props.dataPath,{email:@$email.val()},() =>
|
||||
@setState {submit:true}
|
||||
|
||||
componentDidMount: -> @$email = $('input.email')
|
||||
|
||||
render: ->
|
||||
if @state.submit is false
|
||||
cont = [
|
||||
(input {key:"field",className:"email",placeholder:"your@email.com",@onKeyUp}, @state.email)
|
||||
(button {key:"submit",className:"submit",@onClick}, "Sign up")
|
||||
]
|
||||
else
|
||||
cont = [(div {className:"submitted"},"Got it. Thanks!")]
|
||||
(p {className:"email",id:"sign-up"}, cont)
|
||||
@ -1,42 +0,0 @@
|
||||
reactify = require './Reactify.coffee'
|
||||
query = require './Async.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
{div,a,ul,li,hr} = React.DOM
|
||||
|
||||
module.exports = query {kids: {body:'r', meta:'j'}}, recl
|
||||
displayName: "Kids"
|
||||
render: ->
|
||||
klass = "kids"
|
||||
if @props.dataType then klass += " #{@props.dataType}"
|
||||
|
||||
sorted = true
|
||||
keyed = {}
|
||||
for k,v of @props.kids
|
||||
if @props.sortBy
|
||||
if @props.sortBy is 'date'
|
||||
if not v.meta?.date?
|
||||
sorted = false
|
||||
continue
|
||||
d = v.meta.date.slice(1).split "."
|
||||
if d.length < 3
|
||||
sorted = false
|
||||
continue
|
||||
str = "#{d[0]}-#{d[1]}-#{d[2]}"
|
||||
if d.length > 3
|
||||
str += " #{d[3]}:#{d[4]}:#{d[5]}"
|
||||
_k = Number(new Date(str))
|
||||
keyed[_k] = k
|
||||
else
|
||||
if not v.meta?.sort? then sorted = false
|
||||
keyed[Number(v.meta?.sort)] = k
|
||||
|
||||
if sorted is false then keyed = _.keys this.props.kids
|
||||
|
||||
keys = _.keys(keyed).sort()
|
||||
if @props.sortBy is 'date' then keys.reverse()
|
||||
|
||||
div {className:klass},
|
||||
for k in keys
|
||||
elem = @props.kids[keyed[k]] ? ""
|
||||
[(div {key:keyed[k]}, reactify elem.body), (hr {},"")]
|
||||
@ -1,109 +0,0 @@
|
||||
clas = require 'classnames'
|
||||
|
||||
reactify = require './Reactify.coffee'
|
||||
query = require './Async.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
{div,pre,span,a,ul,li,h1} = React.DOM
|
||||
|
||||
module.exports = query {
|
||||
path:'t'
|
||||
kids:
|
||||
snip:'r'
|
||||
head:'r'
|
||||
meta:'j'
|
||||
}, recl
|
||||
displayName: "List"
|
||||
|
||||
render: ->
|
||||
k = clas
|
||||
list: true
|
||||
@props.dataType
|
||||
posts: @props.dataType is 'post' # needs css update
|
||||
default: @props['data-source'] is 'default'
|
||||
kids = @renderList()
|
||||
unless kids.length is 0 and @props.is404?
|
||||
return (ul {className:k}, kids)
|
||||
|
||||
div {className:k},
|
||||
h1 {className:'error'}, 'Error: Empty path'
|
||||
div {},
|
||||
pre {}, @props.path
|
||||
span {}, 'is either empty or does not exist.'
|
||||
|
||||
renderList: ->
|
||||
# check if kids all have a sort meta tag
|
||||
sorted = true
|
||||
_keys = []
|
||||
for k,v of @props.kids
|
||||
if @props.sortBy
|
||||
if @props.sortBy is 'date'
|
||||
if not v.meta?.date? then sorted = false
|
||||
_k = Number v.meta.date.slice(1).replace /\./g,""
|
||||
_keys[_k] = k
|
||||
else
|
||||
if not v.meta?.sort? then sorted = false
|
||||
_keys[Number(v.meta?.sort)] = k
|
||||
if @props.sortBy is 'date' then _keys.reverse()
|
||||
if sorted isnt true
|
||||
_keys = _.keys(@props.kids).sort()
|
||||
if @props.dataType is 'post' then _keys=_keys.reverse()
|
||||
for item in _.values _keys
|
||||
path = @props.path+"/"+item
|
||||
elem = @props.kids[item]
|
||||
if elem.meta.hide? then continue
|
||||
href = window.tree.basepath path
|
||||
if elem.meta.link then href = elem.meta.link
|
||||
parts = []
|
||||
title = null
|
||||
if elem.meta?.title
|
||||
title =
|
||||
gn: 'h1'
|
||||
c: [elem.meta.title]
|
||||
if not title && elem.head.c.length > 0
|
||||
title = elem.head
|
||||
if not title
|
||||
title =
|
||||
gn: 'h1'
|
||||
c: [item]
|
||||
unless @props.titlesOnly # redundant? this seems familiar
|
||||
if @props.dataDates
|
||||
_date = elem.meta.date
|
||||
if not _date or _date.length is 0 then _date = ""
|
||||
date =
|
||||
gn: 'div'
|
||||
ga:
|
||||
className: 'date'
|
||||
c: [_date]
|
||||
parts.push date
|
||||
parts.push title
|
||||
unless @props.titlesOnly # redundant? this seems familiar
|
||||
if @props.dataPreview
|
||||
if @props.dataType is 'post' and not elem.meta.preview
|
||||
parts.push (elem.snip.c.slice 0,2)...
|
||||
else
|
||||
if elem.meta.preview
|
||||
preview =
|
||||
gn: 'p'
|
||||
c: [elem.meta.preview]
|
||||
else
|
||||
preview = elem.snip
|
||||
parts.push preview
|
||||
li {key:item,className:@props.dataType ? ""},
|
||||
a {href,className:(clas preview: @props.dataPreview?)},
|
||||
reactify
|
||||
gn: 'div'
|
||||
c: parts
|
||||
|
||||
# if not @props.dataPreview? then (h1 {},item)
|
||||
# else if @props.dataType is 'post'
|
||||
# head =
|
||||
# if elem.meta?.title
|
||||
# gn: 'h1'
|
||||
# c: [elem.meta.title]
|
||||
# else elem.head
|
||||
# reactify
|
||||
# gn: 'div'
|
||||
# c: [head, (elem.snip.c.slice 0,2)...]
|
||||
# else if @props.titlesOnly? then reactify elem.head
|
||||
# else div {}, (reactify elem.head), (reactify elem.snip)
|
||||
@ -1,18 +0,0 @@
|
||||
recl = React.createClass
|
||||
{div,input,textarea} = React.DOM
|
||||
|
||||
module.exports = recl
|
||||
displayName: "Load"
|
||||
getInitialState: -> {anim: 0}
|
||||
|
||||
componentDidMount: -> @interval = setInterval @setAnim, 100
|
||||
|
||||
componentWillUnmount: -> clearInterval @interval
|
||||
|
||||
setAnim: ->
|
||||
anim = @state.anim+1
|
||||
if anim > 3 then anim = 0
|
||||
@setState {anim:anim}
|
||||
|
||||
render: -> (div {className:"loading"},
|
||||
(div {className:"spin state-#{@state.anim}"}, ""))
|
||||
@ -1,30 +0,0 @@
|
||||
recl = React.createClass
|
||||
rele = React.createElement
|
||||
{div,span} = React.DOM
|
||||
load = React.createFactory require './LoadComponent.coffee'
|
||||
|
||||
walk = (root,_nil,_str,_comp)->
|
||||
# manx: {fork: ["string", {gn:"string" ga:{dict:"string"} c:{list:"manx"}}]}
|
||||
_walk = (elem,key)-> switch
|
||||
when !elem? then _nil()
|
||||
when typeof elem == "string" then _str elem
|
||||
when elem.gn?
|
||||
{gn,ga,c} = elem
|
||||
c = (c?.map _walk) ? []
|
||||
_comp.call elem, {gn,ga,c}, key
|
||||
else throw "Bad react-json #{JSON.stringify elem}"
|
||||
_walk root
|
||||
|
||||
Virtual = recl
|
||||
displayName: "Virtual"
|
||||
render: ->
|
||||
{components} = window.tree
|
||||
walk @props.manx,
|
||||
()-> (load {},"")
|
||||
(str)-> str
|
||||
({gn,ga,c},key)-> rele (components[gn] ? gn),
|
||||
(_.extend {key}, ga),
|
||||
c
|
||||
|
||||
reactify = (manx,key)-> rele Virtual, {manx,key}
|
||||
module.exports = _.extend reactify, {walk,Virtual}
|
||||
@ -1,48 +0,0 @@
|
||||
query = require './Async.coffee'
|
||||
reactify = require './Reactify.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
{a,div,input} = React.DOM
|
||||
|
||||
|
||||
module.exports = query {name:'t', kids: sect:'j'}, recl
|
||||
hash:null
|
||||
displayName: "Search"
|
||||
getInitialState: -> search: 'wut'
|
||||
onKeyUp: (e)-> @setState search: e.target.value
|
||||
wrap: (elem,dir,path)->
|
||||
path = path[...-1] if path[-1...] is "/"
|
||||
href = @props.name+"/"+dir+path
|
||||
if elem?.ga?.id
|
||||
{gn,ga,c} = elem
|
||||
ga = _.clone ga
|
||||
href += "#"+ga.id
|
||||
delete ga.id
|
||||
elem = {gn,ga,c}
|
||||
{gn:'div', c:[{gn:'a', ga:{href}, c:[elem]}]}
|
||||
|
||||
render: -> div {},
|
||||
input {@onKeyUp,ref:'inp',defaultValue:'wut'}
|
||||
_(@props.kids)
|
||||
.map(({sect},dir)=> @wrap h,dir,path for h in heds for path,heds of sect)
|
||||
.flatten()
|
||||
.flatten()
|
||||
.map(@highlight)
|
||||
.filter()
|
||||
.take(50)
|
||||
.map(reactify)
|
||||
.value()
|
||||
|
||||
highlight: (e)->
|
||||
return e unless @state.search
|
||||
got = false
|
||||
res = reactify.walk e,
|
||||
()-> null
|
||||
(s)=>
|
||||
m = s.split @state.search
|
||||
return [s] unless m[1]?
|
||||
lit = gn:'span',c:[@state.search],ga:style:background: '#ff6'
|
||||
got = true
|
||||
[m[0], _.flatten([lit,s] for s in m[1..])...]
|
||||
({gn,ga,c})->{gn,ga,c:_.flatten c}
|
||||
res if got
|
||||
@ -1,71 +0,0 @@
|
||||
query = require './Async.coffee'
|
||||
reactify = require './Reactify.coffee'
|
||||
|
||||
recl = React.createClass
|
||||
{div} = React.DOM
|
||||
|
||||
|
||||
module.exports = query {body:'r'}, recl
|
||||
hash:null
|
||||
displayName: "TableOfContents"
|
||||
|
||||
_click: (id)->
|
||||
-> if id then document.location.hash = id
|
||||
|
||||
componentDidMount: ->
|
||||
@int = setInterval @checkHash,100
|
||||
@st = $(window).scrollTop()
|
||||
# $(window).on 'scroll',@checkScroll
|
||||
@$headers = $('#toc').children('h1,h2,h3,h4').filter('[id]')
|
||||
|
||||
checkScroll: ->
|
||||
st = $(window).scrollTop()
|
||||
if Math.abs(@st-st) > 10
|
||||
hash = null
|
||||
@st = st
|
||||
for v in @$headers
|
||||
continue if v.tagName is undefined
|
||||
$h = $ v
|
||||
hst = $h.offset().top-$h.outerHeight(true)+10
|
||||
if hst < st
|
||||
hash = $h.attr('id')
|
||||
if hst > st and hash isnt @hash and hash isnt null
|
||||
@hash = "#"+hash
|
||||
document.location.hash = hash
|
||||
break
|
||||
|
||||
checkHash: ->
|
||||
if document.location.hash?.length > 0 and document.location.hash isnt @hash
|
||||
hash = document.location.hash.slice(1)
|
||||
for v in @$headers
|
||||
$h = $ v
|
||||
if hash is $h.attr('id')
|
||||
@hash = document.location.hash
|
||||
offset = $h.offset().top - $h.outerHeight(true)
|
||||
setTimeout -> $(window).scrollTop offset
|
||||
, 10
|
||||
break
|
||||
|
||||
componentWillUnmount: ->
|
||||
clearInterval @int
|
||||
|
||||
collectHeader: ({gn,ga,c})->
|
||||
if gn and gn[0] is 'h' and parseInt(gn[1]) isnt NaN
|
||||
ga = _.clone ga
|
||||
ga.onClick = @_click ga.id
|
||||
delete ga.id
|
||||
{gn,ga,c}
|
||||
|
||||
parseHeaders: ->
|
||||
if @props.body.c
|
||||
for v in @props.body.c
|
||||
if v.gn is 'div' and v.ga?.id is "toc"
|
||||
return {
|
||||
gn:"div"
|
||||
ga:{className:"toc"}
|
||||
c:[
|
||||
{gn:"h1", ga:{className:"t"}, c:["Table of contents"]}
|
||||
(_.filter v.c.map @collectHeader)...
|
||||
]}
|
||||
|
||||
render: -> reactify @parseHeaders()
|
||||
@ -1,13 +0,0 @@
|
||||
Dispatcher = require('flux').Dispatcher
|
||||
|
||||
module.exports = _.extend new Dispatcher(), {
|
||||
handleServerAction: (action) ->
|
||||
@dispatch
|
||||
source: 'server'
|
||||
action: action
|
||||
|
||||
handleViewAction: (action) ->
|
||||
@dispatch
|
||||
source: 'view'
|
||||
action: action
|
||||
}
|
||||
@ -1,135 +0,0 @@
|
||||
rend = React.render
|
||||
|
||||
$ ->
|
||||
$body = $('body')
|
||||
|
||||
React.initializeTouchEvents(true)
|
||||
|
||||
head = React.createFactory require './components/AnchorComponent.coffee'
|
||||
body = React.createFactory require './components/BodyComponent.coffee'
|
||||
window.tree.components = require './components/Components.coffee' # sigh
|
||||
|
||||
window.tree._basepath = window.urb.util.basepath("/")
|
||||
window.tree._basepath +=
|
||||
(window.location.pathname.replace window.tree._basepath, "").split("/")[0]
|
||||
window.tree.basepath = (path) ->
|
||||
prefix = window.tree._basepath
|
||||
if prefix is "/" then prefix = ""
|
||||
if path[0] isnt "/" then path = "/"+path
|
||||
_path = prefix + path
|
||||
if _path.slice(-1) is "/" then _path = _path.slice(0,-1)
|
||||
_path
|
||||
window.tree.fragpath = (path) ->
|
||||
path.replace(/\/$/,'')
|
||||
.replace(window.tree._basepath,"")
|
||||
|
||||
TreeActions = require './actions/TreeActions.coffee'
|
||||
TreePersistence = require './persistence/TreePersistence.coffee'
|
||||
|
||||
frag = window.tree.fragpath window.location.pathname
|
||||
|
||||
TreeActions.setCurr frag
|
||||
TreeActions.loadPath frag,window.tree.body,window.tree.kids
|
||||
|
||||
rend (head {}, ""),$('#nav')[0]
|
||||
rend (body {}, ""),$('#cont')[0]
|
||||
|
||||
window.tree.util =
|
||||
getKeys: (kids) ->
|
||||
sorted = true
|
||||
keys = []
|
||||
for k,v of kids
|
||||
continue if v.meta?.hide
|
||||
if not v.meta?.sort? then sorted = false
|
||||
keys[Number(v.meta?.sort)] = k
|
||||
if sorted isnt true
|
||||
keys = _.keys(kids).sort()
|
||||
else
|
||||
keys = _.values keys
|
||||
|
||||
checkScroll = ->
|
||||
if $(window).scrollTop() > 20
|
||||
$('#nav').addClass 'scrolling'
|
||||
else
|
||||
$('#nav').removeClass 'scrolling'
|
||||
setInterval checkScroll, 500
|
||||
|
||||
po = {}
|
||||
po.cm = null
|
||||
po.lm = null
|
||||
po.cs = $(window).scrollTop()
|
||||
po.ls = $(window).scrollTop()
|
||||
$(document).mousemove (e) -> po.cm = {x:e.pageX, y:e.pageY}
|
||||
checkMove = ->
|
||||
if po.lm isnt null and po.cm isnt null
|
||||
po.cs = $(window).scrollTop()
|
||||
|
||||
db = $(window).height()-(po.cs+window.innerHeight)
|
||||
|
||||
ds = Math.abs po.cs-po.ls
|
||||
dx = Math.abs po.cm.x-po.lm.x
|
||||
dy = Math.abs po.cm.y-po.lm.y
|
||||
|
||||
$('#nav').toggleClass 'moving',(dx > 20 or dy > 20 or db < 180)
|
||||
po.lm = po.cm
|
||||
po.ls = po.cs
|
||||
setInterval checkMove,200
|
||||
|
||||
so = {}
|
||||
so.ls = $(window).scrollTop()
|
||||
so.cs = $(window).scrollTop()
|
||||
so.w = null
|
||||
so.$n = $('#nav')
|
||||
so.$d = $('#nav > div')
|
||||
so.nh = $('#nav').outerHeight(true)
|
||||
setSo = ->
|
||||
so.w = $(window).width()
|
||||
so.$n = $('#nav')
|
||||
setInterval setSo,200
|
||||
|
||||
$(window).on 'resize', (e) ->
|
||||
if so.w > 1170
|
||||
so.$n.removeClass 'm-up m-down m-fixed'
|
||||
|
||||
$(window).on 'scroll', (e) ->
|
||||
so.cs = $(window).scrollTop()
|
||||
|
||||
if so.w > 1170
|
||||
so.$n.removeClass 'm-up m-down m-fixed'
|
||||
if so.w < 1170
|
||||
dy = so.ls-so.cs
|
||||
|
||||
so.$d.removeClass 'focus'
|
||||
|
||||
if so.cs <= 0
|
||||
so.$n.removeClass 'm-up'
|
||||
so.$n.addClass 'm-down m-fixed'
|
||||
return
|
||||
|
||||
if so.$n.hasClass 'm-fixed' and
|
||||
so.w < 1024
|
||||
so.$n.css left:-1*$(window).scrollLeft()
|
||||
|
||||
if dy > 0
|
||||
if not so.$n.hasClass 'm-down'
|
||||
so.$n.removeClass('m-up').addClass 'm-down'
|
||||
top = so.cs-so.nh
|
||||
if top < 0 then top = 0
|
||||
so.$n.offset top:top
|
||||
if so.$n.hasClass('m-down') and
|
||||
not so.$n.hasClass('m-fixed') and
|
||||
so.$n.offset().top >= so.cs
|
||||
so.$n.addClass 'm-fixed'
|
||||
so.$n.attr {style:''}
|
||||
|
||||
if dy < 0
|
||||
if not so.$n.hasClass 'm-up'
|
||||
so.$n.removeClass('m-down m-fixed').addClass 'm-up'
|
||||
so.$n.attr {style:''}
|
||||
top = so.cs
|
||||
sto = so.$n.offset().top
|
||||
if top < 0 then top = 0
|
||||
if top > sto and top < sto+so.nh then top = sto
|
||||
so.$n.offset top:top
|
||||
|
||||
so.ls = so.cs
|
||||
@ -1,27 +0,0 @@
|
||||
{
|
||||
"name": "tree",
|
||||
"version": "0.0.0",
|
||||
"description": "urbit tree browser",
|
||||
"main": "main.js",
|
||||
"dependencies": {
|
||||
"classnames": "^2.1.3",
|
||||
"coffeeify": "~1.0.0",
|
||||
"flux": "~2.0.1",
|
||||
"react": "~0.12.2",
|
||||
"react-tap-event-plugin": "0.1.4"
|
||||
},
|
||||
"devDependencies": {},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/urbit/tree"
|
||||
},
|
||||
"author": "galen wolfe-pauly",
|
||||
"license": "ISC",
|
||||
"bugs": {
|
||||
"url": "https://github.com/urbit/tree/issues"
|
||||
},
|
||||
"homepage": "https://github.com/urbit/tree"
|
||||
}
|
||||
@ -1,20 +0,0 @@
|
||||
dedup = {} # XX wrong layer
|
||||
module.exports =
|
||||
get: (path,query="no-query",cb) ->
|
||||
url = "#{window.tree.basepath(path)}.json?q=#{@encode query}"
|
||||
return if dedup[url]
|
||||
dedup[url] = true
|
||||
$.get url, {}, (data) -> if cb then cb null,data
|
||||
encode: (obj)->
|
||||
delim = (n)-> Array(n+1).join('_') || '.'
|
||||
_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]
|
||||
@ -1,130 +0,0 @@
|
||||
EventEmitter = require('events').EventEmitter
|
||||
|
||||
MessageDispatcher = require '../dispatcher/Dispatcher.coffee'
|
||||
clog = console.log.bind(console)
|
||||
|
||||
_tree = {}
|
||||
_data = {}
|
||||
_curr = ""
|
||||
|
||||
QUERIES = {body:'r', head:'r', snip:'r', sect:'j', meta:'j'}
|
||||
|
||||
TreeStore = _.extend EventEmitter.prototype, {
|
||||
addChangeListener: (cb) -> @on 'change', cb
|
||||
|
||||
removeChangeListener: (cb) -> @removeListener "change", cb
|
||||
|
||||
emitChange: -> @emit 'change'
|
||||
|
||||
pathToArr: (_path) -> _path.split "/"
|
||||
|
||||
fulfill: (path,query) ->
|
||||
if path is "/" then path = ""
|
||||
@fulfillAt (@getTree path.split '/'),path,query
|
||||
fulfillAt: (tree,path,query)->
|
||||
data = @fulfillLocal path, query
|
||||
have = _data[path]
|
||||
if have?
|
||||
for k,t of query when QUERIES[k]
|
||||
if t isnt QUERIES[k] then throw TypeError "Wrong query type: #{k}, '#{t}'"
|
||||
data[k] = have[k]
|
||||
if query.kids
|
||||
if have.kids is false
|
||||
data.kids = {}
|
||||
else for k,sub of tree
|
||||
data.kids ?= {}
|
||||
data.kids[k] = @fulfillAt sub, 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 = @getPare path
|
||||
if query.next then data.next = @getNext path
|
||||
if query.prev then data.prev = @getPrev path
|
||||
data
|
||||
|
||||
setCurr: (path) -> _curr = path
|
||||
getCurr: -> _curr
|
||||
|
||||
loadPath: (path,data) ->
|
||||
@loadValues (@getTree (path.split '/'),true), path, data
|
||||
loadValues: (tree,path,data) ->
|
||||
old = _data[path] ? {}
|
||||
for k of data when QUERIES[k]
|
||||
old[k] = data[k]
|
||||
|
||||
for k,v of data.kids
|
||||
tree[k] ?= {}
|
||||
@loadValues tree[k], path+"/"+k, v
|
||||
|
||||
if data.kids && _.isEmpty data.kids
|
||||
old.kids = false
|
||||
|
||||
_data[path] = old
|
||||
|
||||
getSiblings: (path=_curr)->
|
||||
curr = path.split("/")
|
||||
curr.pop()
|
||||
if curr.length isnt 0
|
||||
@getTree curr
|
||||
else
|
||||
{}
|
||||
|
||||
getTree: (_path,make=false) ->
|
||||
tree = _tree
|
||||
for sub in _path
|
||||
if not tree[sub]?
|
||||
if not make then return null
|
||||
tree[sub] = {}
|
||||
tree = tree[sub]
|
||||
tree
|
||||
|
||||
getPrev: (path=_curr)->
|
||||
sibs = _.keys(@getSiblings path).sort()
|
||||
if sibs.length < 2
|
||||
null
|
||||
else
|
||||
par = path.split "/"
|
||||
key = par.pop()
|
||||
ind = sibs.indexOf key
|
||||
win = if ind-1 >= 0 then sibs[ind-1] else sibs[sibs.length-1]
|
||||
par.push win
|
||||
par.join "/"
|
||||
|
||||
getNext: (path=_curr)->
|
||||
sibs = _.keys(@getSiblings path).sort()
|
||||
if sibs.length < 2
|
||||
null
|
||||
else
|
||||
par = path.split "/"
|
||||
key = par.pop()
|
||||
ind = sibs.indexOf key
|
||||
win = if ind+1 < sibs.length then sibs[ind+1] else sibs[0]
|
||||
par.push win
|
||||
par.join "/"
|
||||
|
||||
getPare: (path=_curr)->
|
||||
_path = @pathToArr path
|
||||
if _path.length > 1
|
||||
_path.pop()
|
||||
_path = _path.join "/"
|
||||
if _path is "" then _path = "/"
|
||||
_path
|
||||
else
|
||||
null
|
||||
}
|
||||
|
||||
TreeStore.dispatchToken = MessageDispatcher.register (payload) ->
|
||||
action = payload.action
|
||||
|
||||
switch action.type
|
||||
when 'path-load'
|
||||
TreeStore.loadPath action.path,action.data
|
||||
TreeStore.emitChange()
|
||||
when 'set-curr'
|
||||
TreeStore.setCurr action.path
|
||||
TreeStore.emitChange()
|
||||
|
||||
module.exports = TreeStore
|
||||
@ -1,12 +0,0 @@
|
||||
# installing
|
||||
|
||||
`npm install`
|
||||
|
||||
# building
|
||||
|
||||
in `src/js/`:
|
||||
`watchify -v -t coffeeify -o main.js main.coffee`
|
||||
|
||||
in `src/css/`:
|
||||
`stylus -w main.styl`
|
||||
|
||||
Loading…
Reference in New Issue
Block a user