Independence of Reaction Commerce

reaction-commerce is now an independent, free standing package and can be used in any meteor project without the reaction project

client/layout.html

@@ -3,12 +3,12 @@
   <title>Reaction Demo</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"></head>
   <main role="main" id="main">
-    <header>{{yield "header"}}</header>
+    <header>{{yield "templateHeader"}}</header>
     <nav>{{yield "sidebar"}}</nav>
     <nav>{{>cartDrawer}}</nav>
     <section>
       <div class="container">{{yield}}</div>
     </section>
   </main>
-  <footer>{{yield "footer"}}</footer>
+  <footer>{{yield "templateFooter"}}</footer>
 </template>

client/routing.coffee

@@ -7,30 +7,18 @@
 # *****************************************************
 Router.configure
   layoutTemplate: "layout"
-  notFoundTemplate: "notFound"
-  loadingTemplate: "loading"
-  yieldTemplates:
-    siteHeader:
-      to: "header"
-
-    siteFooter:
-      to: "footer"
-
-    dashboardSidebar:
-      to: "sidebar"
-
-
+  # yieldTemplates:
+  #   footer:
+  #     to: "footer"
 # *****************************************************
-# generic routes for reaction marketing site layout
-# default layout is dashboardLayout template, these
-# are all exceptions
+# generic routes for reaction layout
 # *****************************************************
 pages = [
-  
+
   #Header
   "pricing"
   "contactus"
-  
+
   #Footer
   "about"
   "team"

client/templates/siteHeader/header.coffee → client/templates/header/header.coffee

@@ -2,21 +2,7 @@
 # returns "active" if we are on the current route
 # we can use this in a class to mark current active nav
 # *****************************************************
-
-Template.siteHeader.helpers
-  activeRouteClass: ->
-    args = Array::slice.call(arguments, 0)
-    args.pop()
-    active = _.any(args, (name) ->
-      location.pathname is Router.path(name)
-    )
-    active and "active"
-  siteName: () ->
-    siteName = Shops.findOne().name
-    siteName
-
-
-Template.siteHeader.events
+Template.header.events
   'click #login-dropdown-list a.dropdown-toggle': () ->
     setTimeout (->
       $("#login-email").focus()

client/templates/header/header.html

@@ -0,0 +1,22 @@
+<template name="header">
+{{!--   remove this div, insert your header, update routing.coffee --}}
+  <div class="container alert alert-danger">
+    <h1>
+      To use your own header:
+      <small>change /client/routing.coffee</small>
+    </h1>
+    <p>
+      yieldTemplates:
+    templateHeader:
+      to: "header"
+    </p>
+    <p> <strong>change "templateHeader" to be any template, for example this template would be</strong>
+      <p>
+        :
+  yieldTemplates:
+    templateHeader:
+      to: "header"
+      </p>
+    </p>
+  </div>
+</template>

packages/reaction-commerce/client/app.coffee

@@ -1,3 +1,11 @@
+Meteor.app = _.extend(Meteor.app || {},
+  getCurrentShopCursor: () ->
+    Shops.find({}, {limit: 1});
+  getCurrentShop: () ->
+    cursor = Meteor.app.getCurrentShopCursor()
+    cursor.fetch()[0]
+)
+
 Meteor.app = _.extend(Meteor.app || {},
   packages:
     register: (packageInfo) ->

packages/reaction-commerce/client/helpers.coffee → packages/reaction-commerce/client/helpers/helpers.coffee

@@ -11,6 +11,17 @@ Handlebars.registerHelper "hasOwnerAccess", ->
 Handlebars.registerHelper "hasDashboardAccess", ->
   Meteor.app.hasDashboardAccess()
 
+Handlebars.registerHelper "activeRouteClass", ->
+  args = Array::slice.call(arguments, 0)
+  args.pop()
+  active = _.any(args, (name) ->
+    location.pathname is Router.path(name)
+  )
+  active and "active"
+
+Handlebars.registerHelper "siteName", ->
+  siteName = Shops.findOne().name
+  siteName
 # *****************************************************
 # method to alway return an image,
 # or a placeholder for a product variant

packages/reaction-commerce/client/routing.coffee

@@ -1,3 +1,7 @@
+Router.configure
+  notFoundTemplate: "notFound"
+  loadingTemplate: "loading"
+
 Router.before ->
   @subscribe('shops').wait()
   @subscribe('cart', Session.get "sessionId", Meteor.userId()).wait()
@@ -10,9 +14,14 @@ Router.before ->
 
 ShopController = RouteController.extend
   yieldTemplates:
-    'shopHeader': to: 'header'
-    'dashboardSidebar': to: 'sidebar'
-    'siteFooter': to: 'footer'
+    templateHeader:
+      to: "templateHeader"
+
+    templateFooter:
+      to: "templateFooter"
+
+    dashboardSidebar:
+      to: "sidebar"
   before: ->
 # should we make it a default as Router.before?
     @subscribe('shops').wait()
@@ -108,7 +117,7 @@ Router.map ->
       [share.ConfigDataHandle]
     yieldTemplates:
       checkoutHeader:
-        to: "header"
+        to: "templateHeader"
   #completed orders
   @route 'cartCompleted',
     path: 'completed/:_id',

packages/reaction-commerce/client/subscriptions.coffee

@@ -1,13 +1,26 @@
-PackagesHandle = Meteor.subscribe("Packages")
+Meteor.subscribe "ReactionPackages"
+ReactionConfigHandle = Meteor.subscribe("ReactionConfig")
+Meteor.subscribe "UserConfig", Meteor.userId()
+# Read from local storage / cookies
+Meteor.subscribe "ReactionSessions", amplify.store("reaction.session"), ->
+  # The server returns only one record, so findOne will return that record
+  serverSession = new Meteor.Collection("ReactionSessions").findOne()
+  # Stores into client session all data contained in server session;
+  # supports reactivity when server changes the serverSession
+
+  Session.set "serverSession", serverSession
+  Session.set "sessionId", serverSession._id
+  # Stores the server session id into local storage / cookies
+  amplify.store "reaction.session", serverSession._id
+
+PackagesHandle = @PackagesHandle = Meteor.subscribe("Packages")
 share.ConfigDataHandle = Meteor.subscribe 'ConfigData'
 Meteor.subscribe 'products'
 Meteor.subscribe 'orders'
 Meteor.subscribe 'customers'
 Meteor.subscribe 'tags'
 Meteor.subscribe 'cart'
 Meteor.subscribe 'shops'
-#shops and cart are subscribed in router
-
 
 
 ####################################################

packages/reaction-commerce/client/templates/dashboard/footer/footer.html

@@ -0,0 +1,10 @@
+<template name="dashboardfooter">
+  <footer class="unstyled">
+    <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
+      <div class="col-md-2"></div>
+      <div class="col-md-2"></div>
+      <div class="col-md-2"></div>
+      <div class="col-md-6"></div>
+    </nav>
+  </footer>
+</template>

packages/reaction-commerce/client/templates/layout/footer/footer.coffee

@@ -0,0 +1,3 @@
+Template.templatesFooter.helpers
+  allSubscriptionsReady: ->
+    DDP._allSubscriptionsReady()

packages/reaction-commerce/client/templates/layout/footer/footer.html

@@ -0,0 +1,5 @@
+<template name="templatesFooter">
+    {{#if allSubscriptionsReady}}
+      <div class="all-subscriptions-ready"></div>
+    {{/if}}
+</template>

client/templates/siteHeader/header.html → packages/reaction-commerce/client/templates/layout/header/header.html

@@ -1,4 +1,4 @@
-<template name="siteHeader">
+<template name="templateHeader">
   <div class="navbar navbar-default navbar-static-top" role="navigation">
     <div class="navbar-header">
       <a class="navbar-brand" href="{{pathFor 'index'}}">{{{siteName}}}</a>

packages/reaction-commerce/client/templates/products/productDetail/variants/variant.html

@@ -30,7 +30,7 @@ <h3>
       <span class="progress-bar {{progressBar}}" role="progressbar" aria-valuenow="{{inventoryQuantity}}" aria-valuemin="0" aria-valuemax="{{inventoryTotal}}" style="width: {{inventoryPercentage}}%">
       </span>
       <div class="variant-progress-item">
-        <span class="variant-qty badge">{{inventoryQuantity}}</span>
+        <span class="badge">{{inventoryQuantity}}</span>
         <span class="variant-title">{{title}}</span>
         <span class="variant-price pull-right">${{price}}</span>
        </div>

packages/reaction-commerce/common/collections.coffee

@@ -1,3 +1,7 @@
+share.ReactionPalette = @ReactionPalette = new Meteor.Collection(null)
+
+share.ConfigData = @ConfigData = new Meteor.Collection("ConfigData")
+
 PackageConfigSchema = new SimpleSchema
   shopId:
     type: String