unsakini 0.0.2 → 0.0.3

data/angular/src/app/registration/registration.component.spec.ts

@@ -0,0 +1,157 @@
+/* tslint:disable:no-unused-variable */
+
+import { inject, async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { Observable } from 'rxjs/Observable';
+import 'rxjs/add/observable/of';
+import 'rxjs/add/observable/throw';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { Angular2TokenService } from 'angular2-token';
+
+import { RegistrationComponent } from './registration.component';
+
+let user = {
+  name: 'first last',
+  email: 'hello@world.com',
+  password: null,
+  password_confirmation: null
+}
+
+let status = 0
+let errors = []
+
+class Angular2TokenServiceMock {
+  registerAccount(user) {
+
+    if (status === 200) {
+      return Observable.of({
+        status: 200,
+        json: () => {
+          return {
+            user
+          }
+        }
+      });
+    } else {
+      return Observable.throw({
+        status: status,
+        json: () => {
+          return {
+            errors: errors
+          }
+        }
+      });
+    }
+  }
+}
+
+describe('RegistrationComponent', () => {
+  let component: RegistrationComponent;
+  let fixture: ComponentFixture<RegistrationComponent>;
+  let compiled: any;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+      ],
+      declarations: [RegistrationComponent],
+      providers: [
+        {
+          provide: Angular2TokenService,
+          useClass: Angular2TokenServiceMock
+        },
+      ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(RegistrationComponent);
+    component = fixture.componentInstance;
+    compiled = fixture.debugElement.nativeElement;
+    fixture.detectChanges();
+  });
+
+  describe('Component', () => {
+
+    it('should create', () => {
+      expect(component).toBeTruthy();
+    });
+
+    it('should have token service', () => {
+      expect(component.service).toBeDefined();
+    });
+
+    it('should have user', () => {
+      expect(component.user).toEqual({
+        name: '',
+        email: '',
+        password: '',
+        password_confirmation: ''
+      });
+    });
+
+    it('should handle http 422', () => {
+      status = 422
+      errors = ['some errors']
+      component.user = user
+      component.doSubmit()
+      expect(component.success).toBe(false)
+      expect(component.errors).toEqual(errors)
+      fixture.detectChanges();
+      expect(compiled.querySelector('.alert-success')).toBeFalsy()
+      expect(compiled.querySelector('.alert-danger').textContent).toContain('some errors')
+    })
+
+    it('should handle http 500 and other errors', () => {
+      status = 500
+      component.user = user
+      component.doSubmit()
+      expect(component.success).toBe(false)
+      expect(component.errors).toEqual(['Something went wrong.'])
+      fixture.detectChanges();
+      expect(compiled.querySelector('.alert-success')).toBeFalsy()
+      expect(compiled.querySelector('.alert-danger').textContent).toContain('Something went wrong')
+    })
+
+    it('should notify when success', () => {
+      component.user = user
+      status = 200
+      component.doSubmit()
+      expect(component.success).toBe(true)
+      fixture.detectChanges();
+      expect(compiled.querySelector('.alert-success')).toBeTruthy()
+      expect(compiled.querySelector('.alert-success').textContent).toContain('Registration successful')
+    })
+
+  });
+
+  describe('View', () => {
+
+    it('should have form', () => {
+      expect(compiled.querySelector('form')).toBeTruthy();
+    });
+
+    it('should have input name', () => {
+      expect(compiled.querySelector('input[name="name"]')).toBeTruthy();
+    });
+
+    it('should have input email', () => {
+      expect(compiled.querySelector('input[name="email"][type="email"]')).toBeTruthy();
+    });
+
+    it('should have input password', () => {
+      expect(compiled.querySelector('input[name="password"][type="password"]')).toBeTruthy();
+    });
+
+    it('should have input password confirmation', () => {
+      expect(compiled.querySelector('input[name="password_confirmation"][type="password"]')).toBeTruthy();
+    });
+
+    it('should have submit button', () => {
+      expect(compiled.querySelector('button[type="submit"]')).toBeTruthy();
+    });
+
+  });
+
+});

data/angular/src/app/registration/registration.component.ts

