stylish 0.0.1 → 0.0.2

data/support/editor-app/development/src/styles/components/tiled_grid.css.scss

@@ -0,0 +1,5 @@
+.ui.grid.tiled .ui.card {
+  padding-left: 24px;
+  padding-right: 24px;
+  padding-bottom: 48px;
+}

data/support/editor-app/development/src/styles/index.css.scss

@@ -0,0 +1,240 @@
+$white: rgba(255,255,255,1);
+$black: rgba(230,230,230,0.99);
+
+$zindex-scale-1: 100;
+$zindex-scale-2: 200;
+$zindex-scale-3: 300;
+$zindex-scale-4: 400;
+$zindex-scale-5: 500;
+
+/*******************************
+        Highlighted Colors
+*******************************/
+
+h1::-moz-selection,
+h2::-moz-selection,
+h3::-moz-selection {
+  background-color: #F1C1C2;
+  color: #222222;
+}
+h1::selection,
+h2::selection,
+h3::selection {
+  background-color: #F1C1C2;
+  color: #222222;
+}
+.ui *::-moz-selection {
+  background-color: #CCE2FF;
+}
+.ui *::selection {
+  background-color: #CCE2FF;
+}
+
+/*******************************
+             Global
+*******************************/
+
+html,
+body {
+  font-size: 14px;
+}
+
+body {
+  background: #F9F9F9;
+  margin: 0px;
+  padding: 0px;
+  color: #555555;
+  font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+  font-family: "Lato", "Helvetica Neue", "Helvetica", "Arial", sans-serif/*rtl:prepend:"Droid Arabic Kufi","Droid Sans", */;
+}
+
+pre {
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  word-wrap: break-word;
+}
+pre {
+  background-color: #FFFFFF;
+  text-align: left;
+}
+
+p:first-child {
+  margin-top: 0em;
+}
+p:last-child {
+  margin-bottom: 0em;
+}
+/* links */
+a {
+  color: #009FDA;
+  text-decoration: none;
+}
+a:hover {
+  color: #00BAFF;
+}
+
+ul.list {
+  list-style-type: disc;
+}
+ul.list li {
+  list-style-position: outside;
+}
+
+
+/* text and headers */
+h1 {
+  margin: 0px 0px 20px;
+  padding: 50px 0px 5px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/*rtl:ignore*/
+pre.console {
+  background-color: transparent;
+  line-height: 1.6;
+  font-family:  'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
+  height: 300px;
+  overflow: auto;
+  direction:ltr;
+}
+code {
+  background-color: rgba(0, 0, 0, 0.02);
+  border-radius: 0.2em;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.75);
+  font-weight: bold;
+  display: inline-block;
+  font-family: "Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace;
+  font-size: 14px;
+  margin: 0;
+  padding: 0.1em 0.4em;
+  vertical-align: baseline;
+}
+.ui.message code {
+  background-color: rgba(255, 255, 255, 0.6);
+}
+
+pre code {
+  border: none;
+  padding: 0px;
+}
+table pre,
+table code {
+  margin: 0px !important;
+  padding: 0px;
+  background-color: transparent;
+}
+p {
+  margin: 1em 0em;
+}
+p:first-child {
+  margin-top: 0em;
+}
+p:last-child {
+  margin-bottom: 0em;
+}
+/* links */
+code a,
+a code,
+a {
+  color: #009FDA;
+  text-decoration: none;
+}
+code a:hover,
+a:hover code,
+a:hover {
+  color: #00BAFF;
+}
+
+#main img {
+  max-width: 100%;
+}
+::-webkit-scrollbar { 
+      display: none; 
+    }
+
+// Sidebar Toggle Button 
+.ui.transparent.menu {
+  opacity: 0.95;
+}
+
+#main.pushable.left.overlay .fixed.launch.button {
+  transform: translate3d(0, 0, 0);
+}
+
+#main.pushable.overlay.left.pushed .fixed.launch.button {
+  transform: translate3d(260px, 0, 0);
+}
+
+#main .fixed.launch.button {
+  position: fixed;
+  top: 63px;
+  left: -1px;
+
+  width: 35px;
+  height: auto;
+  overflow: hidden;
+  -webkit-transition:
+    0.9s width ease,
+    0.9s transform ease
+  ;
+  transition:
+    0.9s width ease,
+    0.9s transform ease
+  ;
+}
+
+#main .fixed.launch.button .text {
+  position: absolute;
+  left: 44px;
+}
+
+#main .fixed.launch.button:hover {
+  width: 90px;
+}
+
+#main .fixed .container {
+  width: auto;
+  margin: 0px auto;
+  max-width: 9999px;
+}
+
+#main .fixed .launch {
+  cursor: pointer;
+  display: inline-block;
+}
+
+
+// Page Settings
+.pusher .page {
+  display: table;
+  height: 100%;
+  width: 100%;
+}
+
+#main .main.container {
+  padding-top: 24px;
+  width: 75%;
+}
+
+.container {
+  margin: 0px auto;
+  width: 75%; 
+}
+
+.main.container {
+  position: relative;
+  z-index: 1;
+  padding-bottom: 40px;
+}
+
+@import "./components/tiled_grid.css.scss";

data/support/editor-app/development/src/sugar.cjsx

