$ uname -a
Darwin <...> 11.4.2 Darwin Kernel Version 11.4.2: Thu Aug 23 16:25:48 PDT 2012; root:xnu-1699.32.7~1/RELEASE_X86_64 x86_64
$ node -v
v0.8.14
$ /usr/local/share/npm/bin/derby --version
0.3.13

$ cd /tmp/testapp
$ /usr/local/share/npm/bin/derby new
<...>
$ node server.js

Open http://localhost:3000/ in Firefox 17. Console:

TypeError: module.require is undefined
<...> localhost:3000 (line 70)
ReferenceError: DERBY is not defined
<...> localhost:3000 (line 70)

Same for Chrome.

As a side note, do you do TDD for the framework? The last commit in lib is 2 days old while the last commit in test is 5 months old.

i think this is racer related. not exactly sure why, but the server just crashes sometimes.

also, you've got a ton of issues and some of them are long standing. it definitely leaves a bad impression for people who are considering to use derby for their application. just sayin'.

OS: Win8 Derby: 0.5.7 Node: 0.10.12 Redis: 2.6.12 MongoDB: 2.2.2

I recently tried to port a project to derby 0.5.7, but ran into lots of problems. I then created an example app to examine how the new version behaves in various circumstances, and ran into a problem immediately.

I created the example app using "new derby test", and when I now try to run it I receive the error "Uncaught Error: Server and client page renders do not match".

The app doesn't crash, but it behaves weirdly. For instance, fetches/subscribes taking place in a route during serverside render returns 'undefined' for each object found, but when I navigate to another page and back again (thus triggering a clientside render) , the fetch/subscribe works as expected.

I assume this behaviour is caused by the previously mentioned error, but thought it worth pointing out just in case.

Hi guys! I got the following error after updating app dependencies to the master branch:

TEMPLATE ERROR
TypeError: Cannot read property 'history' of undefined
    at EventEmitter.Component (c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\component.js:79:30)
    at createComponent (c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\View.js:680:19)
    at partialBlock (c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\View.js:847:16)
    at c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\View.js:631:48
    at renderer (c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\View.js:196:12)
    at render (c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\View.js:199:12)
    at Object.get (c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\View.js:263:30)
    at Object.View._render (c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\View.server.js:310:23)
    at View.render (c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\View.server.js:278:10)
    at Array.View._init [as 0] (c:\Users\Ivan Garavito\Documents\GitHub\GBD\node_modules\derby\lib\View.server.js:291:5)

My package.json file is:

{
  "name": "MyApp",
  "description": "MyApp",
  "version": "0.0.0",
  "main": "./server.js",
  "dependencies": {
    "bootstrap": "git://github.com/twitter/bootstrap#master",
    "browserify": "1.13.3",
    "racer": "git://github.com/codeparty/racer#master",
    "derby": "git://github.com/codeparty/derby#master",
    "derby-ui-boot": "git://github.com/codeparty/derby-ui-boot#master",
    "express": "*",
    "gzippo": "*",
    "racer-db-mongo": ">=0.3.13",
    "underscore": "*"
  },
  "private": true
}

NodeJS 0.10.0 DerbyJS 0.3.14 Debian 6

Created blank application usind command 'derby new testapp' trying to start 'node server.js' and access site 'http://localhost:3000/'

Get following error:

TEMPLATE ERROR
Error: write after end
    at writeAfterEnd (_stream_writable.js:125:12)
    at Gzip.Writable.write (_stream_writable.js:170:5)
    at ServerResponse.res.write (/opt/testapp/node_modules/express/node_modules/connect/lib/middleware/compress.js:81:18)
    at ServerResponse.res.write (/opt/testapp/node_modules/express/node_modules/connect/lib/middleware/compress.js:82:17)
    at Object.View._render (/opt/testapp/node_modules/derby/lib/View.server.js:114:9)
    at /opt/testapp/node_modules/derby/lib/View.server.js:76:10
    at resolve (/opt/testapp/node_modules/derby/lib/View.server.js:188:7)
    at /opt/testapp/node_modules/derby/lib/View.server.js:203:5
    at /opt/testapp/node_modules/derby/lib/View.server.js:302:11
    at /opt/testapp/node_modules/derby/lib/files.js:258:5
    at /opt/testapp/node_modules/derby/lib/files.js:236:7
    at Object.oncomplete (fs.js:93:15)

events.js:72
        throw er; // Unhandled 'error' event
              ^
