canjs/canjs

We CAN build the impossible! https://codepen.io/justinbmeyer/pen/yEGGoK

Thomas Sieverding

@Bajix

Sure

onData: function( packet ) {
  var action = packet[0],
    data = packet[2];

  switch (action) {
    case 'DELETE channel':
      return Channel.model(data).destroyed();
    case 'DELETE message':
      return Message.model(data).destroyed();
    case 'DELETE user':
      return User.model(data).destroyed();
    case 'channel':
      return this.dispatch('channel', [Channel.model(data)]);
    case 'message':
      return this.dispatch('message', [Message.model(data)]);
    case 'user':
      return this.dispatch('user', [User.model(data)]);
  }
},

This is an example of a similar use-case to what I’m building now

      '{scope} onlineAt': function( scope, ev, onlineAt ) {
        var channel = scope.attr('channel');

        if (onlineAt) {
          Message.findAll({
            channel: channel._id,
            limit: channel.config.loadMessageCount
          });

          User.findAll({
            channel: channel._id,
            limit: config.chat.loadMessageCount
          });
        }
      },

So onlineAt would be the time my connection goes online

This was pre can-connect

My models were setup to emit newInstance on prototype.init on their constructor

I was combining the two data sets manually

Christopher Oliphant

@RALifeCoach

back to steal-tools - I have in my package.son

  "system": {
    "main": "modules/page.players-redesign/player-bio/components/player-bio.js"
  },

/git/pgatour-cq-v2/front-end/node_modules/steal-tools/lib/graph/make_graph_with_bundles.js:83
    if( Array.isArray(cfg.main) ) {
                         ^

TypeError: Cannot read property 'main' of undefined
    at module.exports (/git/pgatour-cq-v2/front-end/node_modules/steal-tools/lib/graph/make_graph_with_bundles.js:83:23)

Leath Cooper

@IcculusC

not in system

it's a top level package.json field

Thomas Sieverding

@Bajix

@IcculusC It’s in both

Leath Cooper

@IcculusC

Thomas Sieverding

@Bajix

He should be doing this in system.main

the top level main is a fallback

Leath Cooper

@IcculusC

weird, in my experience it only works under the top level package.json object

Christopher Oliphant

@RALifeCoach

I removed it from the system object and I am getting the same result

This message was deleted

Leath Cooper

@IcculusC

well I learned something just now

Thomas Sieverding

@Bajix

@RALifeCoach Your paths are likely the issue

Christopher Oliphant

@RALifeCoach

how so?

Thomas Sieverding

@Bajix

What’s your package.json name & system.directories

Christopher Oliphant

@RALifeCoach

my package is package.json and it’s in the same folder as build.js

not sure what you mean by system.directories

Thomas Sieverding

@Bajix

Do you have a src folder

Or are you using a different naming convention?

Christopher Oliphant

@RALifeCoach

a different naming convention - legacy code

Justin Meyer

@justinbmeyer

@Bajix https://gist.github.com/justinbmeyer/52da6e176005cb1979607d0a95e8575c

Thomas Sieverding

@Bajix

What’s your main asset directory

Leath Cooper

@IcculusC

@matthewp @justinbmeyer is it okay for me to close my issue referring to the expr.hash bug you fixed with the most recent release of can-stache-bindings

Justin Meyer

@justinbmeyer

yeah

Christopher Oliphant

@RALifeCoach

modules

Justin Meyer

@justinbmeyer

@Bajix that is very rough, but check it out. Maybe lets move this convo to the forums.

Christopher Oliphant

@RALifeCoach

modules has many sub directories - none of which use CanJS

except for the one I reference in main

Thomas Sieverding

@Bajix

@justinbmeyer kk. I’ll do that

So you should have system.directories.lib = modules

Justin Meyer

@justinbmeyer

On a high level, I created a behavior that you should just be able to call Todo.getList() and it should do whatever it can ... regardless if the connection is established or not

it should wait until it is

Thomas Sieverding

@Bajix

And then your main should be “{name}/page.players-redesign/player-bio/components/player-bio.js"

Where {name} is package.json name

Ideally though, your main file would be a stache file using done-autorender

@justinbmeyer So essentially the trick would be to use the behavior to prevent any race conditions on findAll

Christopher Oliphant

@RALifeCoach

I don’t have one of those. My html to show the component looks like this:

<!DOCTYPE html>
<html>
<head>
    <title>PGAT</title>
</head>
<body>
<script type="text/javascript" src="/js/vendor/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/js/pgatour.base.js"></script>
<script type="text/javascript" src="/js/pgatour.eventEmitter.js"></script>
<script type="text/javascript" src="/js/pgatour.baseModule.js"></script>
<script type="text/javascript" src="/js/pgatour.asyncScriptLoader.js"></script>
<script type="text/javascript" src="/js/pgatour.adTimer.js"></script>
<script type="text/javascript" src="/js/pgatour.adGroup.js"></script>
<script type="text/javascript" src="/js/pgatour.ad.js"></script>
<script type="text/javascript" src="/js/pgatour.browserActivityWatcher.js"></script>
<script src="../../../node_modules/steal/steal.js"
        main="modules/page.players-redesign/player-bio/components/player-bio"></script>
</body>
</html>

That runs okay

Thomas Sieverding

@Bajix

You should convert that into a stache file, and make it your main instead

Christopher Oliphant

@RALifeCoach

My package.json now includes this:

  "system": {
    "directories": {
      "lib": "modules"
    },
    "main": "pga-tour/page.players-redesign/player-bio/components/player-bio.js"
  },

But you want me to convert to stache.

Thomas Sieverding

@Bajix

<!DOCTYPE html>
<html>
<head>
    <title>PGAT</title>
</head>
<body>
  <can-import from="./vendor/jquery-1.10.2.min"></can-import>
  <can-import from="./pgatour.base"></can-import>
  <can-import from="./pgatour.eventEmitter"></can-import>
  <can-import from="./pgatour.baseModule"></can-import>
  <can-import from="./pgatour.asyncScriptLoader"></can-import>
  <can-import from="./pgatour.adTimer"></can-import>
  <can-import from="./pgatour.adGroup"></can-import>
  <can-import from="./pgatour.ad"></can-import>
  <can-import from="./pgatour.browserActivityWatcher"></can-import>

  {{#switch env.NODE_ENV}}
    {{#case "production"}}
      <script src="{{joinBase 'node_modules/steal/steal.production.js'}}"  main="acme/index.stache!done-autorender"></script>
    {{/case}}
    {{#default}}
      <script src="/node_modules/steal/steal.js"></script>
    {{/default}}
  {{/switch}}
</body>
</html>

Something like that

Where communities thrive

People

Repo info

Activity