@@ -0,0 +1,42 @@
+import { Component, OnInit } from '@angular/core';
+import { Angular2TokenService } from 'angular2-token';
+
+@Component({
+  selector: 'app-registration',
+  templateUrl: './registration.component.html',
+  styleUrls: ['./registration.component.css']
+})
+export class RegistrationComponent implements OnInit {
+
+  user: any;
+  errors: any;
+  success = false;
+
+  constructor(public service: Angular2TokenService) {
+    this.user = {
+      name: '',
+      email: '',
+      password: '',
+      password_confirmation: ''
+    };
+  }
+
+  doSubmit () {
+    this.service.registerAccount(this.user).subscribe(
+      (res) => {
+        this.success = true;
+      },
+      (res) => {
+        if (res.status == 422) {
+          this.errors = res.json().errors
+        } else {
+          this.errors = ['Something went wrong.']
+        }
+      }
+    );
+  }
+
+  ngOnInit() {
+  }
+
+}

data/angular/src/environments/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

data/angular/src/environments/environment.ts

@@ -0,0 +1,8 @@
+// The file contents for the current environment will overwrite these during build.
+// The build system defaults to the dev environment which uses `environment.ts`, but if you do
+// `ng build --env=prod` then `environment.prod.ts` will be used instead.
+// The list of which env maps to which file can be found in `angular-cli.json`.
+
+export const environment = {
+  production: false
+};

data/angular/src/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Angular</title>
+  <base href="/app/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root>Loading...</app-root>
+</body>
+</html>

data/angular/src/main.ts

@@ -0,0 +1,12 @@
+import './polyfills.ts';
+
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { enableProdMode } from '@angular/core';
+import { environment } from './environments/environment';
+import { AppModule } from './app/';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule);

data/angular/src/polyfills.ts

@@ -0,0 +1,19 @@
+// This file includes polyfills needed by Angular 2 and is loaded before
+// the app. You can add your own extra polyfills to this file.
+import 'core-js/es6/symbol';
+import 'core-js/es6/object';
+import 'core-js/es6/function';
+import 'core-js/es6/parse-int';
+import 'core-js/es6/parse-float';
+import 'core-js/es6/number';
+import 'core-js/es6/math';
+import 'core-js/es6/string';
+import 'core-js/es6/date';
+import 'core-js/es6/array';
+import 'core-js/es6/regexp';
+import 'core-js/es6/map';
+import 'core-js/es6/set';
+import 'core-js/es6/reflect';
+
+import 'core-js/es7/reflect';
+import 'zone.js/dist/zone';

data/angular/src/styles.css

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */

data/angular/src/test.ts

@@ -0,0 +1,31 @@
+import './polyfills.ts';
+import 'zone.js/dist/long-stack-trace-zone';
+import 'zone.js/dist/proxy.js';
+import 'zone.js/dist/sync-test';
+import 'zone.js/dist/jasmine-patch';
+import 'zone.js/dist/async-test';
+import 'zone.js/dist/fake-async-test';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
+declare var __karma__: any;
+declare var require: any;
+
+// Prevent Karma from running prematurely.
+__karma__.loaded = function () {};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+let context = require.context('./', true, /\.spec\.ts/);
+// And load the modules.
+context.keys().map(context);
+// Finally, start Karma to run the tests.
+__karma__.start();

data/angular/src/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "baseUrl": "",
+    "declaration": false,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "lib": ["es6", "dom"],
+    "mapRoot": "./",
+    "module": "es6",
+    "moduleResolution": "node",
+    "outDir": "../dist/out-tsc",
+    "sourceMap": true,
+    "target": "es5",
+    "typeRoots": [
+      "../node_modules/@types"
+    ]
+  }
+}

data/angular/src/typings.d.ts

@@ -0,0 +1,2 @@
+// Typings reference file, you can add your own global typings here
+// https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html

data/angular/tslint.json