Error: write after end
    at writeAfterEnd (_stream_writable.js:125:12)
    at Gzip.Writable.write (_stream_writable.js:170:5)
    at ServerResponse.res.write (/opt/testapp/node_modules/express/node_modules/connect/lib/middleware/compress.js:81:18)
    at ServerResponse.res.write (/opt/testapp/node_modules/express/node_modules/connect/lib/middleware/compress.js:82:17)
    at Object.View._render (/opt/testapp/node_modules/derby/lib/View.server.js:130:9)
    at /opt/testapp/node_modules/derby/lib/View.server.js:76:10
    at resolve (/opt/testapp/node_modules/derby/lib/View.server.js:188:7)
    at /opt/testapp/node_modules/derby/lib/View.server.js:203:5
    at /opt/testapp/node_modules/derby/lib/View.server.js:302:11
    at /opt/testapp/node_modules/derby/lib/files.js:258:5
    at /opt/testapp/node_modules/derby/lib/files.js:236:7
    at Object.oncomplete (fs.js:93:15)

no page is rendered at all.

When commenting 2 lines:

.use(gzippo.staticGzip(publicPath, {maxAge: ONE_YEAR}))
.use(express.compress())

Get another error:

/opt/testapp/node_modules/derby/node_modules/racer/lib/bundle/bundle.Model.js:67
  throw new Error('Model mutation performed after bundling for clientId: ' + t
        ^
Error: Model mutation performed after bundling for clientId: 8b4e64be-51d6-47bf-b289-ee453b001fdf
    at Model.errorOnCommit [as _commit] (/opt/testapp/node_modules/derby/node_modules/racer/lib/bundle/bundle.Model.js:67:9)
    at commitTxn (/opt/testapp/node_modules/derby/node_modules/racer/lib/txns/txns.Model.js:169:19)
    at next (/opt/testapp/node_modules/derby/node_modules/racer/lib/middleware.js:7:26)
    at addInsertMetadata (/opt/testapp/node_modules/derby/node_modules/racer/lib/txns/txns.Model.js:164:16)
    at next (/opt/testapp/node_modules/derby/node_modules/racer/lib/middleware.js:7:26)
    at evalTxn (/opt/testapp/node_modules/derby/node_modules/racer/lib/txns/txns.Model.js:150:16)
    at next (/opt/testapp/node_modules/derby/node_modules/racer/lib/middleware.js:7:26)
    at logTxn (/opt/testapp/node_modules/derby/node_modules/racer/lib/txns/txns.Model.js:145:16)
    at next (/opt/testapp/node_modules/derby/node_modules/racer/lib/middleware.js:7:26)
    at normalizeTxn (/opt/testapp/node_modules/derby/node_modules/racer/lib/txns/txns.Model.js:136:16)
    at next (/opt/testapp/node_modules/derby/node_modules/racer/lib/middleware.js:7:26)
    at Object.run (/opt/testapp/node_modules/derby/node_modules/racer/lib/middleware.js:10:12)
    at Model.module.exports.proto._sendToMiddleware (/opt/testapp/node_modules/derby/node_modules/racer/lib/txns/txns.Model.js:494:30)
    at Model.module.exports.proto.del.fn [as del] (/opt/testapp/node_modules/derby/node_modules/racer/lib/mutators/mutators.Model.js:115:21)
    at Object.View._render (/opt/testapp/node_modules/derby/lib/View.server.js:147:9)
    at /opt/testapp/node_modules/derby/lib/View.server.js:76:10
    at resolve (/opt/testapp/node_modules/derby/lib/View.server.js:188:7)
    at /opt/testapp/node_modules/derby/lib/View.server.js:203:5
    at /opt/testapp/node_modules/derby/lib/View.server.js:302:11
    at /opt/testapp/node_modules/derby/lib/files.js:258:5
    at /opt/testapp/node_modules/derby/lib/files.js:236:7
    at Object.oncomplete (fs.js:93:15)

but this time page is rendered.

Problem

1

Let's look at chat example

2

If I set breakpoint on line 45 in browser (I mean equal line in compiled js)

42        ## CONTROLLER FUNCTIONS ##
43
44        ready (model) ->
45          months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']
46          displayTime = (time) ->

3

I can do window.model = model in console

And continue script execution

4

In console

for (i in model.get('users'))
  model.set('users.'+i+'.name', 'lolz')

5

Name of every user is lolz

P.S.

Even in production environment, when js is uglified. I can do code reformat in chrome and put a breakpoint on function that has closure for model variable. And make that function happen. Like

c.postMessage = function() {
  return a.push("_room.messages", {userId: a.get("_session.userId"),comment: a.get("_newComment"),time: +(new Date)}), a.set("_newComment", "")
}

Where a is the model

I catch that breakpoint when I post a new message

These are so frequent, that I thought they must be known, but they have persisted for some time.

issue 1

When doing an edit in html/css and then reloading browser, this happens a lot:

Stack trace:

saddle/index.js:955

This issue generally goes away:

• if I restart the app, close the browser window and try again. Sometimes have to do this restart a couple of times until it works.
• if I do just a client side reload.

issue 2 (fixed, I think)

When starting an app and reloading browser until everything has finished on the server, I get this:

Has to do something with App.prototype.writeScripts() I think.

The browser reload has to happen right after "listening" but before "something else".

When attempting to bind a value into a textarea, it doesn't appear to work. See below:

<textarea>{{#card.title}}</textarea>

It sets the #card.title into the textarea just fine, but changes are never persisted to the model.

I know we have Stylus and LESS support, but how hard would it be to implement SASS support? I know there's a node module for handling this and it seems like it would be pretty easy to add support for this:

https://github.com/andrew/node-sass

Thanks!

I've created a derby app using 'derby new test' and tried to run it but got an error after requesting...

Details here: http://stackoverflow.com/questions/13475899/derby-app-created-using-derby-new-test-not-working

I'm using Mac OS X Lion, node v0.8.2, npm v1.1.36

After installing derby (sudo npm install -g derby) everything went smooth, no errors with installing.

Created my first app (derby new project-name) everything went smooth, Project created!

I go to folder and start server (node server.js)

I get this: info - socket.io started Starting cluster with 1 workers in undefined modekill -s SIGUSR2 741to force cluster reload Go to: http://localhost:3000/ path.exists is now calledfs.exists. path.existsSync is now calledfs.existsSync. info - socket.io started path.exists is now calledfs.exists. path.existsSync is now calledfs.existsSync.

Not sure what that means, so then I navigate to http://localhost:3000 and I get this: /Users/joebartels/project-name/node_modules/gzippo/lib/staticGzip.js:108 staticSend(req, res, next, o); ^ TypeError: undefined is not a function at pass (/Users/joebartels/project-name/node_modules/gzippo/lib/staticGzip.js:108:4) at module.exports (/Users/joebartels/project-name/node_modules/gzippo/lib/staticGzip.js:177:12) at Object.oncomplete (fs.js:297:15)

Short summary: When using within with custom content that has {{if parent.method()}}, the parent reference is wrong when the inner component surrounds the content usage with {{if @content}}. The parent reference incorrectly resolves to the inner component under those two exact conditions, when it should resolve to the outer component.

I wrote failing test cases in Derby that demonstrate this bug, on the branch bug-within-if-content-parent: https://github.com/derbyjs/derby/commit/b4f45da5099f55ac64f97729498725db45937a07

Say you have a picture-frame component that allows the inclusion of custom {{content}}. When using picture-frame from another component, say showcase, the default is that the "passed-in" custom content uses the context of showcase, where the custom content is declared.

It is possible to use the within attribute to have the custom content use the context internal to picture-frame, instead of the default of showcase. If the custom content also needs to use controller methods from the outer showcase, it can refer to them by {{parent.method()}}.

That all works fine, but there is a bug when both these are true:

1. The custom content uses a {{if parent.method()}} binding.
   • The text binding{{parent.method()}} works regardless of the second point.
2. picture-frame surrounds the content with {{if @content}} {{content}} {{/if}}.
   • {{if content}} (model path instead of attribute path) allows the first point to work fine.

Full example below.

showcase.html:

<index:>
<view is="picture-frame" within>
  {{frameInternalPath}}
  <!-- This works fine in both cases -->
  {{parent.showcaseName()}}
  <!-- This breaks when picture-frame uses {{if @content}} -->
  {{if parent.showcaseName()}} Uh oh! {{/if}}
</view>

showcase.js:

class Showcase {
  showcaseName() { return 'The Showcase'; }
}

picture-frame.html:

<index:>
{{if @content}}
  {{content}}
{{/if}}

picture-frame.js:

class PictureFrame {
  init() {
    this.model.set('frameInternalPath', 'Hello');
  }
}

Hello,

I recently discovered template partials using literal (e.g., <some-partial-template: literal> but could not find any documentation to describe what it does. By experimentation, I found that it will strip white space from the partial, but not sure if there are other implications.

Can this be added to the documentation?

if or statement in templates does not works when first argument is empty array and second is true (or truthy variable).

Derby version is 0.10.28. Not last, but 29 does not fix this as i see in releases.

model.set('some.list', []);
model.set('varTrue', true);

{{if some.list || true}}
Never reached
{{/if}}

{{if some.list || varTrue}}
Never reached
{{/if}}

{{if true || some.list}}
This works
{{/if}}

{{if varTrue || some.list}}
This works too
{{/if}}

1. Create some component

import {Component} from 'derby';

export class MyComp extends Component {
    static readonly is = 'my-comp';
    static readonly view = __dirname;

    create() {
        let $query = this.model.query('collection', {query:1});
        $query.subscribe();
        $query.ref('list'); // Now list will always empty array, but $query.get() contains items

        let $query = this.model.root.query('collection', {query:1});
        $query.subscribe();
        this.model.ref('list', $query); // But root-variant works
    }
}