smooth 2.0.1 → 2.0.2

data/developer-tools/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "smooth-io",
+  "version": "0.0.1",
+  "description": "\"The JS Environment for the Architects App\"",
+  "main": "entry.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "engine": {
+    "node": "0.10.x",
+    "npm": "1.3.x"
+  },
+  "dependencies": {
+    "webpack": "^1.4.0-beta4",
+    "webpack-dev-server": "latest",
+    "coffee-loader": "latest",
+    "cjsx-loader": "latest",
+    "sass-loader": "latest",
+    "style-loader": "latest",
+    "css-loader": "latest",
+    "file-loader": "latest",
+    "backbone": "latest",
+    "underscore": "latest",
+    "underscore.string": "latest",
+    "url-template": "latest",
+    "inflection": "latest",
+    "bower": "latest",
+    "react": "latest",
+    "backbone-react-component": "latest",
+    "react-treeview": "latest",
+    "react-draggable": "latest",
+    "react-router-component": "latest",
+    "react-hot-loader": "latest",
+    "react-tools": "latest"
+  }
+}
+

data/developer-tools/server.js

@@ -0,0 +1,14 @@
+var webpack = require("webpack"),
+    WebpackDevServer = require("webpack-dev-server"),
+    config = require("./webpack.hot.config");
+
+
+var server = new WebpackDevServer(webpack(config), {
+  publicPath: config.output.publicPath,
+  hot: true,
+  stats: {
+    colors: true
+  }
+});
+
+server.listen(4000,'localhost');

data/developer-tools/src/client.coffee

@@ -0,0 +1,21 @@
+_ = require("underscore")
+$ = require("jquery")
+
+Smooth = {
+  version: '0.0.2',
+  config: { },
+
+  Util:       require("./util"),
+  Model:      require("./client/model"),
+  Collection: require("./client/collection"),
+  Resource:   require("./client/resource")
+}
+
+Smooth.resource = Smooth.Resource.define
+
+Smooth.configure = (options)->
+  _.extend(Smooth.config, options)
+
+module.exports = Smooth
+
+window.Smooth = Smooth if typeof(window) isnt "undefined"

data/developer-tools/src/client/collection.coffee

@@ -0,0 +1,14 @@
+_         = require("underscore")
+util      = require("../util")
+Backbone  = require("backbone")
+
+module.exports = Collection = Backbone.Collection.extend
+  initialize: (models=[], options={})->
+
+    if @bootstrap && window?.BootstrappedCollections?[@boostrap]
+      models = window.BootstrappedCollections[@bootstrap]
+
+    Backbone.Collection::initialize.apply(@, arguments)
+
+  inChunksOf: (size)->
+    util.chunk(@models, size)

data/developer-tools/src/client/model.coffee

@@ -0,0 +1,11 @@
+_         = require("underscore")
+util      = require("../util")
+Backbone  = require("backbone")
+
+module.exports = Model = Backbone.Model.extend
+  read: (attr)->
+    if _.isFunction(@[attr])
+      @[attr].call(@)
+    else
+      @get(attr) || @[attr]
+

data/developer-tools/src/client/resource.coffee

