feat: add HashPersist

README.md

@@ -78,6 +78,24 @@ try {
 }
 ```
 
+### Used in Hash
+Basic Persist supports only url excluding hash. If you want to use hash, use the code below.
+```js
+import { HashPersist, registerHashPersist } from "@egjs/persist";
+
+// Register globally to use HashPersist.
+registerHashPersist();
+
+
+// Use HashPersist
+const persist = new HashPersist();
+
+// set
+persist.set("a", "A");
+
+// get
+persist.get("a");
+```
 
 ### Used in SPA
 

index.d.ts

@@ -30,12 +30,16 @@ declare module "@egjs/persist" {
 		public remove(path: string): this;
 	}
 
+	export class HashPersist extends Persist {
+	}
+
 	export class PersistQuotaExceededError extends Error {
 		public name: string;
 		public storageType: "SessionStorage" | "LocalStorage" | "History" | "None";
 		public key: string;
 		public size: number;
 	}
+	export function releaseEvent(): void;
 	export function updateDepth(type?: number): void;
 	export function replaceDepth(): void;
 	export default Persist;

package.json

@@ -1,14 +1,14 @@
 {
 	"name": "@egjs/persist",
-	"version": "2.6.0-snapshot",
+	"version": "2.7.0-beta.0",
 	"description": "Provide cache interface to handle persisted data among history navigation.",
 	"main": "dist/persist.js",
 	"module": "dist/persist.esm.js",
 	"es2015": "dist/persist.esm.js",
 	"types": "./index.d.ts",
 	"sideEffects": false,
 	"scripts": {
-		"start": "webpack-dev-server --open",
+		"start": "rollup -c -w",
 		"build": "rollup -c",
 		"build:webpack": "webpack --env production",
 		"test": "karma start",

rollup.config.js

@@ -18,7 +18,7 @@ export default [
 		],
 	}),
 	esm({
-		input: "./src/Persist.js",
+		input: "./src/index.js",
 		output: "./dist/persist.esm.js",
 	}),
 ];

src/HashPersist.js

@@ -0,0 +1,61 @@
+/*
+ * Copyright (c) 2015 NAVER Corp.
+ * egjs projects are licensed under the MIT license
+ */
+/* eslint-disable class-methods-use-this */
+/* eslint-disable no-use-before-define */
+import {location} from "./browser";
+import {CONST_HASH} from "./consts";
+import Persist from "./Persist";
+
+/**
+ * Get or store the current state of the web page using JSON according to hash.
+ * @ko 웹 페이지의 현재 상태를 hash에 따라 JSON 형식으로 저장하거나 읽는다.
+ * @memberof eg.Persist
+ * @alias eg.Persist.HashPersist
+ * @extends eg.Persist
+ *
+ * @support {"ie": "9+", "ch" : "latest", "ff" : "latest",  "sf" : "latest" , "edge" : "latest", "ios" : "7+", "an" : "2.3+ (except 3.x)"}
+ */
+class HashPersist extends Persist {
+	/**
+	 * Read value
+	 * @param {String|Array} [path] - target path
+	 * @return {String|Number|Boolean|Object|Array}
+	 */
+	get(path) {
+		return this._get(this._getKey(), this._getPath(path));
+	}
+	/**
+	 * Save value
+	 * @param {String|Array} path - target path
+	 * @param {String|Number|Boolean|Object|Array} value - value to save
+	 * @return {Persist}
+	 */
+	set(path, value) {
+		return this._set(this._getKey(), this._getPath(path), value);
+	}
+	/**
+	 * Remove value
+	 * @param {String|Array} [path] - target path
+	 * @return {Persist}
+	 */
+	remove(path) {
+		return this._remove(this._getKey(), this._getPath(path));
+	}
+	_getKey() {
+		return `${CONST_HASH}${location.hash}`;
+	}
+	_getPath(path) {
+		let nextPath = path;
+
+		if (Array.isArray(nextPath)) {
+			nextPath = [this.key, ...nextPath];
+		} else {
+			nextPath = `${this.key}.${nextPath}`;
+		}
+		return nextPath;
+	}
+}
+
+export default HashPersist;