Skip to content

Commit

Permalink
Adds React-Soundplayer through webpack:webpack.
Browse files Browse the repository at this point in the history
commit 04e6be14d89dfc1fa27271abca76fac273ed8a05
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 15 16:18:58 2015 +0100

    Replaces soundcloud Blaze template with React-Soundplayer.

commit 48c50ecaee0c8838f0333e06598b99fc5c8b1c5e
Author: B.E. Henriksen <e@jiku.ca>
Date:   Fri Nov 13 18:01:51 2015 +0100

    Moves dependency to component.

    I.e. modules/Soundplayer/webpack.packages.json.

commit 1a085f47e02747f369a3752029e807e9092b5718
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 23:42:35 2015 +0100

    Removes unused packages.

commit 32a0cc9bb5a9c201e9ce3c144f8d7171c0870ee3
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 23:22:07 2015 +0100

    Moves layout setup into init.

    Avoid errors in production.

commit 340996541fc1f7207ee0764dff55a6b33a007d4e
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 19:52:49 2015 +0100

    Updates ISSUE.

commit 01159f65c1e34dd4d212872fba307ef95b2f32b1
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 19:52:12 2015 +0100

    Changes globals associated with routes to jiku(.again) namespace

    Not much but it's an improvement.

commit 7ebe1d3c3414e5ae40fce969a47610ecfa60dd59
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 17:58:47 2015 +0100

    Improves routing.

    NB! Non-working section entry (doesn't pan).

commit 2fc842e050e86b7195614120401f6d52398c37aa
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 15:17:13 2015 +0100

    Updates ISSUE.

commit 072643947003c4108902833002699dd876a37e0d
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 15:13:03 2015 +0100

    Fixes missing react-dom.

    npm WARN EPEERINVALID react-soundplayer@0.3.1 requires a peer of react-dom@^0.14.x but none was installed.

commit 8a2a357e2548a92be40b153b073a2b681fdb083a
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 14:43:52 2015 +0100

    Updates ISSUE.md.

    Some git issues...

commit d4ad0322c40d724c22965c0b6a9402944f7b9c23
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 12:19:05 2015 +0100

    Bumps versions.

commit 92e682d0df5df40d86c1f5fc701a29cda3352d31
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 12:18:45 2015 +0100

    Removes CSSNext through Webpack. Using Meteor packages.

commit ee9c20877aae587cea54c53cd3b002608bd0d382
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 12:18:16 2015 +0100

    Removes unused extensions.

commit 1f4377c1c9bb692134057ef8a46fb3fd6987352f
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 12:17:21 2015 +0100

    Bumps React-Soundplayer.

    0.3.1 relies on React ^0.14.x and react-dom.

commit bdd396f7e0a60440b90c5c417792bd145e792f6a
Author: B.E. Henriksen <e@jiku.ca>
Date:   Wed Nov 11 12:02:39 2015 +0100

    Fixes CSS conflict with React-Soundplayer.

commit f7a728ce46ef336dcb59806e12eae23cf514e9f8
Author: B.E. Henriksen <e@jiku.ca>
Date:   Wed Nov 11 10:24:36 2015 +0100

    Symlinks Soundplayer for seperate use and versioning.

commit 58dc77dc6f177d686a74dc15bdc35f4a7333e122
Author: B.E. Henriksen <e@jiku.ca>
Date:   Wed Nov 11 10:23:54 2015 +0100

    Adds untouched basscss config.

commit 44f99adc8629ab52360ca2667b0f5e46a976841e
Author: B.E. Henriksen <e@jiku.ca>
Date:   Wed Nov 11 10:22:22 2015 +0100

    Adds kit:cssnext(-basscss).

    For (React) components.

commit a3a45ad1e06dde9048f6655452f9a774e81166b7
Author: B.E. Henriksen <e@jiku.ca>
Date:   Tue Nov 10 21:39:14 2015 +0100

    Refactors Modernizr into jiku:modernizr.

    # Conflicts:
    #	.meteor/packages

commit bf3f29f152dd4736d12c2d1dbd4c1908f6457da7
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 8 20:57:41 2015 +0100

    Bumps versions.

commit a4a41fa49e670d67410c8be970608ed58a655f7e
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 8 20:22:10 2015 +0100

    Bumps versions.

commit e2a2df094eb3ee6806adad366de1ff3967a184e2
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 8 20:22:02 2015 +0100

    Adds Webpacked React component to Blaze template.

    Also see FlowRouter routings, where reactComponent is provided.

commit 05f9f6f791f650de5dc0f75dbc9eb02ec78ae8a4
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 8 20:19:32 2015 +0100

    Removes unused routings for entry/client/routes.jsx.

    Avoids conflicts, etc.

commit 91c5af5511f177082f56e36677e5f30757572d98
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 8 20:17:11 2015 +0100

    Missing from last commit.

    Unsure why.

commit 97e43704480170de6a8d282c16b5ed1aea494cd6
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 8 20:14:20 2015 +0100

    Readds server entry.

    Seems it's needed? Maybe just for webpack:webpack, and not Webpack itself. I.e. got errors like

    While processing files with webpack:webpack ... MemoryFileSystem.js:86:10: Path doesn't exist
       '/memory/webpack/server.js'
       at MemoryFileSystem.readFileSync

commit db216a6037b67f478aa2420232c3606cb426e640
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 8 17:31:35 2015 +0100

    Removes unused assets, CSS.

commit b9a052512d4ca13aa539760df2548d2dcc1c9736
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 8 17:26:57 2015 +0100

    Removes server entry.

commit 2a09e376f42f952bc615dad1ccdc4ac8c0aa6f2a
Author: B.E. Henriksen <e@jiku.ca>
Date:   Sun Nov 8 16:43:29 2015 +0100

    Initial commit.

    Based on /Volumes/Data/Dev/Studies/Meteor/webpack:webpack/simple/origin @ de7ebf3.

    Adds webpack:webpack to .meter/packages.

    Tracks /modules and /node_modules, to avoid them appearing in other branches. Ignore if they're used in master at some point.

commit 68c4d6bf333c1c4fa14ee7528561b6724f204599
Author: B.E. Henriksen <e@jiku.ca>
Date:   Thu Nov 12 00:46:20 2015 +0100

    Adds ISSUE.md.
  • Loading branch information
jiku committed Nov 15, 2015
1 parent 89bcc4f commit 458cb07
Show file tree
Hide file tree
Showing 21 changed files with 384 additions and 146 deletions.
10 changes: 4 additions & 6 deletions .meteor/packages
Expand Up @@ -4,7 +4,6 @@
# 'meteor add' and 'meteor remove' will edit this file for you,
# but you can also edit it by hand.

insecure
fds:pixijs
webapp
raix:eventemitter
Expand All @@ -20,18 +19,15 @@ jiku:visualizers
standard-minifiers
meteor-base
mobile-experience
mongo
blaze-html-templates
session
jquery
tracker
logging
reload
random
ejson
spacebars
check
stolinski:stylus-multi
service-configuration
kadira:flow-router
kadira:blaze-layout
jiku:env
Expand All @@ -40,8 +36,10 @@ jiku:scroll
meteorhacks:fast-render
okgrow:analytics
kadira:debug
jiku:player
themeteorchef:bert
mquandalle:jade
react-template-helper
webpack:webpack
jiku:modernizr
kit:cssnext
kit:cssnext-basscss
30 changes: 18 additions & 12 deletions .meteor/versions
Expand Up @@ -16,7 +16,7 @@ check@1.1.0
chuangbo:cookie@1.1.0
chuangbo:marked@0.3.5_1
coffeescript@1.0.11
cosmos:browserify@0.8.1
cosmos:browserify@0.8.3
ddp@1.2.2
ddp-client@1.2.1
ddp-common@1.2.2
Expand All @@ -26,7 +26,7 @@ deps@1.0.9
diff-sequence@1.0.1
ecmascript@0.1.6
ecmascript-runtime@0.2.6
ecwyne:mathjs@2.1.1
ecwyne:mathjs@0.25.0
ejson@1.0.7
email@1.0.8
fastclick@1.0.7
Expand All @@ -42,12 +42,10 @@ http@1.1.1
id-map@1.0.4
infinitedg:gsap@1.16.0
infinitedg:tween@0.14.0
insecure@1.0.4
jiku:datgui@0.0.1
jiku:env@0.0.1
jiku:interface@0.0.1
jiku:modernizr@3.2.0
jiku:player@0.0.1
jiku:progress@0.0.1
jiku:scroll@0.0.1
jiku:three@0.0.1
Expand All @@ -56,7 +54,9 @@ jiku:visualizers@0.0.1
jquery@1.11.4
kadira:blaze-layout@2.2.0
kadira:debug@2.2.4
kadira:flow-router@2.7.0
kadira:flow-router@2.9.0
kit:cssnext@1.0.2
kit:cssnext-basscss@1.1.1
lalomartins:markd@0.1.1
launch-screen@1.0.4
livedata@1.0.15
Expand All @@ -66,8 +66,8 @@ meteor@1.1.10
meteor-base@1.0.1
meteorhacks:fast-render@2.10.0
meteorhacks:inject-data@1.4.1
meteorhacks:kadira@2.24.1
meteorhacks:meteorx@1.4.1
meteorhacks:kadira@2.23.4
meteorhacks:meteorx@1.3.1
meteorhacks:picker@1.0.3
minifiers@1.1.7
minimongo@1.0.10
Expand All @@ -80,22 +80,25 @@ mquandalle:jade@0.4.5
mquandalle:jade-compiler@0.4.5
npm-mongo@1.4.39_1
observe-sequence@1.0.7
okgrow:analytics@0.4.3
okgrow:analytics@1.0.4
ordered-dict@1.0.4
package-version-parser@3.0.4
promise@0.5.1
qazuor:animated-border-menus@1.0.2
raix:eventemitter@0.1.3
random@1.0.5
rate-limit@1.0.0
react-runtime@0.13.3_7
react-runtime-dev@0.13.3_7
react-runtime-prod@0.13.3_6
react-template-helper@0.1.6
react-runtime@0.14.1_1
react-runtime-dev@0.14.1
react-runtime-prod@0.14.1
react-template-helper@0.2.3
reactive-dict@1.1.3
reactive-var@1.0.6
reload@1.1.4
retry@1.0.4
routepolicy@1.0.6
sanjo:meteor-files-helpers@1.2.0_1
sanjo:meteor-version@1.0.0
service-configuration@1.0.5
session@1.1.1
spacebars@1.0.7
Expand All @@ -112,3 +115,6 @@ underscorestring:underscore.string@3.2.2
url@1.0.5
webapp@1.2.3
webapp-hashing@1.0.5
webpack:npmworkaround@0.1.0
webpack:reload@0.2.0
webpack:webpack@0.3.1
44 changes: 41 additions & 3 deletions client/init.coffee
@@ -1,14 +1,52 @@
Meteor.startup ->
BlazeLayout.setRoot '#container'

@jiku = @jiku || {}
@jiku.again = @jiku.again || {}

@jiku.again.layouts = [
name: 'normal'
templates: [
{ name: 'pane' }
{ name: 'particles' }
{
name: 'sections'
sections: [
'header'
'about'
'player'
'contribute'
'footer'
]
}
{ name: 'menu' }
]
]

@jiku.again.sections = [
'header'
'about'
'player'
'contribute'
'footer'
]
if (Meteor.settings.env is 'dev') then @jiku.again.sections.splice(2, 0, 'crappycrap')

@jiku.again.externalDirect = false
@jiku.again.lastPath = ''

Session.setDefault 'state', 'init'
Session.set 'goTo', false

@SiteEvent = new EventEmitter
@SoundEvent = new EventEmitter

if Meteor.settings.public.debugAnalytics then analytics.debug() else analytics.debug(false)
analytics.identify '123', name: 'Anonymous'

marked.setOptions breaks: true

onLayout = (data) ->
layout = _.find layouts, (l) ->
layout = _.find jiku.again.layouts, (l) ->
l.name is 'normal'

template = _.find layout.templates, (t) ->
Expand All @@ -20,7 +58,7 @@ Meteor.startup ->
Session.set 'state', 'normal'

_.delay -> SiteEvent.emit 'activate', {}, 100
if externalDirect
if jiku.again.externalDirect
_.delay -> SiteEvent.emit 'activateExtra', {}, 100
_.each layout.templates, (t) -> t.state = ''
SiteEvent.on 'layout', onLayout
Expand Down
146 changes: 146 additions & 0 deletions client/lib/basscss.next.css
@@ -0,0 +1,146 @@
/*
* Bassplate
* Boilerplate for Basscss with cssnext
* http://github.com/basscss/bassplate
*
* Remove or comment out unneeded modules and import your own files.
* Adjust global media queries and custom properties below.
*
*/


/* Basscss Modules */
@import 'basscss-base-reset';
@import 'basscss-base-forms';
@import 'basscss-base-tables';
@import 'basscss-base-typography';
@import 'basscss-color-base';
@import 'basscss-color-forms';
@import 'basscss-color-tables';
@import 'basscss-btn';
@import 'basscss-btn-primary';
@import 'basscss-btn-outline';
@import 'basscss-type-scale';
@import 'basscss-utility-typography';
@import 'basscss-utility-layout';
@import 'basscss-align';
@import 'basscss-white-space';
@import 'basscss-positions';
@import 'basscss-responsive-states';
@import 'basscss-grid';
@import 'flex-object';
@import 'basscss-borders';
@import 'basscss-colors';
@import 'basscss-background-colors';


/* Optional Modules (not included in Basscss by default) */
/*
@import 'basscss-btn-sizes';
@import 'basscss-color-forms-dark';
@import 'basscss-input-range';
@import 'basscss-progress';
@import 'basscss-background-images';
@import 'basscss-media-object';
@import 'basscss-responsive-white-space';
@import 'basscss-utility-headings';
@import 'basscss-ui-utility-groups';
@import 'basscss-table-object';
@import 'basscss-highlight-dark';
@import 'basscss-highlight';
*/


/* Example custom file import */
/*
@import './color/borders';
*/


/* Default custom properties */
@import 'basscss-defaults';


/* Custom media queries */
/*
@custom-media --breakpoint-sm (min-width: 40em);
@custom-media --breakpoint-md (min-width: 52em);
@custom-media --breakpoint-lg (min-width: 64em);
*/


/* Custom properties */
/*
:root {
--font-family: 'Helvetica Neue', Helvetica, sans-serif;
--line-height: 1.5;
--heading-font-family: var(--font-family);
--heading-font-weight: bold;
--heading-line-height: 1.25;
--monospace-font-family: 'Source Code Pro', Consolas, monospace;
--h1: 2rem;
--h2: 1.5rem;
--h3: 1.25rem;
--h4: 1rem;
--h5: .875rem;
--h6: .75rem;
--bold-font-weight: bold;
--space-1: .5rem;
--space-2: 1rem;
--space-3: 2rem;
--space-4: 4rem;
--form-field-font-size: 1rem;
--form-field-height: 2.25rem;
--form-field-padding-y: .5rem;
--form-field-padding-x: .5rem;
--button-font-size: inherit;
--button-font-weight: bold;
--button-line-height: 1.125rem;
--button-padding-y: .5rem;
--button-padding-x: 1rem;
--container-width: 64em;
--black: #111;
--gray: #aaa;
--silver: #ddd;
--white: #fff;
--aqua: #7fdbff;
--blue: #0074d9;
--navy: #001f3f;
--teal: #39cccc;
--green: #2ecc40;
--olive: #3d9970;
--lime: #01ff70;
--yellow: #ffdc00;
--orange: #ff851b;
--red: #ff4136;
--fuchsia:#f012be;
--purple: #b10dc9;
--maroon: #85144b;
--darken-1: rgba(0,0,0,.0625);
--darken-2: rgba(0,0,0,.125);
--darken-3: rgba(0,0,0,.25);
--darken-4: rgba(0,0,0,.5);
--border-width: 1px;
--border-radius: 3px;
--border-color: var(--darken-2);
--hover-background-color: var(--darken-1);
--link-color: var(--blue);
--button-background-color: var(--blue);
--pre-background-color: var(--silver);
}
*/
10 changes: 5 additions & 5 deletions client/sections/common/body.coffee
Expand Up @@ -47,7 +47,7 @@ onActivateExtra = (e) ->
$('section#header').addClass 'disable-clicks'
SiteEvent.emit 'toggleStyle', 'scroll', 'body', 'on'
SiteEvent.emit 'toggleStyle', 'visibility', 'menu', 'on'
SoundEvent.emit 'play', data: 'Play «Priss».' if Meteor.settings.public.soundcloud.active
SiteEvent.emit 'play', { randomize: true } if Meteor.settings.public.soundcloud.active

$(document).on 'click', 'a[href^="/"]', (e) ->
id = $(this).attr('href').split('/')[1]
Expand All @@ -58,11 +58,11 @@ $(document).on 'click', 'a[href^="/"]', (e) ->
SiteEvent.emit 'scrollTo', { position: id }

Template.sections.rendered = ->
_.each sections, (section, i) ->
_.each jiku.again.sections, (section, i) ->
scene = new ScrollMagic.Scene(
triggerElement: 'section#' + section
triggerHook: _.contains(["0", "#{sections.length - 1}"], i) and "onEnter" or "onLeave"
offset: _.contains(["0", "#{sections.length - 1}"], i) and "0" or "1"
triggerHook: _.contains(["0", "#{jiku.again.sections.length - 1}"], i) and "onEnter" or "onLeave"
offset: _.contains(["0", "#{jiku.again.sections.length - 1}"], i) and "0" or "1"
)
.setClassToggle 'a#' + section, 'active'
.setTween(TweenMax.to('section#' + section, 1, transform: 'opacity(1)', ease: Linear.easeNone))
Expand All @@ -72,7 +72,7 @@ Template.sections.rendered = ->
SiteEvent.emit 'setHistory', { id: @triggerElement?().id }
scene.addIndicators name: 'SECTION ' + section if Session.get("env") is "dev"

if (sections.length - 1 is i) and (FlowRouter.getParam 'scrollTo')
if (jiku.again.sections.length - 1 is i) and (FlowRouter.getParam 'scrollTo')
SiteEvent.emit 'scrollTo', { position: FlowRouter.getParam 'scrollTo' }

SiteEvent.emit 'layout', { template: 'sections', state: 'rendered' }
Expand Down
5 changes: 5 additions & 0 deletions client/sections/common/sections.coffee
@@ -0,0 +1,5 @@
Template.sections.helpers
hasReactComponent: ->
!_.isUndefined FlowRouter.current().route.options.reactComponent
reactComponent: ->
FlowRouter.current().route.options.reactComponent()
4 changes: 0 additions & 4 deletions client/sections/common/style/index.styl
Expand Up @@ -199,7 +199,3 @@ section > hr
position fixed
z-index 200
pointer-events none

#soundcloud
position absolute
z-index 300

0 comments on commit 458cb07

Please sign in to comment.