@@ -0,0 +1,132 @@
+_             = require("underscore")
+util          = require("../util")
+Model         = require("./model")
+Collection    = require("./collection")
+
+definitions = {}
+
+_resources = {}
+
+module.exports = class Resource
+  constructor: (options={})->
+    _.extend(@, options)
+
+  getDefinition: ->
+    @definition
+
+  getModelClass: ->
+    return @definition.modelClass
+
+  newModel:(attributes={}, options={})->
+    new @getModelClass()(attributes, options)
+
+  fetch: (options)->
+    @getCollection(options).fetch(options)
+
+  find: (id)->
+    @getCollection().get(id)
+
+  getCollection: (options={})->
+    models = options.models
+    delete(options.models)
+
+    if options.private is true
+      return @newCollection(models, options)
+    else
+      @singleton ||= @newCollection(models, options)
+
+  newCollection:(models=[], options={})->
+    new @definition.collectionClass(models, options)
+
+_.extend Resource,
+  define: (resourceName, options={}, fn=->)->
+    if _.isFunction(options)
+      fn = options
+      options = {}
+
+    resourceName = "#{util.string.underscored(resourceName)}".toLowerCase()
+
+    definition = definitions[resourceName] ||= new ResourceDefinition(resourceName, options)
+
+    fn?.call(definition, resourceName, options)
+
+    _resources[resourceName] = definition.build()
+
+    definition
+
+  reopen: (resourceDefinition)->
+    definitions[resourceDefinition]
+
+  registry: (resourceName, thisIsAGuess=false)->
+    # correct guess, first try. great champ.
+    if result = _resources[resourceName]
+      return result
+
+    # try an underscored version of whatever was passed.
+    if result = @registry(util.string.underscored(resourceName), isAGuess)
+      return result
+
+    # Try one guess, maybe they should lowercase and underscore it
+    unless thisIsAGuess
+      @registry("#{util.string.underscored(resourceName)}".toLowerCase(), true)
+
+class ModelDslAdapter
+  constructor: (definition={})->
+    @definition = definition
+
+  url: (url)->
+    @definition.url = url
+
+  public: (extensions)->
+    # TODO
+    # Build the meta table
+    _.extend(@definition, extensions)
+
+  private: (extensions)->
+    # TODO
+    # Build the meta table
+    _.extend(@definition, extensions)
+
+  belongsTo: (relation, options={})->
+
+  hasMany: ->
+    # TODO
+    # Implement
+
+class CollectionDslAdapter extends ModelDslAdapter
+  name: "CollectionDslAdapter"
+
+class ResourceDefinition
+  constructor: (resourceName, options={})->
+    @resourceName = resourceName
+    @options      = options
+
+    @_collection_interface = {
+      public: []
+      private: []
+    }
+
+    @_model_interface = {
+      public: [],
+      private: []
+    }
+
+    @_collection_definition = {}
+    @_model_definition = {}
+
+    @model = new ModelDslAdapter(@_model_definition)
+
+    @collection = new CollectionDslAdapter(@_collection_definition)
+
+  build: ->
+    @defineModelClass()
+    @defineCollectionClass()
+    new Resource(definition: @)
+
+  defineModelClass: ->
+    @modelClass ||= Model.extend(@model.definition || {})
+
+  defineCollectionClass: ->
+    definition = @collection.definition || {}
+    definition.model = @modelClass || @defineModelClass()
+    @collectionClass = Collection.extend(definition)

data/developer-tools/src/dependencies.coffee

@@ -0,0 +1,7 @@
+$         = require("jquery")
+_         = require("underscore")
+Backbone  = require("backbone")
+React     = require("react")
+Router    = requir("react-router")
+
+require "backbone-react-component"

data/developer-tools/src/inspector.cjsx

@@ -0,0 +1,49 @@
+require("semantic/build/packaged/javascript/semantic.js")
+require("semantic/build/packaged/css/semantic.css")
+require("./styles/index.scss")
+
+React         = require("react")
+Backbone      = require("backbone"); require("backbone-react-component")
+
+Router        = require('react-router-component')
+Link          = Router.Link
+
+Locations     = Router.Locations
+Location      = Router.Location
+
+Sidebar                 = require("./inspector/views/sidebar")
+IndexPage               = require("./inspector/pages/index")
+ResourcesIndexPage      = require("./inspector/pages/resources")
+
+InterfaceCollection     = require("./inspector/models/interface_collection")
+
+
+Application = React.createClass
+  onBeforeNavigation: ->
+    console.log("App on Before Navigation")
+
+  onNavigation: ->
+    console.log("App on Navigation")
+  
+  getInterface: ->
+    return @_interface if @_interface
+    @_interface = new InterfaceCollection()
+    @_interface
+
+  render: ->
+    <div className="wrapper">
+      <Sidebar style="inverted thin vertical floating menu" />
+      <div className="ui page grid">
+        <div className="column">
+          <Locations onBeforeNavigation={@onBeforeNavigation} onNavigation={@onNavigation}>
+            <Location path="/smooth-developer-tools" handler={IndexPage} collection={@getInterface()}/>
+            <Location path="/smooth-developer-tools" handler={IndexPage} collection={@getInterface()}/>
+            <Location path="/smooth-developer-tools/resources" handler={ResourcesIndexPage} />
+          </Locations>
+        </div>
+      </div>
+    </div>
+
+$ ->
+  prefix = if window.location.port == "4000" then "" else "/smooth-developer-tools"
+  React.renderComponent(Application(prefix: prefix), document.getElementById('application'))

data/developer-tools/src/inspector/models/interface_collection.coffee

@@ -0,0 +1,31 @@
+_ = require "underscore"
+
+InterfaceDocumentation = Backbone.Model.extend(url:->"/api/architects/interface/#{@resource_id}")
+
+InterfaceCollection = Backbone.Collection.extend
+  model: InterfaceDocumentation
+
+  url: ->
+    # TODO
+    window.SmoothInterfaceEndpoint || "/api/architects/interface"
+
+  parse:(response)->
+    {api_meta} = response
+
+    @meta = api_meta
+
+    resourceObjects = @toResourceObjects(response)
+    console.log("Resources", resourceObjects)
+    resourceObjects
+
+  toResourceObjects:(response)->
+    {api_meta} = response
+    resource_names = api_meta?.resource_names || []
+
+    for resourceName in api_meta.resource_names
+      resource = response[resourceName] || {}
+
+      _.extend resource,
+        resourceName: resourceName
+
+module.exports = InterfaceCollection

