This is a gist to showcase how to have client affinity modules that are required by common affinity modules without breaking the app when trying to use the common affinity modules on the server side.
npm install
node app.js
Last active
December 20, 2015 23:39
-
-
Save caridy/6214570 to your computer and use it in GitHub Desktop.
requiring optional client side dependencies on common dependencies
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*jslint node:true, nomen: true*/ | |
| 'use strict'; | |
| var express = require('express'), | |
| expyui = require('express-yui'), | |
| Locator = require('locator'), | |
| LocatorHandlebars = require('locator-handlebars'), | |
| app = express(); | |
| expyui.augment(app); // becoming .extend() soon | |
| app.set('view', app.yui.view()); | |
| // serving static yui modules | |
| app.use(expyui['static']()); | |
| // creating a page with YUI embeded | |
| app.get('/', expyui.expose(), function (req, res, next) { | |
| // requiring `bar` which works on server and client | |
| req.app.yui.use('bar'); | |
| // rendering the page after getting `bar` ready | |
| res.render('demo'); | |
| }); | |
| // locator initialiation | |
| new Locator({ | |
| buildDirectory: 'build' | |
| }) | |
| .plug(LocatorHandlebars.yui()) | |
| .plug(app.yui.plugin({ | |
| registerGroup: true, | |
| registerServerModules: true | |
| })) | |
| .parseBundle(__dirname, {}).then(function (have) { | |
| // listening for traffic only after locator finishes the walking process | |
| app.listen(3000, function () { | |
| console.log("Server listening on port 3000"); | |
| }); | |
| }, function (e) { | |
| console.log(e); | |
| console.log(e.stack); | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| YUI.add('bar', function (Y, NAME) { | |
| console.log(NAME); | |
| }, '0.1', { | |
| "requires": ["io-base"] | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| YUI.add('foo', function (Y, NAME) { | |
| console.log(NAME); | |
| // this module is inserted right before "bar" (the trigger) is attached, but only on the client side | |
| }, '0.1', { | |
| "affinity": "client", | |
| "requires": ["node"], | |
| "condition": { | |
| "name": "foo", | |
| "trigger": "bar", | |
| "when": "before" | |
| } | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "demo", | |
| "description": "Overruling YUI.", | |
| "version": "0.0.1", | |
| "private": true, | |
| "main": "app.js", | |
| "dependencies": { | |
| "express": "*", | |
| "express-yui": "*", | |
| "locator": "~0.3.0", | |
| "locator-handlebars": "*", | |
| "yui": "~3.11.0" | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hey Caridy, what happens if you have a second module -- call it
quux-- that also needsfoo? Wouldn't the module definition forfooalso need to listquuxin itstrigger?