storybook-addon-cookie - npm Package Compare versions

Comparing version 3.0.3 to 3.1.0

dist/components/PanelContent.js

@@ -47,2 +47,3 @@ "use strict";
     var defaultCookie = (0, manager_api_1.useParameter)(constants_1.PARAM_KEY, {});
+    var encoding = (0, manager_api_1.useParameter)(constants_1.PARAM_ENCONDING_KEY, false);
     var _a = (0, react_1.useState)(path), story = _a[0], setStory = _a[1];
@@ -57,3 +58,3 @@ var _b = (0, react_1.useState)(), value = _b[0], setValue = _b[1];
         (0, utils_1.clearCookies)();
-        (0, utils_1.setCookies)(newValue);
+        (0, utils_1.setCookies)(newValue, encoding);
         setValue(newValue);
@@ -60,0 +61,0 @@ updateGlobals(__assign({}, globals));

dist/constants.d.ts

@@ -5,1 +5,2 @@ export declare const ADDON_ID = "storybook-addon-cookie";
 export declare const ADDON_TITLE = "Cookie";
+export declare const PARAM_ENCONDING_KEY = "cookieEncoding";

dist/constants.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ADDON_TITLE = exports.PARAM_KEY = exports.PANEL_ID = exports.ADDON_ID = void 0;
+exports.PARAM_ENCONDING_KEY = exports.ADDON_TITLE = exports.PARAM_KEY = exports.PANEL_ID = exports.ADDON_ID = void 0;
 exports.ADDON_ID = 'storybook-addon-cookie';
@@ -8,1 +8,2 @@ exports.PANEL_ID = "".concat(exports.ADDON_ID, "/panel");
 exports.ADDON_TITLE = 'Cookie';
+exports.PARAM_ENCONDING_KEY = 'cookieEncoding';

dist/cookieDecorator.js

@@ -12,3 +12,3 @@ "use strict";
         if (parameters && parameters.cookie) {
-            (0, utils_1.setCookies)(parameters.cookie);
+            (0, utils_1.setCookies)(parameters.cookie, parameters.cookieEncoding);
         }
@@ -15,0 +15,0 @@ setFlag(false);

dist/types.d.ts

 export type Cookie = Record<string, string>;
 export type CookieParameter = {
     cookie?: Cookie;
+    cookieEncoding?: boolean;
 };

dist/utils.d.ts

 import { Cookie } from './types';
-export declare function setCookie(name: string, value: string): void;
-export declare function setCookies(cookie: Cookie): void;
+export declare function setCookie(name: string, value: string, encoding?: boolean): void;
+export declare function setCookies(cookie: Cookie, encoding?: boolean): void;
 export declare function clearCookies(): void;

dist/utils.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.clearCookies = exports.setCookies = exports.setCookie = void 0;
-function setCookie(name, value) {
+function setCookie(name, value, encoding) {
+    var cookieValue;
     if (typeof value === 'string') {
-        document.cookie = "".concat(name, "=").concat(value, ";");
+        cookieValue = encoding ? encodeURIComponent(value) : value;
     }
     else {
-        document.cookie = "".concat(name, "=").concat(JSON.stringify(value), ";");
+        cookieValue = JSON.stringify(value);
+        encoding && (cookieValue = encodeURIComponent(cookieValue));
     }
+    document.cookie = "".concat(name, "=").concat(cookieValue, ";");
 }
 exports.setCookie = setCookie;
-function setCookies(cookie) {
+function setCookies(cookie, encoding) {
     var entries = Object.keys(cookie).map(function (name) { return [
@@ -20,3 +23,3 @@ name,
         var name = _a[0], value = _a[1];
-        return setCookie(name, value);
+        return setCookie(name, value, encoding);
     });
@@ -23,0 +26,0 @@ }

package.json

 {
   "name": "storybook-addon-cookie",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "Storybook addon for setting document.cookie",
@@ -48,3 +48,3 @@ "author": "hwookim <[e-mail]>",
   },
-  "gitHead": "b3e039065748fb325a28f8f99f6dbe75d1e0a9f1"
+  "gitHead": "6eb6c19a7db3a88f61f57d871a65a257cf870c22"
 }

src/constants.ts

@@ -5,1 +5,2 @@ export const ADDON_ID = 'storybook-addon-cookie';
 export const ADDON_TITLE = 'Cookie';
+export const PARAM_ENCONDING_KEY = 'cookieEncoding';

src/cookieDecorator.ts

@@ -24,3 +24,3 @@ import type {
     if (parameters && parameters.cookie) {
-      setCookies(parameters.cookie);
+      setCookies(parameters.cookie, parameters.cookieEncoding);
     }
@@ -27,0 +27,0 @@ setFlag(false);

src/types.ts

@@ -5,2 +5,3 @@ export type Cookie = Record<string, string>;
   cookie?: Cookie;
+  cookieEncoding?: boolean;
 };

src/utils.ts

 import { Cookie } from './types';
 
-export function setCookie(name: string, value: string) {
+export function setCookie(name: string, value: string, encoding?: boolean) {
+  let cookieValue;
   if (typeof value === 'string') {
-    document.cookie = `${name}=${value};`;
+    cookieValue = encoding ? encodeURIComponent(value) : value;
   } else {
-    document.cookie = `${name}=${JSON.stringify(value)};`;
+    cookieValue = JSON.stringify(value);
+    encoding && (cookieValue = encodeURIComponent(cookieValue));
   }
+  document.cookie = `${name}=${cookieValue};`;
 }
 
-export function setCookies(cookie: Cookie) {
+export function setCookies(cookie: Cookie, encoding?: boolean) {
   const entries: [string, string][] = Object.keys(cookie).map((name) => [
@@ -16,3 +19,3 @@ name,
   ]);
-  entries.forEach(([name, value]) => setCookie(name, value));
+  entries.forEach(([name, value]) => setCookie(name, value, encoding));
 }
@@ -19,0 +22,0 @@

No alert changes

Improved metrics

Total package byte prevSize

19469

increased by4.75%

Lines of code

427

increased by3.14%

No dependency changes