data/developer-tools/src/inspector/pages/index.cjsx

@@ -0,0 +1,31 @@
+Link          = require('react-router-component').Link
+IconHeading   = require("../views/icon_heading")
+GridSort      = require("../views/grid_sort")
+ResourceCard  = require("../views/resource_card")
+Toolbar       = require("../views/toolbar")
+
+module.exports = IndexPage = React.createClass
+  componentWillMount: ->
+    @props.collection.fetch().then ()=> @forceUpdate()
+  
+  getResourceNames: ->
+    names = @state?.interface?.api_meta?.resource_names || []
+    names 
+
+  prepareResourceCard: (resource)->
+    <ResourceCard key={resource.cid} resource={resource} />
+
+  render: ->
+    <div className="page-container">
+      <IconHeading title="Smooth API Documentation" />
+      
+      <div className="ui vertical segment">
+        <div className="ui right floated basic segment">
+          <Toolbar resourceGroups={@props.collection.pluck('resource_group')}/>
+        </div>
+      </div>
+
+      <div className="grid-sort-wrapper" style={clear:"both"}>
+        <GridSort prepare={@prepareResourceCard} items={@props.collection.models} perRow=3 /> 
+      </div>
+    </div>

data/developer-tools/src/inspector/pages/resources.cjsx

@@ -0,0 +1,5 @@
+IconHeading = require("../views/icon_heading")
+
+module.exports = ResourcesIndexPage = React.createClass
+  render: ->
+    <IconHeading title="Resources" />

data/developer-tools/src/inspector/views/grid_sort.cjsx

@@ -0,0 +1,23 @@
+util = require("../../util.coffee")
+
+module.exports = GridSort = React.createClass
+  propTypes:
+    prepare: React.PropTypes.func.isRequired
+    perRow: React.PropTypes.number.isRequired
+
+  prepareRow: (row, rowIndex)->
+    items = _(row).map(@props.prepare)
+
+    <div className="row" key={rowIndex}>
+      {items}
+    </div>
+
+  render: ->
+    groups = util.chunk(@props.items, @props.perRow)
+    
+    rowIndex = 0
+    stackable = "stackable" if @props.stackable
+
+    <div className="ui #{ stackable } grid column #{util.wordsForNumber(@props.perRow)}">
+      {@prepareRow(row, rowIndex += 1) for row in groups}
+    </div>

data/developer-tools/src/inspector/views/icon_heading.cjsx

@@ -0,0 +1,15 @@
+module.exports = IconHeading = React.createClass
+  getDefaultProps: ->
+    icon: "cloud"
+    iconSize: "large"
+    title: ""
+    subheading: ""
+
+  render: ->
+    <div className="ui large header">
+      <i className="icon #{@props.icon} #{@props.iconSize}" />
+      <div className="content">
+        {@props.title}
+        <div className="sub header">{@props.subheading}</div>
+      </div>
+    </div>

data/developer-tools/src/inspector/views/resource_card.cjsx

@@ -0,0 +1,34 @@
+module.exports = ResourceCard = React.createClass
+  prepareRouteItem: (description, pattern)->
+    <div className="ui item">
+      <div className="content">
+        <div className="header">{description}</div>
+        <div className="description">{pattern}</div>
+      </div>
+    </div>
+  
+  prepareCommandItem: (item, key)->
+    key = "#{item.class}-#{key}"
+    console.log(key, item.class)
+    <span key={key} className="ui item">{item.class}</span>
+
+  render: ->
+    resource = @props.resource
+    
+    routeItems        = _(resource.get("routes")).map(@prepareRouteItem)
+    #commandItems      = _(resource.get("commands")).map(@prepareCommandItem)
+    #serializerItems   = _(resource.get("commands")).map(@prepareCommandItem)
+    #exampleItems      = _(resource.get("commands")).map(@prepareCommandItem)
+    #queryItems        = _(resource.get("commands")).map(@prepareCommandItem)
+    
+    <div key={resource.cid} className="column resource-card">
+      <div className="ui segment raised">
+        <h2>{resource.get('resourceName')}</h2>
+        <p>{resource.get("group_description")}</p> 
+        <div className="ui ribbon label">Routes</div>
+        <div className="ui route-table very relaxed divided list">
+          {routeItems}
+        </div>
+      </div>
+    </div>
+