next-client-cookies - npm Package Compare versions

Comparing version 1.0.6 to 1.1.0-alpha.0

dist/index.d.ts

 export * from './types';
+export * from './hook';
 export * from './provider';
 //# sourceMappingURL=index.d.ts.map

dist/index.js

 "use strict";
-var __create = Object.create;
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
@@ -21,100 +15,15 @@ if (from && typeof from === "object" || typeof from === "function") {
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
 var src_exports = {};
-__export(src_exports, {
-  CookiesProvider: () => CookiesProvider,
-  useCookies: () => useCookies
-});
 module.exports = __toCommonJS(src_exports);
-
-// src/provider.tsx
-var import_react = __toESM(require("react"));
-var import_js_cookie = __toESM(require("js-cookie"));
-var import_navigation = require("next/navigation");
-var Ctx = /* @__PURE__ */ (0, import_react.createContext)(null);
-var useCookies = /* @__PURE__ */ __name(() => {
-  const cookies = (0, import_react.useContext)(Ctx);
-  if (typeof window !== "undefined") {
-    return import_js_cookie.default;
-  }
-  if (!cookies) {
-    throw new Error("Missing <CookiesProvider>");
-  }
-  return cookies;
-}, "useCookies");
-var windowVarName = "__cookies_commands";
-var CookiesProvider = /* @__PURE__ */ __name(({ value, children }) => {
-  const insertedHTML = (0, import_react.useContext)(import_navigation.ServerInsertedHTMLContext);
-  const cookies = (0, import_react.useMemo)(() => {
-    const map = Object.fromEntries(value.map((c) => [
-      c.name,
-      c.value
-    ]));
-    return {
-      get: (name) => name == null ? {
-        ...map
-      } : map[name],
-      set: (...args) => {
-        insertedHTML?.(() => getCookieCommandHtml("set", ...args));
-        map[args[0]] = args[1];
-      },
-      remove: (...args) => {
-        insertedHTML?.(() => getCookieCommandHtml("remove", ...args));
-        delete map[args[0]];
-      }
-    };
-  }, [
-    value,
-    insertedHTML
-  ]);
-  (0, import_react.useEffect)(() => {
-    const commands = window[windowVarName] || [];
-    if (!commands.length)
-      return;
-    for (const command of commands) {
-      runCookieCommand(command);
-    }
-  }, []);
-  return /* @__PURE__ */ import_react.default.createElement(Ctx.Provider, {
-    value: cookies
-  }, children);
-}, "CookiesProvider");
-var getCookieCommandHtml = /* @__PURE__ */ __name((...command) => /* @__PURE__ */ import_react.default.createElement("script", {
-  dangerouslySetInnerHTML: {
-    __html: `window.${windowVarName} = window.${windowVarName} || [];window.${windowVarName}.push(${JSON.stringify(command).replaceAll("</", "<\\/")});`
-  }
-}), "getCookieCommandHtml");
-var runCookieCommand = /* @__PURE__ */ __name((command) => {
-  if (typeof window === "undefined")
-    return;
-  switch (command[0]) {
-    case "set": {
-      import_js_cookie.default.set(command[1], command[2], command[3] && deserializeCookieAttributes(command[3]));
-      break;
-    }
-    case "remove": {
-      import_js_cookie.default.remove(command[1], command[2] && deserializeCookieAttributes(command[2]));
-      break;
-    }
-  }
-}, "runCookieCommand");
-var deserializeCookieAttributes = /* @__PURE__ */ __name((attributes) => ({
-  ...attributes,
-  expires: typeof attributes.expires === "string" ? new Date(attributes.expires) : attributes.expires
-}), "deserializeCookieAttributes");
+__reExport(src_exports, require("./types"), module.exports);
+__reExport(src_exports, require("./hook"), module.exports);
+__reExport(src_exports, require("./provider"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CookiesProvider,
-  useCookies
+  ...require("./types"),
+  ...require("./hook"),
+  ...require("./provider")
 });
 //# sourceMappingURL=index.js.map

dist/provider.d.ts

 import { FC, ReactNode } from 'react';
 import { Cookies } from './types';
-export declare const useCookies: () => Cookies;
-interface CookieRecord {
-    name: string;
-    value: string;
-}
+import { CookieRecord, SecureValueRef } from './secure';
 type CookieCommand = {
@@ -20,2 +16,5 @@ [key in keyof Cookies]: [key, ...Parameters<Cookies[key]>];
 }
+/**
+ * @deprecated Use `<CookiesProvider />` from `next-client-cookies/server` instead.
+ */
 export declare const CookiesProvider: FC<{
@@ -25,3 +24,7 @@ value: CookieRecord[];
 }>;
+export declare const SecureCookiesProvider: FC<{
+    value: SecureValueRef;
+    children: ReactNode;
+}>;
 export {};
 //# sourceMappingURL=provider.d.ts.map

dist/server.d.ts

 import { Cookies } from './types';
+import { FC, ReactNode } from 'react';
+export declare const CookiesProvider: FC<{
+    children: ReactNode;
+}>;
 export declare const getCookies: () => Cookies;
 //# sourceMappingURL=server.d.ts.map

dist/server.js

 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -19,7 +21,14 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/server.ts
 var server_exports = {};
 __export(server_exports, {
+  CookiesProvider: () => CookiesProvider,
   getCookies: () => getCookies
@@ -29,3 +38,12 @@ });
 var import_headers = require("next/headers");
-var getCookies = /* @__PURE__ */ __name(() => {
+var import_react = __toESM(require("react"));
+var import_provider = require("./provider");
+var import_secure = require("./secure");
+const CookiesProvider = /* @__PURE__ */ __name(({ children }) => {
+  const secretValue = (0, import_headers.cookies)().getAll();
+  return /* @__PURE__ */ import_react.default.createElement(import_provider.SecureCookiesProvider, {
+    value: (0, import_secure.storeSecureCookies)(secretValue)
+  }, children);
+}, "CookiesProvider");
+const getCookies = /* @__PURE__ */ __name(() => {
   const org = (0, import_headers.cookies)();
@@ -45,3 +63,3 @@ return {
 }, "getCookies");
-var convertCookieAttributes = /* @__PURE__ */ __name((options) => ({
+const convertCookieAttributes = /* @__PURE__ */ __name((options) => ({
   expires: typeof options.expires === "number" ? options.expires * 864e5 : options.expires,
@@ -55,4 +73,5 @@ path: options.path,
 0 && (module.exports = {
+  CookiesProvider,
   getCookies
 });
 //# sourceMappingURL=server.js.map

package.json

 {
   "name": "next-client-cookies",
-  "version": "1.0.6",
+  "version": "1.1.0-alpha.0",
   "description": "SSR and client support for Next.js v13 cookies (app directory)",
@@ -55,3 +55,3 @@ "keywords": [
     "@types/node": "^20.4.6",
-    "@types/react": "^18.2.18",
+    "@types/react": "18.2.18",
     "@types/react-dom": "^18.2.7",
@@ -58,0 +58,0 @@ "eslint": "^8.46.0",

README.md

@@ -16,28 +16,15 @@ # Next.js Client Cookies
 ```
-yarn add next-client-cookies
+npm add next-client-cookies
 ```
 
-2. Create a `client only` component provider:
+2. On your `app/layout.tsx` file, add the `CookiesProvider`:
 
 ```jsx
-'use client';
+import { CookiesProvider } from 'next-client-cookies/server';
 
-import { CookiesProvider } from 'next-client-cookies';
-
-export const ClientCookiesProvider: typeof CookiesProvider = (props) => (
-  <CookiesProvider {...props} />
-);
-```
-
-3. On your `app/layout.tsx` file, add the `CookiesProvider`:
-
-```jsx
-import { cookies } from 'next/headers';
-import { ClientCookiesProvider } from './provider';
-
 export default function RootLayout({ children }) {
   return (
-    <ClientCookiesProvider value={cookies().getAll()}>
+    <CookiesProvider>
       {children}
-    </ClientCookiesProvider>
+    </CookiesProvider>
   );
@@ -44,0 +31,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

59945

increased by77.19%

Number of package files

39

increased by116.67%

Lines of code

698

increased by92.29%

Worsened metrics

Number of low quality alerts

2

increased by100%

Number of lines in readme file

82

decreased by-13.68%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes