Meteor modules
Download as PPTX, PDF1 like744 views
This document discusses the structure and modules in Meteor.js. It describes the different folders for client, server, and public files. It explains the loading order of files and modules. It also covers defining modules, dependencies, and exporting modules. Finally, it previews some upcoming features in Meteor like support for SQL, REST, and improved tools.
![var ACCESS_CLIENT = 'client';
var ACCESS_SERVER = 'server';
var ACCESS_BOTH = [ACCESS_CLIENT, ACCESS_SERVER];
var DEP_CONFIG = [
{ name: 'coffeescript', access: ACCESS_BOTH },
{ name: 'jquery', access: ACCESS_CLIENT },
{ name: 'underscore', access: ACCESS_BOTH },
{ name: 'meteor-platform', access: ACCESS_BOTH },
{ name: 'accounts-ui', access: ACCESS_BOTH },
];
var NPM_DEP_CONFIG = {
'redis': '0.12.1'
};
Module dependencies](https://image.slidesharecdn.com/meteor-modules-150830152534-lva1-app6891/85/Meteor-modules-8-320.jpg)
![Package.on_use(function(api) {
var depConfig, accessType, accessPaths, _i, _len;
for (_i = 0, _len = DEP_CONFIG.length; _i < _len; _i++)
{
depConfig = DEP_CONFIG[_i];
api.use(depConfig.name, depConfig.access);
}
Npm.depends(NPM_DEP_CONFIG);
});
Package bootstrap](https://image.slidesharecdn.com/meteor-modules-150830152534-lva1-app6891/85/Meteor-modules-9-320.jpg)
![var FILE_CONFIG = {};
FILE_CONFIG['ACCESS_BOTH'] = {
'coffee/': [
'bootstrap.coffee'
],
'coffee/route/': [
'config.coffee',
'IndexController.coffee'
]
};
FILE_CONFIG['ACCESS_CLIENT'] = {
'client/view/': [
'index.html',
'indexLayout.html'
],
'client/style/': [
'fix-icon.css',
'main.css'
],
};
File loading order](https://image.slidesharecdn.com/meteor-modules-150830152534-lva1-app6891/85/Meteor-modules-10-320.jpg)
![Package.on_use(function(api) {
var file, filesToLoad, path, accessType, accessPaths, _i, _len;
for (accessType in FILE_CONFIG) {
accessPaths = FILE_CONFIG[accessType];
for (path in accessPaths) {
filesToLoad = accessPaths[path];
for (_i = 0, _len = filesToLoad.length; _i < _len; _i++) {
file = filesToLoad[_i];
api.add_files(path + file, eval(accessType));
}
}
}
});
More package bootstrapping](https://image.slidesharecdn.com/meteor-modules-150830152534-lva1-app6891/85/Meteor-modules-11-320.jpg)
![var EXPORT = [‘Module1’, ‘Model1’];
Package.on_use(function(api) {
return api.export(EXPORT);
});
Public module namespace](https://image.slidesharecdn.com/meteor-modules-150830152534-lva1-app6891/85/Meteor-modules-12-320.jpg)
Meteor modules
- 1. Structure and modules on Meteor.js Vyacheslav Voronchuk CEO of Starbuildr LLC
- 3. • /server - scripts are executed only on server • /client - scripts are executed only on client • /public - images and other static assets • all other scripts are executed both on server and client Execution scope
- 4. • HTML template are loaded first • After HTML templates scripts from /lib folder are loaded • main.* is loaded the last • Files which are nested deeper in file structure have priority in execution order • All other files are executed in alphabetic order Loading order
- 5. • lib/module1/* • lib/module2/* • client/module1/* • client/module2/* • server/module1/* • server/module2/* Modules by execution type
- 6. • module1/lib/* • module1/client/* • module1/server/* • module2/lib/* • module2/client/* • module2/server/* Modules by folders
- 7. • packages/module1/package.js • packages/module1/* • packages/module2/package.js • packages/module2/* Packages
- 8. var ACCESS_CLIENT = 'client'; var ACCESS_SERVER = 'server'; var ACCESS_BOTH = [ACCESS_CLIENT, ACCESS_SERVER]; var DEP_CONFIG = [ { name: 'coffeescript', access: ACCESS_BOTH }, { name: 'jquery', access: ACCESS_CLIENT }, { name: 'underscore', access: ACCESS_BOTH }, { name: 'meteor-platform', access: ACCESS_BOTH }, { name: 'accounts-ui', access: ACCESS_BOTH }, ]; var NPM_DEP_CONFIG = { 'redis': '0.12.1' }; Module dependencies
- 9. Package.on_use(function(api) { var depConfig, accessType, accessPaths, _i, _len; for (_i = 0, _len = DEP_CONFIG.length; _i < _len; _i++) { depConfig = DEP_CONFIG[_i]; api.use(depConfig.name, depConfig.access); } Npm.depends(NPM_DEP_CONFIG); }); Package bootstrap
- 10. var FILE_CONFIG = {}; FILE_CONFIG['ACCESS_BOTH'] = { 'coffee/': [ 'bootstrap.coffee' ], 'coffee/route/': [ 'config.coffee', 'IndexController.coffee' ] }; FILE_CONFIG['ACCESS_CLIENT'] = { 'client/view/': [ 'index.html', 'indexLayout.html' ], 'client/style/': [ 'fix-icon.css', 'main.css' ], }; File loading order
- 11. Package.on_use(function(api) { var file, filesToLoad, path, accessType, accessPaths, _i, _len; for (accessType in FILE_CONFIG) { accessPaths = FILE_CONFIG[accessType]; for (path in accessPaths) { filesToLoad = accessPaths[path]; for (_i = 0, _len = filesToLoad.length; _i < _len; _i++) { file = filesToLoad[_i]; api.add_files(path + file, eval(accessType)); } } } }); More package bootstrapping
- 12. var EXPORT = [‘Module1’, ‘Model1’]; Package.on_use(function(api) { return api.export(EXPORT); }); Public module namespace
- 13. Module1 = {} Module1.ROUTE_NAME = 'index' Module1.TEMPLATE_NAME = 'index' Meteor.startup(function() { if (Meteor.isServer) { bootstrapServer(); } if (Meteor.isClient) { bootstrapClient(); } }); var bootstrapClient = function() {}; var bootstrapServer = function() { Model1.setInstance(Model1.factory()); }; Module loader
- 14. class Model1 @COLLECTION_NAME = ‘model1' @collection = null @getCollection: -> @collection @setCollection: (collection) -> @collection = collection constructor: (data) -> _.extend @, data getCollection: -> Model1.getCollection() customMethod: -> Model1.setCollection new Mongo.Collection Model1.COLLECTION_NAME, transform: (data) -> new Model1 data Model
- 15. • Production-ready hosting for meteor deploy • Kubernetes.io (Docker container management system) • Official support for React.js and Angular • Official support for ECMAScript 2015 (ES6) • Better build tools Next release (Galaxy, Meteor 1.2)
- 16. • Support of SQL • REST and micro-services • Testing with Velocity • Better tools for mobile development and testing • Integration of routing in a core After Meteor 1.2