Merge pull request #6 from mayank1513/use-storage-event

Use-storage-event

Author: mayank1513

.github/workflows/publish.yml

@@ -35,4 +35,6 @@ jobs:
         run: pnpm build && pnpm publish-package
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}
-
+          TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          OWNER: ${{ github.event.repository.owner.login }}
+          REPO: ${{ github.event.repository.name }}

.github/workflows/test.yml

@@ -27,6 +27,7 @@ jobs:
           token: ${{ secrets.CODECOV_TOKEN }}
           flags: fork-me
       - uses: paambaati/[email protected]
+        continue-on-error: true
         env:
           CC_TEST_REPORTER_ID: ${{ secrets.CC_TEST_REPORTER_ID }}
         with:

examples/nextjs/CHANGELOG.md

@@ -1,5 +1,12 @@
 # nextjs-example
 
+## 1.0.3
+
+### Patch Changes
+
+- Updated dependencies
+  - [email protected]
+
 ## 1.0.2
 
 ### Patch Changes

examples/nextjs/app/store.ts

@@ -20,6 +20,6 @@ export const useMyStore = create<MyStoreType>()(
 				set(state => ({ ...state, _count }));
 			},
 		}),
-		{ name: "example", exclude: ["_count"] },
+		{ name: "example", exclude: ["_count"], storage: "cookies" },
 	),
 );

examples/nextjs/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nextjs-example",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"private": true,
 	"scripts": {
 		"dev": "next dev --port 3001",
@@ -13,12 +13,12 @@
 		"persist-and-sync": "workspace:*",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"zustand": "^4.4.6"
+		"zustand": "^4.4.7"
 	},
 	"devDependencies": {
 		"@next/eslint-plugin-next": "^14.0.3",
-		"@types/node": "^20.9.4",
-		"@types/react": "^18.2.38",
+		"@types/node": "^20.10.2",
+		"@types/react": "^18.2.41",
 		"@types/react-dom": "^18.2.17",
 		"eslint-config-custom": "workspace:*",
 		"tsconfig": "workspace:*",

package.json

@@ -8,8 +8,8 @@
 		"format": "prettier --write \"**/*.{ts,tsx,js,jsx,md,css,scss}\""
 	},
 	"devDependencies": {
-		"@changesets/cli": "^2.26.2",
-		"eslint": "^8.54.0",
+		"@changesets/cli": "^2.27.1",
+		"eslint": "^8.55.0",
 		"prettier": "^3.1.0",
 		"tsconfig": "workspace:*",
 		"turbo": "^1.10.16"

packages/persist-and-sync/CHANGELOG.md

@@ -1,5 +1,11 @@
 # persist-and-sync
 
+## 1.1.1
+
+### Patch Changes
+
+- Updated internal sync mechanism
+
 ## 1.1.0
 
 ### Minor Changes

packages/persist-and-sync/__tests__/index.test.ts

@@ -1,7 +1,7 @@
 import { act, cleanup, renderHook } from "@testing-library/react";
 
 import { afterEach, describe, test } from "vitest";
-import { useMyStore } from "./store";
+import { useCookieStore, useMyStore } from "./store";
 
 describe.concurrent("Setting state", () => {
 	afterEach(cleanup);
@@ -11,7 +11,7 @@ describe.concurrent("Setting state", () => {
 	});
 
 	test("test setting state", async ({ expect }) => {
-		const { result } = renderHook(() => useMyStore());
+		const { result } = renderHook(() => useCookieStore());
 		act(() => result.current.setCount(5));
 		expect(result.current.count).toBe(5);
 		expect(localStorage.getItem("example")).toBe('{"count":5}');

packages/persist-and-sync/__tests__/store.ts

@@ -1,4 +1,4 @@
-import { create } from "../vitest-setup";
+import { create } from "../vitest.setup";
 import { persistNSync } from "../src";
 
 type MyStoreType = {
@@ -16,6 +16,18 @@ export const useMyStore = create<MyStoreType>(
 			setCount: count => set(state => ({ ...state, count })),
 			set_Count: _count => set(state => ({ ...state, _count })),
 		}),
-		{ name: "example", regExpToIgnore: /^_/ },
+		{ name: "example", exclude: [/^_/] },
+	),
+);
+
+export const useCookieStore = create<MyStoreType>(
+	persistNSync(
+		set => ({
+			count: 0,
+			_count: 0 /** skipped as it matches the regexp provided */,
+			setCount: count => set(state => ({ ...state, count })),
+			set_Count: _count => set(state => ({ ...state, _count })),
+		}),
+		{ name: "example", include: [/count/], exclude: [/^_/], storage: "cookies" },
 	),
 );

packages/persist-and-sync/createPackageJSON.js

@@ -3,12 +3,42 @@
 const fs = require("fs");
 const path = require("path");
 const packageJson = require(path.resolve(__dirname, "package.json"));
+if (process.env.TOKEN) {
+	const { Octokit } = require("octokit");
+	// Octokit.js
+	// https://github.com/octokit/core.js#readme
+	const octokit = new Octokit({
+		auth: process.env.TOKEN,
+	});
 
-const { devDependencies, scripts, ...newPackageJSON } = packageJson;
-newPackageJSON.main = packageJson.main.split("/")[1];
-newPackageJSON.types = packageJson.types.split("/")[1];
+	const octoOptions = {
+		owner: process.env.OWNER,
+		repo: process.env.REPO,
+		headers: {
+			"X-GitHub-Api-Version": "2022-11-28",
+		},
+	};
+	const tagName = `v${packageJson.version}`;
+	const name = `Release ${tagName}`;
+	/** Create a release */
+	octokit.request("POST /repos/{owner}/{repo}/releases", {
+		...octoOptions,
+		tag_name: tagName,
+		target_commitish: "main",
+		name,
+		draft: false,
+		prerelease: false,
+		generate_release_notes: true,
+		headers: {
+			"X-GitHub-Api-Version": "2022-11-28",
+		},
+	});
+}
+delete packageJson.scripts;
+packageJson.main = packageJson.main.split("/")[1];
+packageJson.types = packageJson.types.split("/")[1];
 
 fs.writeFileSync(
 	path.resolve(__dirname, "dist", "package.json"),
-	JSON.stringify(newPackageJSON, null, 2),
+	JSON.stringify(packageJson, null, 2),
 );