@@ -0,0 +1,114 @@
+{
+  "rulesDirectory": [
+    "node_modules/codelyzer"
+  ],
+  "rules": {
+    "class-name": true,
+    "comment-format": [
+      true,
+      "check-space"
+    ],
+    "curly": true,
+    "eofline": true,
+    "forin": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "label-position": true,
+    "label-undefined": true,
+    "max-line-length": [
+      true,
+      140
+    ],
+    "member-access": false,
+    "member-ordering": [
+      true,
+      "static-before-instance",
+      "variables-before-functions"
+    ],
+    "no-arg": true,
+    "no-bitwise": true,
+    "no-console": [
+      true,
+      "debug",
+      "info",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-debugger": true,
+    "no-duplicate-key": true,
+    "no-duplicate-variable": true,
+    "no-empty": false,
+    "no-eval": true,
+    "no-inferrable-types": true,
+    "no-shadowed-variable": true,
+    "no-string-literal": false,
+    "no-switch-case-fall-through": true,
+    "no-trailing-whitespace": true,
+    "no-unused-expression": true,
+    "no-unused-variable": true,
+    "no-unreachable": true,
+    "no-use-before-declare": true,
+    "no-var-keyword": true,
+    "object-literal-sort-keys": false,
+    "one-line": [
+      true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "radix": true,
+    "semicolon": [
+      "always"
+    ],
+    "triple-equals": [
+      true,
+      "allow-null-check"
+    ],
+    "typedef-whitespace": [
+      true,
+      {
+        "call-signature": "nospace",
+        "index-signature": "nospace",
+        "parameter": "nospace",
+        "property-declaration": "nospace",
+        "variable-declaration": "nospace"
+      }
+    ],
+    "variable-name": false,
+    "whitespace": [
+      true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+
+    "directive-selector-prefix": [true, "app"],
+    "component-selector-prefix": [true, "app"],
+    "directive-selector-name": [true, "camelCase"],
+    "component-selector-name": [true, "kebab-case"],
+    "directive-selector-type": [true, "attribute"],
+    "component-selector-type": [true, "element"],
+    "use-input-property-decorator": true,
+    "use-output-property-decorator": true,
+    "use-host-property-decorator": true,
+    "no-input-rename": true,
+    "no-output-rename": true,
+    "use-life-cycle-interface": true,
+    "use-pipe-transform-interface": true,
+    "component-class-suffix": true,
+    "directive-class-suffix": true,
+    "templates-use-public": true,
+    "invoke-injectable": true
+  }
+}

data/angular/typings.json

@@ -0,0 +1,4 @@
+{
+  "globalDevDependencies": {
+  }
+}

data/lib/generators/unsakini/angular/angular_generator.rb

@@ -2,6 +2,6 @@ class Unsakini::AngularGenerator < Rails::Generators::Base
   source_root File.expand_path('../../../../../', __FILE__)
 
   def copy_initializer_file
-    directory 'angular', 'angular'
+    directory 'angular/dist', 'public/app'
   end
 end

data/lib/tasks/unsakini_tasks.rake

@@ -18,20 +18,15 @@ namespace :unsakini do
 
   desc "Installs the Angular 2 web client to public/app"
   task :ng2 do
-    repo_name = "https://github.com/unsakini/unsakini-ng2"
-    tmp_dir = "#{Rails.root}/tmp/unsakini-ng2"
-    app_dir = "#{Rails.root}/public/app/"
     begin
       Dir.chdir Rails.root do
-        system("rm -rf #{tmp_dir} #{app_dir}")
-        system("git clone #{repo_name} #{tmp_dir}")
-        system("mv #{tmp_dir}/dist #{app_dir}")
+        system("bin/rails g unsakini:angular")
       end
     rescue Exception => e
       puts e.to_s
       raise "
 
-      Please clone #{repo_name} and extract dist folder to your projects public/app folder
+      Please clone #{repo_name} and extract angular/dist folder to your projects public/app folder
 
       "
     end

data/lib/unsakini/version.rb

@@ -1,3 +1,3 @@
 module Unsakini
-  VERSION = '0.0.2'
+  VERSION = '0.0.3'
 end

data/spec/dummy/db/schema.rb

@@ -0,0 +1,57 @@
+# This file is auto-generated from the current state of the database. Instead
+# of editing this file, please use the migrations feature of Active Record to
+# incrementally modify your database, and then regenerate this schema definition.
+#
+# Note that this schema.rb definition is the authoritative source for your
+# database schema. If you need to create the application database on another
+# system, you should be using db:schema:load, not running all the migrations
+# from scratch. The latter is a flawed and unsustainable approach (the more migrations
+# you'll amass, the slower it'll run and the greater likelihood for issues).
+#
+# It's strongly recommended that you check this file into your version control system.
+
+ActiveRecord::Schema.define(version: 20161124210225) do
+
+  create_table "boards", force: :cascade do |t|
+    t.text     "name"
+    t.datetime "created_at",                 null: false
+    t.datetime "updated_at",                 null: false
+    t.boolean  "is_shared",  default: false
+  end
+
+  create_table "comments", force: :cascade do |t|
+    t.text     "content"
+    t.integer  "user_id"
+    t.integer  "post_id"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+  end
+
+  create_table "posts", force: :cascade do |t|
+    t.text     "title"
+    t.text     "content"
+    t.integer  "user_id"
+    t.integer  "board_id"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+  end
+
+  create_table "user_boards", force: :cascade do |t|
+    t.integer  "user_id"
+    t.integer  "board_id"
+    t.boolean  "is_admin",           default: false
+    t.datetime "created_at",                         null: false
+    t.datetime "updated_at",                         null: false
+    t.string   "encrypted_password"
+  end
+
+  create_table "users", force: :cascade do |t|
+    t.string   "name"
+    t.string   "email"
+    t.string   "password_digest"
+    t.boolean  "confirmed"
+    t.datetime "created_at",      null: false
+    t.datetime "updated_at",      null: false
+  end
+
+end

data/spec/dummy/public/app/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Angular</title>
+  <base href="/app/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root>Loading...</app-root>
+<script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body>
+</html>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: unsakini
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Adones Pitogo
@@ -252,6 +252,43 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- angular/LICENSE
+- angular/README.md
+- angular/angular-cli.json
+- angular/dist/favicon.ico
+- angular/dist/index.html
+- angular/dist/inline.bundle.js
+- angular/dist/inline.map
+- angular/dist/main.bundle.js
+- angular/dist/main.map
+- angular/dist/styles.bundle.js
+- angular/dist/styles.map
+- angular/karma.conf.js
+- angular/package.json
+- angular/protractor.conf.js
+- angular/src/app/app.component.css
+- angular/src/app/app.component.html
+- angular/src/app/app.component.spec.ts
+- angular/src/app/app.component.ts
+- angular/src/app/app.module.ts
+- angular/src/app/app.routes.module.ts
+- angular/src/app/index.ts
+- angular/src/app/registration/registration.component.css
+- angular/src/app/registration/registration.component.html
+- angular/src/app/registration/registration.component.spec.ts
+- angular/src/app/registration/registration.component.ts
+- angular/src/environments/environment.prod.ts
+- angular/src/environments/environment.ts
+- angular/src/favicon.ico
+- angular/src/index.html
+- angular/src/main.ts
+- angular/src/polyfills.ts
+- angular/src/styles.css
+- angular/src/test.ts
+- angular/src/tsconfig.json
+- angular/src/typings.d.ts
+- angular/tslint.json
+- angular/typings.json
 - app/controllers/api/boards_controller.rb
 - app/controllers/api/comments_controller.rb
 - app/controllers/api/posts_controller.rb
@@ -342,13 +379,15 @@ files:
 - spec/dummy/config/secrets.yml
 - spec/dummy/config/spring.rb
 - spec/dummy/db/development.sqlite3
-- spec/dummy/db/migrate/20161124184336_create_boards.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184337_create_user_boards.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184338_create_posts.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184339_create_comments.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184340_add_encrypted_password_to_user_board.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184341_create_users.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184342_add_is_shared_to_boards.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210219_create_boards.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210220_create_user_boards.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210221_create_posts.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210222_create_comments.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210223_add_encrypted_password_to_user_board.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210224_create_users.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210225_add_is_shared_to_boards.unsakini_engine.rb
+- spec/dummy/db/schema.rb
+- spec/dummy/db/test.sqlite3
 - spec/dummy/public/404.html
 - spec/dummy/public/422.html
 - spec/dummy/public/500.html
@@ -522,14 +561,16 @@ test_files:
 - spec/dummy/app/channels/application_cable/connection.rb
 - spec/dummy/app/controllers/application_controller.rb
 - spec/dummy/app/models/application_record.rb
-- spec/dummy/db/migrate/20161124184338_create_posts.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184342_add_is_shared_to_boards.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184336_create_boards.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184340_add_encrypted_password_to_user_board.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184341_create_users.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184339_create_comments.unsakini_engine.rb
-- spec/dummy/db/migrate/20161124184337_create_user_boards.unsakini_engine.rb
+- spec/dummy/db/test.sqlite3
+- spec/dummy/db/migrate/20161124210223_add_encrypted_password_to_user_board.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210220_create_user_boards.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210224_create_users.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210225_add_is_shared_to_boards.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210219_create_boards.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210222_create_comments.unsakini_engine.rb
+- spec/dummy/db/migrate/20161124210221_create_posts.unsakini_engine.rb
 - spec/dummy/db/development.sqlite3
+- spec/dummy/db/schema.rb
 - spec/dummy/config/application.rb
 - spec/dummy/config/spring.rb
 - spec/dummy/config/puma.rb