Added cross-domain-storage

index.html

@@ -20,6 +20,6 @@
         <span>Загрузка...</span>
     </div>
     <script src="https://apis.google.com/js/api.js"></script>
-<script type="text/javascript" src="/vendor.a344f66695cf6ad85514.js"></script><script type="text/javascript" src="/app.a344f66695cf6ad85514.js"></script></body>
+<script type="text/javascript" src="/vendor.d6ee7810cac7e6943ab8.js"></script><script type="text/javascript" src="/app.d6ee7810cac7e6943ab8.js"></script></body>
 
 </html>

package.json

@@ -1,13 +1,13 @@
 {
   "name": "youlikeapp",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/youlikeapp/youlikeapp.github.io"
   },
   "scripts": {
     "build": "rimraf dist && webpack --bail --progress --profile --NODE_ENV=production",
-    "server": "webpack-dev-server --history-api-fallback --inline --hot --progress --NODE_ENV=dev",
+    "server": "webpack-dev-server --https --history-api-fallback --inline --hot --progress --NODE_ENV=dev",
     "start": "npm run server"
   },
   "devDependencies": {
@@ -17,6 +17,7 @@
     "@types/angular-cookies": "1.4.2",
     "@types/angular-material": "1.1.39",
     "@types/angular-resource": "1.5.6",
+    "@types/cross-storage": "^0.8.29",
     "@types/es6-promise": "0.0.32",
     "@types/gapi.auth2": "0.0.46",
     "@types/gapi.client.youtube": "^3.0.0",
@@ -59,6 +60,7 @@
     "angular-sanitize": "1.5.8",
     "angular-socialshare": "^2.3.11",
     "angular-ui-router": "1.0.0-beta.3",
+    "cross-storage": "^1.0.0",
     "moment": "^2.20.1",
     "query-string": "^5.0.1",
     "toastr": "^2.1.4",

src/app/components/main/index.ts

@@ -1,4 +1,5 @@
 import * as angular from "angular";
+import { CrossStorageHub, CrossStorageClient } from "cross-storage";
 import { State, StateProvider, Ng1StateDeclaration } from "angular-ui-router";
 import { MainComponent } from "./main.component";
 import { NavService, NavItem } from "./../../common/nav/nav.service";
@@ -21,8 +22,14 @@ function runConfig(NavService: NavService): void {
         label: "Восстановление",
         icon: "thumb_up"
     };
-        NavService.addNavItem(page);
 
+    NavService.addNavItem(page);
+    CrossStorageHub.init([
+        {
+            origin: /.*/,
+            allow: [ "get", "set", "del" ]
+        }
+    ]);
 }
 
 const Main: ng.IModule = angular

src/app/components/main/main.component.ts

@@ -99,7 +99,7 @@ class MainController implements ng.IComponentController {
     }
 
     public saveList(): void {
-        localStorage.videosList = this.videosList;
+        localStorage.videosList = JSON.stringify(this.videosList.split("\n"));
 
         toastr.success("Список видео сохранён.");
     }
@@ -119,7 +119,7 @@ class MainController implements ng.IComponentController {
     }
 
     public loadList(): void {
-        this.videosList = localStorage.videosList;
+        this.videosList = (<string[]>JSON.parse(localStorage.videosList)).join("\n");
         this.videosListIsEmpty = false;
     }
 

webpack.config.js

@@ -26,7 +26,7 @@ module.exports = (function makeWebpackConfig() {
         path: isProd ? getPath("./") : getPath('./dist'),
         filename: isProd ? '[name].[hash].js' : '[name].bundle.js',
         chunkFilename: isProd ? '[name].[hash].js' : '[name].bundle.js',
-        publicPath: isProd ? '/' : 'http://localhost:8080/'
+        publicPath: isProd ? '/' : 'https://localhost:8080/'
 
     };