💣 Added test files. Included build tools.

Author: realmike33

.gitignore

@@ -2,6 +2,7 @@ node_modules
 *.log
 *.tmp
 DS*
+.DS_Store
 typings
 dist
 .vscode

package.json

@@ -3,8 +3,8 @@
  "version": "0.0.1",
  "description": "Starter to make Angular libs",
  "main": "bundle.js",
- "jsnext:main": "lib.module.js",
- "module": "lib.module.js",
+ "jsnext:main": "angular-web-cached-view.module.js",
+ "module": "angular-web-cached-view.module.js",
  "types": "index.d.ts",
  "scripts": {
  "test": "rimraf ./tmp/mocha-webpack && mocha-webpack --opts 'mocha.opts'",
@@ -30,6 +30,7 @@
  "@types/sinon": "^2.2.2",
  "angular2-template-loader": "^0.6.2",
  "awesome-typescript-loader": "^3.1.3",
+ "chai": "^3.5.0",
  "core-js": "^2.4.1",
  "jsdom": "^10.1.0",
  "mocha": "^3.4.1",
@@ -38,6 +39,7 @@
  "raw-loader": "^0.5.1",
  "rimraf": "^2.6.1",
  "rxjs": "^5.4.0",
+ "sinon": "^2.2.0",
  "source-map-support": "^0.4.15",
  "typescript": "^2.3.2",
  "webpack": "^2.5.1",

src/angular-web-cached-view.module.ts

@@ -0,0 +1,19 @@
+import { Location, LocationStrategy } from '@angular/common'
+import { NgModule } from '@angular/core'
+import { getLocation } from './angular-web-cached-view.service'
+
+@NgModule({})
+export class WebCachedModule {
+ static forRoot() {
+ return {
+ ngModule: WebCachedModule,
+ providers: [
+ {
+ provide: Location,
+ useFactory: getLocation,
+ deps: [ LocationStrategy ]
+ }
+ ]
+ }
+ }
+}

src/angular-web-cached-view.service.ts

@@ -0,0 +1,55 @@
+import { Location, LocationStrategy } from '@angular/common'
+import { Injectable } from '@angular/core'
+
+export const GOOGLE_WEBCACHE_URL = /(.+)(q=cache:(https?:\/\/)?(.+?)\/)(.*?)(&.+|$|\+&.+|\+)/;
+export const GOOGLE_WEBCACHE = /webcache/;
+
+export function createOriginUrl(url: string) {
+ const _url = url.replace(/^\//, '');
+ const originUrl = location.pathname + location.search;
+ return originUrl.replace(GOOGLE_WEBCACHE_URL, '$1$2' + _url + '$6');
+}
+
+export function getPath (url: string) {
+ return url
+ .replace(/%3A/g, ':')
+ .replace(/%2F/g, '/')
+ .replace(GOOGLE_WEBCACHE_URL, '/$5');
+}
+
+@Injectable()
+export class WebCacheLocation extends Location {
+ _platformStrategy: LocationStrategy;
+ constructor(platformStrategy: LocationStrategy) {
+ super(platformStrategy);
+ }
+
+ normalize(url: string) {
+ const _url = getPath(url);
+ return super.normalize(_url);
+ }
+
+ go(path: string, query: string = '') {
+ const url = createOriginUrl(path);
+ this._platformStrategy.pushState(null, '', url, query);
+ }
+
+ replaceState(path: string, query: string = '') {
+ const url = createOriginUrl(path);
+ this._platformStrategy.replaceState(null, '', url, query);
+ }
+
+}
+
+export function getLocation(platformStrategy: any) {
+ const host = location.host;
+ if (GOOGLE_WEBCACHE.test(host)) {
+ return new WebCacheLocation(platformStrategy);
+ }
+ return new Location(platformStrategy);
+}
+
+function webCacheUrl(url: string) {
+ if (!GOOGLE_WEBCACHE.test(url)) { return url; }
+ return getPath(url);
+ }

src/index.ts

@@ -1 +1,2 @@
-export * from './lib.module'
+export * from './angular-web-cached-view.service'
+export * from './angular-web-cached-view.module'

src/lib.component.html

@@ -0,0 +1,150 @@
+import { WebCacheLocation, getPath, createOriginUrl, getLocation } from './'
+import { LocationStrategy } from '@angular/common'
+import { expect } from 'chai'
+import * as sinon from 'sinon'
+describe('WebCacheLocation', () => {
+ global['location'] = {
+ pathname: '',
+ search: ''
+ }
+ const mockPlatformStrategy = {
+ getBaseHref: ():string => {
+ return ''
+ },
+ onPopState: () => {},
+ back: () => {},
+ forward: () => {},
+ prepareExternalUrl: (internal: string): string => {
+ return ''
+ },
+ path: (includeHash?: any): string => {
+ return ''
+ },
+ pushState: () => {
+
+ },
+ replaceState: ()=>{
+
+ }
+ }
+ let testcache:WebCacheLocation
+ beforeEach(()=> {
+ testcache = new WebCacheLocation(mockPlatformStrategy as LocationStrategy)
+ })
+ describe('Normalize', ()=> {
+ it('should return empty string when provided with empty ending url path', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('')
+ })
+ it('should return string value after ending url slash', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('//www.angularclass.com')
+ })
+ it('should return string value equal to supplied ending url path of .com', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/courses'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('/courses')
+ })
+ it('should return string value equal to supplied ending url path of .io', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.io/courses'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('/courses')
+ })
+ it('should return string value equal to supplied ending url path of .gg', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.gg/courses'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('/courses')
+ })
+ it('should return string value equal to supplied ending url path of .net', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.net/courses'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('/courses')
+ })
+ it('should return string value equal to supplied ending url path of .gov', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.gov/courses'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('/courses')
+ })
+ it('should return string value equal to supplied ending url path of .tv', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.tv/courses'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('/courses')
+ })
+ it('should return string value equal to supplied ending url path of appended url site ', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.blog.angularclass.gov/courses'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('/courses')
+ })
+ it('should return string value equal to supplied ending url path of query', () => {
+ const testUrl = 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.blog.angularclass.com/search?aB32*#sj'
+ const normalizedUrl = testcache.normalize(testUrl)
+ expect(normalizedUrl).to.be.equal('/search?aB32*#sj')
+ })
+ })
+ describe('Go', ()=> {
+ it('should update location pathname with input path', () => {
+ global['location'] = {
+ pathname: 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/',
+ search: ''
+ }
+
+ const testPath = 'courses'
+ const pushStateStub = sinon.stub(mockPlatformStrategy, 'pushState')
+ .callsFake((...args) => {});
+
+ testcache.go(testPath)
+ sinon.assert.calledWith(pushStateStub, null, '', `http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/${testPath}`, '')
+ pushStateStub.restore()
+ })
+
+ it('should update location pathname with input path special characters', () => {
+ global['location'] = {
+ pathname: 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/',
+ search: ''
+ }
+
+ const testPath = 'courses/test123'
+ const pushStateStub = sinon.stub(mockPlatformStrategy, 'pushState')
+ .callsFake((...args) => {});
+
+ testcache.go(testPath)
+ sinon.assert.calledWith(pushStateStub, null, '', `http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/${testPath}`, '')
+ pushStateStub.restore()
+ })
+
+ })
+
+ describe('ReplaceState', ()=> {
+ it('should update location pathname with input path', () => {
+ global['location'] = {
+ pathname: 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/',
+ search: ''
+ }
+
+ const testPath = 'courses'
+ const replaceStateStub = sinon.stub(mockPlatformStrategy, 'replaceState')
+ .callsFake((...args) => {});
+
+ testcache.replaceState(testPath)
+ sinon.assert.calledWith(replaceStateStub, null, '', `http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/${testPath}`, '')
+ replaceStateStub.restore()
+ })
+
+ it('should update location pathname with input path special characters', () => {
+ global['location'] = {
+ pathname: 'http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/',
+ search: ''
+ }
+
+ const testPath = 'courses/test123'
+ const replaceStateStub = sinon.stub(mockPlatformStrategy, 'replaceState')
+ .callsFake((...args) => {});
+
+ testcache.replaceState(testPath)
+ sinon.assert.calledWith(replaceStateStub, null, '', `http://webcache.googleusercontent.local:3000/search?q=cache:https://www.angularclass.com/${testPath}`, '')
+ replaceStateStub.restore()
+ })
+ })
+})