@@ -0,0 +1,126 @@
+module.exports = sugar = {}
+
+registry = require("./registry")
+
+class ComponentDefinition
+  constructor: (name, options={})->
+    @name = name
+    @completed = false
+    @type = options.type || "component"
+    @mixins = options.mixins if options.mixins?.length > 0
+
+    global.previousComponent = @
+
+  state: (initialState)->
+    @initialState = initialState
+    @
+  
+  properties: (defaultProperties)->
+    @defaultProperties = defaultProperties
+    @
+  
+  view: (v)->
+    @_view = v
+    @
+  
+  helpers: (helpers={})->
+    @helpers ||= {}
+    @helpers = _.extend(@helpers, helpers)
+    @
+
+  classMethods: (classMethods={})->
+    @classMethods ||= {}
+    @classMethods = _.extend(@classMethods, classMethods)
+    @
+
+  events: (helpers={})->
+    @helpers ||= {}
+    @helpers = _.extend(@helpers, helpers)
+    @
+  
+  finished: (cb)->
+    @register(cb)
+
+  register: (cb)->
+    @completed = true
+    
+    definition = _.extend @helpers || {},
+      displayName: @name
+      render: @_view || (->)
+   
+    if @classMethods
+      definition.statics = _.extend((definition.statics || {}), @classMethods) 
+    
+    if @mixins?.length > 0
+      definition.mixins = @mixins
+
+    me = @
+    
+    if _.isFunction(@defaultProperties)
+      definition.getDefaultProps = @defaultProperties
+    else if _.isObject(@defaultProperties)
+      definition.getDefaultProps = ->
+        me.defaultProperties
+    
+    if _.isFunction(@initialState)
+      definition.getInitialState = @initialState
+
+    else if _.isObject(@initialState)
+      definition.getInitialState = -> 
+        me.initialState
+    
+    if _.isArray(@mixins) and @mixins.length > 0
+      definition.mixins = @mixins
+
+    k = React.createClass(definition)
+    cb?(k)
+    
+    if @type is "component"
+      global.setComponent?(@name, k)
+
+    if @type is "page"
+      global.setPage?(@name, k)
+
+    global.previousComponent = undefined
+    k
+
+global.previousComponent = undefined
+
+# implement a poor man's method missing for certain functions that get used
+# during the react component definition stage
+originals = {}
+
+delegate = (fnName)->
+  sugar[fnName] = ->
+    global.previousComponent?[fnName]?.apply(global.previousComponent, arguments)
+
+for fn in ['properties', 'helpers', 'events', 'view', 'state', 'classMethods', 'finished']
+  originals[fn] = global[fn]
+  delegate(fn) 
+
+global.register = (name, options={})-> 
+  global.previousComponent = new ComponentDefinition(name, options)
+
+global.page = (name, options={})->
+  #options.mixins ||= []
+  #options.mixins.push(Router.State)
+  global.previousComponent = new ComponentDefinition(name, options)
+
+global.component = (name, options={})->
+  options.type = "component"
+  global.previousComponent = new ComponentDefinition(name, options)
+
+global.el = (id)-> document.getElementById(id)
+global.cx = React.addons.classSet
+
+# makes the sugar available to all the scripts
+sugar.globalized = ->
+  for prop, val of originals
+    global[prop] = sugar[prop]
+
+  sugar
+
+# cleans up after the sugar
+sugar.finish = ->
+  for prop, val of originals
+    global[prop] = val

data/support/editor-app/development/webpack.config.js

@@ -0,0 +1,53 @@
+/**
+ * @see http://webpack.github.io/docs/configuration.html
+ * for webpack configuration options
+ */
+var webpack = require("webpack");
+
+module.exports = {
+  context: __dirname,
+
+  entry: {
+    toolkit: "./src/index.cjsx"
+  },
+
+  output: {
+    path: __dirname + "/../dist",
+    filename: "[name].js",
+    library: ["Architects","[name]"],
+    libraryTarget: "umd",
+  },
+
+  resolve: {
+    extensions: ["",".js",".coffee",".cjsx",".scss",".html"],
+    modulesDirectories: [
+      'node_modules', 
+      'bower_components'
+    ],
+  },
+
+  plugins: [
+    new webpack.ProvidePlugin({
+      "_": "underscore",
+      "Backbone": "backbone"
+    }) 
+  ],
+
+  externals:{
+    "jquery": "var jQuery",
+    "$"     : "var jQuery"
+  },
+
+  // The 'module' and 'loaders' options tell webpack to use loaders.
+  // @see http://webpack.github.io/docs/using-loaders.html
+  module: {
+    loaders: [
+      { test: /\.coffee$/, loaders: ["coffee-loader"] },
+      { test: /\.cjsx$/, loaders: ["coffee-loader","cjsx-loader"] },
+      { test: /\.scss$/, loader: "style!css!sass?outputStyle=expanded"},
+      { test: /\.css$/, loader: "style!css!sass?outputStyle=expanded"},
+      {test: /\.(jpg|png|gif|svg)/, loader: 'file-loader?path=smooth-developer-tools'},
+      {test: /\.(eot|ttf|woff)/, loader: 'file-loader?path=smooth-developer-tools'}
+    ]
+  }
+};

data/support/editor-app/dist/toolit.js

@@ -0,0 +1,62 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define(factory);
+	else if(typeof exports === 'object')
+		exports["toolit"] = factory();
+	else
+		root["Architects"] = root["Architects"] || {}, root["Architects"]["toolit"] = factory();
+})(this, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId])
+/******/ 			return installedModules[moduleId].exports;
+/******/
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			exports: {},
+/******/ 			id: moduleId,
+/******/ 			loaded: false
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.loaded = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ function(module, exports, __webpack_require__) {
+
+	
+
+
+/***/ }
+/******/ ])
+});