Skip to content

Instantly share code, notes, and snippets.

Kristian Mandrup kristianmandrup

Block or report user

Report or block kristianmandrup

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@kristianmandrup
kristianmandrup / crud-delete
Last active Aug 29, 2015
Racer model abstraction
View crud-delete
crud.Delete = new Class(RacerSync,
initialize: (@context) ->
@callSuper!
@getter = new Models.Get @context
extend:
create: (collection, ids) ->
new @ collection: collection, ids: ids
# validation not needed on delete!
@kristianmandrup
kristianmandrup / FireBaseSync.js
Last active Aug 29, 2015
FireBase sync wrapper for arrays and Array.observe
View FireBaseSync.js
/* FireBase Sync Manager */
var FirebaseSyncManager = {
getSynchronizedArray: function(firebaseRef) {
var list = [];
syncChanges(list, firebaseRef);
wrapLocalCrudOps(list, firebaseRef);
return list;
},
syncChanges: function(list, ref) {
@kristianmandrup
kristianmandrup / node-proj-management-tool
Last active Aug 29, 2015
Project management tool for node projects with addon infrastructure
View node-proj-management-tool
I always end up having a lot of projects and it quickly becomes a "bit of a mess" unless you follow some very strict conventions. Would be nice to have a tool to help lift that burden IMO.
Wouldn't even have to be specifically linked to ember projects, but just node based projects in general that follow the app/addon convention.
How would you structure your projects as they scale to a sizable number > 10 projects and > 10 addons of various types??
https://github.com/stefanpenner/ember-cli/issues/1822
Some basic design ideas follows ...
View bower.json
{
"name": "emberfam",
"dependencies": {
"handlebars": "~2.0.0",
"jquery": "^2.1.1",
"qunit": "~1.15.0",
"ember-qunit": "~0.1.7",
"ember": "1.7.0",
"ember-data": "1.0.0-beta.10",
"ember-resolver": "stefanpenner/ember-jj-abrams-resolver#master",
@kristianmandrup
kristianmandrup / AppjsEmber.md
Created Sep 18, 2014
Using AppJs Mobile framework with Ember.js
View AppjsEmber.md

Usage

$ bower install appjs --save

Reference app.js and app.css from your application, f.ex from index.html

<script type="text/javascript" src="/bower_components/appjs/kik-app.js"></script>
<script type="text/javascript" src="/bower_components/appjs/dist/app.css"></script>
@kristianmandrup
kristianmandrup / ember-ratchet-components.txt
Last active Aug 29, 2015
Experiments with Ember Ratchet components
View ember-ratchet-components.txt
// From http://goratchet.com/components/
<script type="text/x-handlebars" id="components/ra-title">
<h1 class="title">{{yield}}</h1>
</script>
<script type="text/x-handlebars" id="components/ra-btn">
<button class="btn pull-{{pos}}">
{{yield}}
@kristianmandrup
kristianmandrup / Optimizer
Created Sep 18, 2014
Optimize local node_modules to symlink to global repo
View Optimizer
Idea for a small *optimize* util to speedup project creation time and keep app footprint low
var emberDevDeps = ['body-parser', 'broccoli-asset-rev',
'broccoli-ember-hbs-template-compiler', 'ember-cli-ember-data',
'ember-cli-ic-ajax', 'ember-cli-ic-ajax',
'ember-cli-inject-live-reload', 'ember-cli-qunit express glob'
];
$ optimize link --all
@kristianmandrup
kristianmandrup / rachet-index.js
Created Sep 18, 2014
Ember with Rachet for ember-config generator
View rachet-index.js
/*
ratchet/
├── css/
│ ├── ratchet.css
│ ├── ratchet.min.css
│ ├── ratchet-theme-android.css
│ ├── ratchet-theme-android.min.css
│ ├── ratchet-theme-ios.css
│ ├── ratchet-theme-ios.min.css
├── js/
@kristianmandrup
kristianmandrup / index.html
Created Sep 18, 2014
Ember with Rachet for ember-config generator
View index.html
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
@kristianmandrup
kristianmandrup / DSL-usage.js
Last active Aug 29, 2015
Ember DSL idea for ES6 modules
View DSL-usage.js
# models/post.js
import model from 'model-dsl'
Post = model
title: attr('string')
count: attr('integer')
# controllers/post.js
You can’t perform that action at this time.