14 |
15 | ### Checklist
16 |
17 |
22 |
23 | - [ ] New tests added or existing tests modified to cover all changes
24 | - [ ] Code conforms with the [style
25 | guide](http://loopback.io/doc/en/contrib/style-guide.html)
26 |
--------------------------------------------------------------------------------
/client/ngapp/config/routes.json:
--------------------------------------------------------------------------------
1 | {
2 | "/": {
3 | "controller": "HomeCtrl",
4 | "templateUrl": "/views/welcome.html"
5 | },
6 | "/me": {
7 | "controller": "UserCtrl",
8 | "templateUrl": "/views/user.html"
9 | },
10 | "/my/todos/:status": {
11 | "controller": "TodoCtrl",
12 | "templateUrl": "/views/todos.html"
13 | },
14 | "/my/todos": {
15 | "controller": "TodoCtrl",
16 | "templateUrl": "/views/todos.html"
17 | },
18 | "/login": {
19 | "controller": "LoginCtrl",
20 | "templateUrl": "/views/login.html"
21 | },
22 | "/register": {
23 | "controller": "RegisterCtrl",
24 | "templateUrl": "/views/register.html"
25 | },
26 | "/debug": {
27 | "controller": "ChangeCtrl",
28 | "templateUrl": "/views/changes.html"
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/client/ngapp/test/.jshintrc:
--------------------------------------------------------------------------------
1 | {
2 | "node": true,
3 | "browser": true,
4 | "esnext": true,
5 | "bitwise": true,
6 | "camelcase": true,
7 | "curly": true,
8 | "eqeqeq": true,
9 | "immed": true,
10 | "indent": 2,
11 | "latedef": true,
12 | "newcap": true,
13 | "noarg": true,
14 | "quotmark": "single",
15 | "regexp": true,
16 | "undef": true,
17 | "unused": true,
18 | "strict": true,
19 | "trailing": true,
20 | "smarttabs": true,
21 | "globals": {
22 | "after": false,
23 | "afterEach": false,
24 | "angular": false,
25 | "before": false,
26 | "beforeEach": false,
27 | "browser": false,
28 | "describe": false,
29 | "expect": false,
30 | "inject": false,
31 | "it": false,
32 | "jasmine": false,
33 | "spyOn": false
34 | }
35 | }
36 |
37 |
--------------------------------------------------------------------------------
/server/config.local.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | var GLOBAL_CONFIG = require('../global-config');
9 |
10 | var env = (process.env.NODE_ENV || 'development');
11 | var isDevEnv = env === 'development' || env === 'test';
12 |
13 | module.exports = {
14 | hostname: GLOBAL_CONFIG.hostname,
15 | restApiRoot: GLOBAL_CONFIG.restApiRoot,
16 | livereload: process.env.LIVE_RELOAD,
17 | isDevEnv: isDevEnv,
18 | indexFile: require.resolve(isDevEnv ?
19 | '../client/ngapp/index.html' : '../client/dist/index.html'),
20 | port: GLOBAL_CONFIG.port,
21 | legacyExplorer: GLOBAL_CONFIG.legacyExplorer
22 | };
23 |
--------------------------------------------------------------------------------
/client/ngapp/test/spec/controllers/home.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | describe('Controller: HomeCtrl', function () {
9 |
10 | // load the controller's module
11 | beforeEach(module('loopbackExampleFullStackApp'));
12 |
13 | var HomeCtrl,
14 | scope;
15 |
16 | // Initialize the controller and a mock scope
17 | beforeEach(inject(function ($controller, $rootScope) {
18 | scope = $rootScope.$new();
19 | HomeCtrl = $controller('HomeCtrl', {
20 | $scope: scope
21 | });
22 | }));
23 |
24 | it('should attach a `foo` property to the scope', function () {
25 | expect(scope.foo).toBeDefined();
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/client/ngapp/test/spec/controllers/user.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | describe('Controller: UserCtrl', function () {
9 |
10 | // load the controller's module
11 | beforeEach(module('loopbackExampleFullStackApp'));
12 |
13 | var UserCtrl,
14 | scope;
15 |
16 | // Initialize the controller and a mock scope
17 | beforeEach(inject(function ($controller, $rootScope) {
18 | scope = $rootScope.$new();
19 | UserCtrl = $controller('UserCtrl', {
20 | $scope: scope
21 | });
22 | }));
23 |
24 | it('should attach a `foo` property to the scope', function () {
25 | expect(scope.foo).toBeDefined();
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/client/ngapp/test/spec/controllers/login.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | describe('Controller: LoginCtrl', function () {
9 |
10 | // load the controller's module
11 | beforeEach(module('loopbackExampleFullStackApp'));
12 |
13 | var LoginCtrl,
14 | scope;
15 |
16 | // Initialize the controller and a mock scope
17 | beforeEach(inject(function ($controller, $rootScope) {
18 | scope = $rootScope.$new();
19 | LoginCtrl = $controller('LoginCtrl', {
20 | $scope: scope
21 | });
22 | }));
23 |
24 | it('should attach a `foo` property to the scope', function () {
25 | expect(scope.foo).toBeDefined();
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/client/ngapp/test/spec/controllers/todo.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | describe('Controller: TodoCtrl', function () {
9 |
10 | // load the controller's module
11 | beforeEach(module('loopbackExampleFullStackApp'));
12 |
13 | var TodoCtrl,
14 | scope;
15 |
16 | // Initialize the controller and a mock scope
17 | beforeEach(inject(function ($controller, $rootScope) {
18 | scope = $rootScope.$new();
19 | TodoCtrl = $controller('TodoCtrl', {
20 | $scope: scope
21 | });
22 | }));
23 |
24 | it('should attach a list of Todos to the scope', function () {
25 | expect(scope.todos.length).toBe(0);
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/client/ngapp/test/spec/controllers/register.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | describe('Controller: RegisterCtrl', function () {
9 |
10 | // load the controller's module
11 | beforeEach(module('loopbackExampleFullStackApp'));
12 |
13 | var RegisterCtrl,
14 | scope;
15 |
16 | // Initialize the controller and a mock scope
17 | beforeEach(inject(function ($controller, $rootScope) {
18 | scope = $rootScope.$new();
19 | RegisterCtrl = $controller('RegisterCtrl', {
20 | $scope: scope
21 | });
22 | }));
23 |
24 | it('should attach a `foo` property to the scope', function () {
25 | expect(scope.foo).toBeDefined();
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/client/ngapp/test/spec/controllers/change.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | describe('Controller: ChangeCtrl', function () {
9 |
10 | // load the controller's module
11 | beforeEach(module('loopbackExampleFullStackApp'));
12 |
13 | var ChangeCtrl,
14 | scope;
15 |
16 | // Initialize the controller and a mock scope
17 | beforeEach(inject(function ($controller, $rootScope) {
18 | scope = $rootScope.$new();
19 | ChangeCtrl = $controller('ChangeCtrl', {
20 | $scope: scope
21 | });
22 | }));
23 |
24 | it('should attach `clearLocalStorage()` to the scope', function () {
25 | expect(typeof scope.clearLocalStorage).toBe('function');
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/client/ngapp/scripts/services/lbclient.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | // load lbclient via browserify's require
9 | var client = (function() {
10 | /*global require:true*/
11 | return require('lbclient');
12 | })();
13 |
14 | /**
15 | * @ngdoc service
16 | * @name loopbackExampleFullStackApp.lbclient
17 | * @description
18 | * # lbclient
19 | * Value in the loopbackExampleFullStackApp.
20 | */
21 | angular.module('loopbackExampleFullStackApp')
22 | .value('Todo', client.models.LocalTodo)
23 | .value('RemoteTodo', client.models.RemoteTodo)
24 | .value('sync', client.sync)
25 | .value('network', client.network)
26 | .value('getReadableModelId', client.getReadableModelId);
27 |
--------------------------------------------------------------------------------
/client/ngapp/test/spec/services/lbclient.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | describe('Service: lbclient', function () {
9 |
10 | // load the service's module
11 | beforeEach(module('loopbackExampleFullStackApp'));
12 |
13 | it('should provide Todo model', function() {
14 | inject(function(Todo) {
15 | expect(Todo).toBeDefined();
16 | });
17 | });
18 |
19 | it('should provide `sync()` function', function() {
20 | inject(function(sync) {
21 | expect(typeof sync).toBe('function');
22 | });
23 | });
24 |
25 | it('should provide `network` object', function() {
26 | inject(function(network) {
27 | expect(network).toBeDefined();
28 | });
29 | });
30 | });
31 |
--------------------------------------------------------------------------------
/client/ngapp/scripts/app.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | /**
9 | * @ngdoc overview
10 | * @name loopbackExampleFullStackApp
11 | * @description
12 | * # loopbackExampleFullStackApp
13 | *
14 | * Main module of the application.
15 | */
16 | angular
17 | .module('loopbackExampleFullStackApp', [
18 | 'ngRoute'
19 | ])
20 | .config(function ($routeProvider, $locationProvider) {
21 | Object.keys(window.CONFIG.routes)
22 | .forEach(function(route) {
23 | var routeDef = window.CONFIG.routes[route];
24 | $routeProvider.when(route, routeDef);
25 | });
26 |
27 | $routeProvider
28 | .otherwise({
29 | redirectTo: '/'
30 | });
31 |
32 | $locationProvider.html5Mode(true);
33 | });
34 |
--------------------------------------------------------------------------------
/global-config.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | /*
7 | * Global configuration shared by components.
8 | */
9 | 'use strict';
10 |
11 | var url = require('url');
12 |
13 | var conf = {
14 | hostname: 'localhost',
15 | port: 3000,
16 | restApiRoot: '/api', // The path where to mount the REST API app
17 | legacyExplorer: false
18 | };
19 |
20 | // The URL where the browser client can access the REST API is available.
21 | // Replace with a full url (including hostname) if your client is being
22 | // served from a different server than your REST API.
23 | conf.restApiUrl = url.format({
24 | protocol: 'http',
25 | slashes: true,
26 | hostname: conf.hostname,
27 | port: conf.port,
28 | pathname: conf.restApiRoot
29 | });
30 |
31 | module.exports = conf;
32 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE.md:
--------------------------------------------------------------------------------
1 |
9 |
10 | # Description/Steps to reproduce
11 |
12 |
16 |
17 | # Link to reproduction sandbox
18 |
19 |
24 |
25 | # Expected result
26 |
27 |
30 |
31 | # Additional information
32 |
33 |
38 |
--------------------------------------------------------------------------------
/.github/stale.yml:
--------------------------------------------------------------------------------
1 | # Number of days of inactivity before an issue becomes stale
2 | daysUntilStale: 60
3 | # Number of days of inactivity before a stale issue is closed
4 | daysUntilClose: 14
5 | # Issues with these labels will never be considered stale
6 | exemptLabels:
7 | - pinned
8 | - security
9 | - critical
10 | - p1
11 | - major
12 | # Label to use when marking an issue as stale
13 | staleLabel: stale
14 | # Comment to post when marking an issue as stale. Set to `false` to disable
15 | markComment: >
16 | This issue has been automatically marked as stale because it has not had
17 | recent activity. It will be closed if no further activity occurs. Thank you
18 | for your contributions.
19 | # Comment to post when closing a stale issue. Set to `false` to disable
20 | closeComment: >
21 | This issue has been closed due to continued inactivity. Thank you for your understanding.
22 | If you believe this to be in error, please contact one of the code owners,
23 | listed in the `CODEOWNERS` file at the top-level of this repository.
24 |
--------------------------------------------------------------------------------
/server/server.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | var loopback = require('loopback');
9 | var boot = require('loopback-boot');
10 |
11 | var app = module.exports = loopback();
12 |
13 | // boot scripts mount components like REST API
14 | boot(app, __dirname);
15 |
16 | // optionally start the app
17 | app.start = function() {
18 | // start the web server
19 | return app.listen(function() {
20 | app.emit('started');
21 | var baseUrl = app.get('url').replace(/\/$/, '');
22 | console.log('Web server listening at: %s', baseUrl);
23 | if (app.get('loopback-component-explorer')) {
24 | var explorerPath = app.get('loopback-component-explorer').mountPath;
25 | console.log('Browse your REST API at %s%s', baseUrl, explorerPath);
26 | }
27 | });
28 | };
29 |
30 | if (require.main === module) {
31 | app.start();
32 | }
33 |
--------------------------------------------------------------------------------
/client/ngapp/config/bundle.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | window.CONFIG = {
7 | "routes": {
8 | "/": {
9 | "controller": "HomeCtrl",
10 | "templateUrl": "/views/welcome.html"
11 | },
12 | "/me": {
13 | "controller": "UserCtrl",
14 | "templateUrl": "/views/user.html"
15 | },
16 | "/my/todos/:status": {
17 | "controller": "TodoCtrl",
18 | "templateUrl": "/views/todos.html"
19 | },
20 | "/my/todos": {
21 | "controller": "TodoCtrl",
22 | "templateUrl": "/views/todos.html"
23 | },
24 | "/login": {
25 | "controller": "LoginCtrl",
26 | "templateUrl": "/views/login.html"
27 | },
28 | "/register": {
29 | "controller": "RegisterCtrl",
30 | "templateUrl": "/views/register.html"
31 | },
32 | "/debug": {
33 | "controller": "ChangeCtrl",
34 | "templateUrl": "/views/changes.html"
35 | }
36 | }
37 | };
38 |
--------------------------------------------------------------------------------
/client/ngapp/scripts/controllers/change.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | /**
9 | * @ngdoc function
10 | * @name loopbackExampleFullStackApp.controller:ChangeCtrl
11 | * @description
12 | * # ChangeCtrl
13 | * Controller of the loopbackExampleFullStackApp
14 | */
15 | angular.module('loopbackExampleFullStackApp')
16 | .controller('ChangeCtrl', function ChangeCtrl($scope, $routeParams, $filter,
17 | Todo, RemoteTodo) {
18 |
19 | Todo.getChangeModel().find(function(err, changes) {
20 | $scope.changes = changes;
21 | $scope.$apply();
22 |
23 | RemoteTodo.diff(0, changes, function(err, diff) {
24 | $scope.diff = diff;
25 | $scope.$apply();
26 | });
27 | });
28 |
29 | $scope.clearLocalStorage = function() {
30 | localStorage.removeItem('todo-db');
31 | };
32 |
33 | Todo.find(function(err, todos) {
34 | $scope.todos = todos;
35 | $scope.$apply();
36 | });
37 | });
38 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright (c) IBM Corp. 2014,2017. All Rights Reserved.
2 | Node module: loopback-example-offline-sync
3 | This project is licensed under the MIT License, full text below.
4 |
5 | --------
6 |
7 | MIT license
8 |
9 | Permission is hereby granted, free of charge, to any person obtaining a copy
10 | of this software and associated documentation files (the "Software"), to deal
11 | in the Software without restriction, including without limitation the rights
12 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
13 | copies of the Software, and to permit persons to whom the Software is
14 | furnished to do so, subject to the following conditions:
15 |
16 | The above copyright notice and this permission notice shall be included in
17 | all copies or substantial portions of the Software.
18 |
19 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
20 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
21 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
22 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
23 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
24 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
25 | THE SOFTWARE.
26 |
--------------------------------------------------------------------------------
/client/lbclient/build.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | var path = require('path');
9 | var pkg = require('./package.json');
10 | var fs = require('fs');
11 | var browserify = require('browserify');
12 | var boot = require('loopback-boot');
13 |
14 | module.exports = function buildBrowserBundle(env, callback) {
15 | var b = browserify({ basedir: __dirname });
16 | b.require('./' + pkg.main, { expose: 'lbclient' });
17 |
18 | try {
19 | boot.compileToBrowserify({
20 | appRootDir: __dirname,
21 | env: env
22 | }, b);
23 | } catch(err) {
24 | return callback(err);
25 | }
26 |
27 | var bundlePath = path.resolve(__dirname, 'browser.bundle.js');
28 | var out = fs.createWriteStream(bundlePath);
29 | var isDevEnv = ['debug', 'development', 'test'].indexOf(env) !== -1;
30 |
31 | b.bundle({
32 | // TODO(bajtos) debug should be always true, the sourcemaps should be
33 | // saved to a standalone file when !isDev(env)
34 | debug: isDevEnv
35 | })
36 | .on('error', callback)
37 | .pipe(out);
38 |
39 | out.on('error', callback);
40 | out.on('close', callback);
41 | };
42 |
--------------------------------------------------------------------------------
/common/models/todo.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | var async = require('async');
9 |
10 | module.exports = function(Todo) {
11 | Todo.definition.properties.created.default = Date.now;
12 |
13 | Todo.stats = function(filter, cb) {
14 | var stats = {};
15 | cb = arguments[arguments.length - 1];
16 | var Todo = this;
17 |
18 | async.parallel([
19 | countComplete,
20 | count
21 | ], function(err) {
22 | if (err) return cb(err);
23 | stats.remaining = stats.total - stats.completed;
24 | cb(null, stats);
25 | });
26 |
27 | function countComplete(cb) {
28 | Todo.count({completed: true}, function(err, count) {
29 | stats.completed = count;
30 | cb(err);
31 | });
32 | }
33 |
34 | function count(cb) {
35 | Todo.count(function(err, count) {
36 | stats.total = count;
37 | cb(err);
38 | });
39 | }
40 | };
41 |
42 | Todo.handleChangeError = function(err) {
43 | console.warn('Cannot update change records for Todo:', err);
44 | };
45 |
46 | Todo.remoteMethod('stats', {
47 | accepts: {arg: 'filter', type: 'object'},
48 | returns: {arg: 'stats', type: 'object'},
49 | http: { path: '/stats' }
50 | }, Todo.stats);
51 | };
52 |
--------------------------------------------------------------------------------
/client/lbclient/boot/replication.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | // TODO(bajtos) Move the bi-di replication to loopback core,
9 | // add model settings to enable the replication.
10 | // Example:
11 | // LocalTodo: { options: {
12 | // base: 'Todo',
13 | // replicate: {
14 | // target: 'Todo',
15 | // mode: 'push' | 'pull' | 'bidi'
16 | // }}}
17 | var proquint = require('proquint');
18 |
19 | module.exports = function(client) {
20 | var LocalTodo = client.models.LocalTodo;
21 | var RemoteTodo = client.models.RemoteTodo;
22 |
23 | client.network = {
24 | _isConnected: true,
25 | get isConnected() {
26 | console.log('isConnected?', this._isConnected);
27 | return this._isConnected;
28 | },
29 | set isConnected(value) {
30 | this._isConnected = value;
31 | }
32 | };
33 |
34 | // setup model replication
35 | var since = { push: -1, pull: -1 };
36 | function sync(cb) {
37 | LocalTodo.replicate(
38 | since.push,
39 | RemoteTodo,
40 | function pushed(err, conflicts, cps) {
41 | since.push = cps;
42 | RemoteTodo.replicate(
43 | since.pull,
44 | LocalTodo,
45 | function pulled(err, conflicts, cps) {
46 | since.pull = cps;
47 | if (cb) cb();
48 | });
49 | });
50 | }
51 |
52 | // sync local changes if connected
53 | LocalTodo.on('after save', function(ctx, next) {
54 | next();
55 | sync();
56 | });
57 | LocalTodo.on('after delete', function(ctx, next) {
58 | next();
59 | sync();
60 | });
61 |
62 | client.sync = sync;
63 |
64 | client.getReadableModelId = function(modelId) {
65 | return proquint.encode(new Buffer(modelId.substring(0, 8), 'binary'));
66 | };
67 | };
68 |
--------------------------------------------------------------------------------
/client/ngapp/views/changes.html:
--------------------------------------------------------------------------------
1 | Local Change List
2 |
3 | A list of all changes made to models in local storage.
4 |
5 |
6 | No local changes have been made.
7 |
8 |
9 |
10 | | Model ID |
11 | Type |
12 | Checkpoint |
13 | Revision |
14 | Prev Revision |
15 |
16 |
17 | | {{change.modelId}} |
18 | {{change.type()}} |
19 | {{change.checkpoint}} |
20 | {{change.rev}} |
21 | {{change.prev}} |
22 |
23 |
24 |
25 | Local to Server Deltas
26 |
27 | Below is list of changes required to replicate local data to the server.
28 |
29 | No changes required to replicate the local data to the server.
30 |
31 |
32 | | Model ID |
33 | Revision |
34 | Prev Revision |
35 |
36 |
37 | | {{delta.modelId}} |
38 | {{delta.rev}} |
39 | {{delta.prev}} |
40 |
41 |
42 |
43 | Local Storage Data
44 |
45 | Clear Local Storage
46 |
47 |
48 | There is no data in local storage.
49 |
50 |
51 |
52 | | Todo ID |
53 | Title |
54 | Completed |
55 |
56 |
57 | | {{todo.getId()}} |
58 | {{todo.title}} |
59 | {{todo.completed}} |
60 |
61 |
62 |
63 | Local to Server Conflicts
64 |
65 | Below is list of changes that cannot be replicated to the server.
66 |
67 | No conflicts...
68 |
69 |
70 | | Model ID |
71 | Revision |
72 | Prev Revision |
73 |
74 |
75 | | {{conflict.modelId}} |
76 | {{conflict.rev}} |
77 | {{conflict.prev}} |
78 |
79 |
80 |
--------------------------------------------------------------------------------
/client/ngapp/test/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2014,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | // Karma configuration
7 | // http://karma-runner.github.io/0.12/config/configuration-file.html
8 | // Generated on 2014-06-23 using
9 | // generator-karma 0.8.2
10 | 'use strict';
11 |
12 | module.exports = function(config) {
13 | config.set({
14 | // enable / disable watching file and executing tests whenever any file changes
15 | autoWatch: true,
16 |
17 | // base path, that will be used to resolve files and exclude
18 | basePath: '../',
19 |
20 | // testing framework to use (jasmine/mocha/qunit/...)
21 | frameworks: ['jasmine'],
22 |
23 | // list of files / patterns to load in the browser
24 | files: [
25 | '../../bower_components/es5-shim/es5-shim.js',
26 | '../../bower_components/angular/angular.js',
27 | '../../bower_components/angular-mocks/angular-mocks.js',
28 | '../../bower_components/angular-route/angular-route.js',
29 | '../lbclient/browser.bundle.js',
30 | 'config/bundle.js',
31 | 'scripts/**/*.js',
32 | 'test/mock/**/*.js',
33 | 'test/spec/**/*.js'
34 | ],
35 |
36 | // list of files / patterns to exclude
37 | exclude: [],
38 |
39 | // web server port
40 | port: 8080,
41 |
42 | // Start these browsers, currently available:
43 | // - Chrome
44 | // - ChromeCanary
45 | // - Firefox
46 | // - Opera
47 | // - Safari (only Mac)
48 | // - PhantomJS
49 | // - IE (only Windows)
50 | browsers: [
51 | 'Chrome'
52 | ],
53 |
54 | // Which plugins to enable
55 | plugins: [
56 | 'karma-chrome-launcher',
57 | 'karma-phantomjs-launcher',
58 | 'karma-jasmine'
59 | ],
60 |
61 | // Continuous Integration mode
62 | // if true, it capture browsers, run tests and exit
63 | singleRun: false,
64 |
65 | colors: true,
66 |
67 | // level of logging
68 | // possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
69 | logLevel: config.LOG_INFO,
70 |
71 | // Uncomment the following lines if you are using grunt's server to run the tests
72 | // proxies: {
73 | // '/': 'http://localhost:9000/'
74 | // },
75 | // URL root prevent conflicts with the site root
76 | // urlRoot: '_karma_'
77 | });
78 | };
79 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "loopback-example-offline-sync",
3 | "version": "0.0.1",
4 | "description": "LoopBack browser and server example",
5 | "main": "server/server.js",
6 | "directories": {
7 | "test": "test"
8 | },
9 | "scripts": {
10 | "install": "bower install",
11 | "test": "grunt test",
12 | "build": "grunt build"
13 | },
14 | "repository": {
15 | "type": "git",
16 | "url": "git://github.com/strongloop/loopback-example-offline-sync.git"
17 | },
18 | "keywords": [
19 | "loopback",
20 | "example",
21 | "browser",
22 | "server"
23 | ],
24 | "author": "IBM Corp.",
25 | "license": "MIT",
26 | "bugs": {
27 | "url": "https://github.com/strongloop/loopback-example-offline-sync/issues"
28 | },
29 | "homepage": "https://github.com/strongloop/loopback-example-offline-sync",
30 | "devDependencies": {
31 | "bower": "^1.3.8",
32 | "browserify": "~4.2.3",
33 | "chai": "^3.4.1",
34 | "connect-livereload": "^0.4.0",
35 | "grunt": "^0.4.5",
36 | "grunt-autoprefixer": "^0.8.2",
37 | "grunt-cli": "^0.1.13",
38 | "grunt-concurrent": "^0.5.0",
39 | "grunt-contrib-clean": "^0.5.0",
40 | "grunt-contrib-concat": "^0.5.0",
41 | "grunt-contrib-connect": "^0.8.0",
42 | "grunt-contrib-copy": "^0.5.0",
43 | "grunt-contrib-cssmin": "^0.10.0",
44 | "grunt-contrib-htmlmin": "^0.3.0",
45 | "grunt-contrib-imagemin": "^0.8.1",
46 | "grunt-contrib-jshint": "^0.10.0",
47 | "grunt-contrib-uglify": "^0.5.1",
48 | "grunt-contrib-watch": "^0.6.1",
49 | "grunt-filerev": "^0.2.1",
50 | "grunt-google-cdn": "^0.4.0",
51 | "grunt-karma": "^0.8.3",
52 | "grunt-mocha-test": "^0.12.6",
53 | "grunt-newer": "^0.7.0",
54 | "grunt-ng-annotate": "^0.8.0",
55 | "grunt-svgmin": "^0.4.0",
56 | "grunt-usemin": "^2.3.0",
57 | "grunt-wiredep": "^1.8.0",
58 | "jshint": "^2.8.0",
59 | "jshint-stylish": "^0.4.0",
60 | "karma": "^0.12.17",
61 | "karma-chrome-launcher": "^0.1.4",
62 | "karma-jasmine": "^0.1.5",
63 | "karma-phantomjs-launcher": "^0.1.4",
64 | "load-grunt-tasks": "^0.6.0",
65 | "mocha": "^2.1.0",
66 | "supertest": "^1.1.0",
67 | "time-grunt": "^0.4.0"
68 | },
69 | "dependencies": {
70 | "async": "~0.9.0",
71 | "compression": "^1.0.9",
72 | "cors": "^2.7.1",
73 | "loopback": "^3.0.0",
74 | "loopback-boot": "^2.12.1",
75 | "loopback-component-explorer": "^2.1.0",
76 | "loopback-connector-mongodb": "^1.4.1",
77 | "loopback-datasource-juggler": "^2.0.0",
78 | "proquint": "0.0.1",
79 | "serve-static": "^1.10.0",
80 | "strong-error-handler": "^1.1.1"
81 | },
82 | "engines": {
83 | "node": ">=0.10.0"
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/client/ngapp/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Todo App
6 |
7 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
28 |
29 |
30 |
31 | Welcome to the Todo App
32 |
33 |
40 |
41 |
42 |
43 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
--------------------------------------------------------------------------------
/server/test/todo.test.js:
--------------------------------------------------------------------------------
1 | // Copyright IBM Corp. 2015,2016. All Rights Reserved.
2 | // Node module: loopback-example-offline-sync
3 | // This file is licensed under the MIT License.
4 | // License text available at https://opensource.org/licenses/MIT
5 |
6 | 'use strict';
7 |
8 | var lt = require('./helpers/loopback-testing-helpers');
9 | var assert = require('assert');
10 | var app = require('../server.js'); //path to app.js or server.js
11 |
12 | describe('Todo', function() {
13 | lt.beforeEach.withApp(app);
14 | lt.beforeEach.givenModel('Todo');
15 |
16 | // New todo
17 | describe('New todo empty data', function() {
18 |
19 | lt.describe.whenCalledRemotely('POST', '/api/Todos', {}, function() {
20 | lt.beforeEach.cleanDatasource();
21 |
22 | lt.it.shouldBeAllowed();
23 | it('should have statusCode 200', function() {
24 | assert.equal(this.res.statusCode, 200);
25 | });
26 |
27 | it('should respond with a new todo', function() {
28 | var guidRegex = /[a-z0-9]{8}-([a-z0-9]{4}-){3}[a-z0-9]{12}/;
29 | assert(this.res.body.id.match(guidRegex));
30 | });
31 | });
32 |
33 | });
34 |
35 | // New todo with id
36 | describe('New todo with id set', function() {
37 |
38 | lt.beforeEach.cleanDatasource();
39 | lt.describe.whenCalledRemotely('POST', '/api/Todos', {
40 | id: '123',
41 | title: 'Sample',
42 | completed: true,
43 | created: 1024
44 | }, function() {
45 |
46 | it('should respond with given todo', function() {
47 | assert.equal(this.res.body.id, 123);
48 | assert.equal(this.res.body.title, 'Sample');
49 | assert.equal(this.res.body.completed, true);
50 | assert.equal(this.res.body.created, 1024);
51 | });
52 |
53 | // Find todo in the list of todos
54 | lt.describe.whenCalledRemotely('GET', '/api/Todos', function() {
55 |
56 | it('should contain the todo', function() {
57 | var found = false;
58 | this.res.body.forEach(function(todo) {
59 | if (todo.id === '123') {
60 | found = true;
61 | }
62 | });
63 | assert(found);
64 | });
65 |
66 | });
67 |
68 | // Get todo stats
69 | lt.describe.whenCalledRemotely('POST', '/api/Todos/stats', function() {
70 | lt.it.shouldBeAllowed();
71 | it('should respond with 1 total, 0 remaining and 1 completed', function() {
72 | assert.equal(typeof this.res.body, 'object');
73 | assert.equal(this.res.body.stats.remaining, 0);
74 | assert.equal(this.res.body.stats.completed, 1);
75 | assert.equal(this.res.body.stats.total,1);
76 | });
77 | });
78 |
79 | // Set task as not completed
80 | lt.describe.whenCalledRemotely('PUT', '/api/Todos/123', {
81 | id: 123,
82 | completed: false
83 | }, function() {
84 | it('should respond with todo:123 as uncompleted', function() {
85 | assert.equal(typeof this.res.body, 'object');
86 | assert.equal(this.res.body.completed, false);
87 | });
88 | });
89 |
90 | // Get the specific todo
91 | lt.describe.whenCalledRemotely('GET', '/api/Todos/123', function() {
92 | it('should respond with todo:123', function() {
93 | assert.equal(typeof this.res.body, 'object');
94 | assert.equal(this.res.body.id, 123);
95 | });
96 | });
97 |
98 | // Delete the created todo
99 | lt.describe.whenCalledRemotely('DELETE', '/api/Todos/123', function() {
100 | it('should respond with status 200 - todo:123 deleted', function() {
101 | assert.equal(this.res.statusCode, 200);
102 | assert.equal(this.res.body.count, 1);
103 | });
104 |
105 | // Try to find it -- should return not found
106 | lt.describe.whenCalledRemotely('GET', '/api/Todos/123', function() {
107 | it('should respond with status 404 - todo:123 not found', function() {
108 | assert.equal(this.res.statusCode, 404);
109 | });
110 | });
111 | });
112 | });
113 |
114 | });
115 |
116 | });
117 |
--------------------------------------------------------------------------------
/client/ngapp/views/todos.html:
--------------------------------------------------------------------------------
1 |
2 | Local Conflicts
3 |
4 |
5 |
6 | | Local Data |
7 | Remote Data |
8 |
9 |
10 | |
11 |
12 | Deleted
13 |
14 |
15 |
16 | | id |
17 | change |
18 | title |
19 |
20 |
21 | | {{conflict.sourceChange.modelId}} |
22 | {{conflict.sourceChange.type()}} |
23 |
24 | {{conflict.source.title}}
25 | |
26 |
27 |
28 |
29 | |
30 |
31 |
32 | Deleted
33 |
34 |
35 |
36 | | id |
37 | change |
38 | title |
39 |
40 |
41 | | {{conflict.targetChange.modelId}} |
42 | {{conflict.targetChange.type()}} |
43 |
44 | {{conflict.target.title}}
45 | |
46 |
47 |
48 |
49 | |
50 |
51 |
52 |
53 |
Merge Manually
54 |
55 |
56 |
57 |
58 |