feat(workflow): Update dependencies and integrate service worker

Author: aidenybai

.github/workflows/pkg-pr-new.yml

@@ -0,0 +1,24 @@
+name: Publish Any Commit
+on: [push, pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - run: corepack enable
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm build
+
+      - run: pnpx pkg-pr-new publish --compact

.vscode/settings.json

@@ -5,5 +5,8 @@
   },
   "[html]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[yaml]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

kitchen-sink/package.json

@@ -9,7 +9,7 @@
 		"@codesandbox/sandpack-react": "^2.19.10",
 		"@codesandbox/sandpack-themes": "^2.0.21",
 		"@tanstack/react-router": "^1.95.1",
-		"bippy": "^0.2.6",
+		"bippy": "^0.2.9",
 		"clsx": "^2.1.1",
 		"react": "^19.0.0",
 		"react-dom": "^19.0.0",

kitchen-sink/src/main.tsx

@@ -2,11 +2,15 @@ import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import { RouterProvider, createRouter } from '@tanstack/react-router';
 import './main.css';
+import { registerServiceWorker } from 'bippy/dist/index';
 
 import { routeTree } from './routeTree.gen';
 
 const router = createRouter({ routeTree });
 
+registerServiceWorker();
+console.log(registerServiceWorker);
+
 declare module '@tanstack/react-router' {
   interface Register {
     router: typeof router;

kitchen-sink/vite.config.ts

@@ -23,12 +23,16 @@ export default defineConfig({
   define: {
     __VERSION__: `"v${JSON.parse(fs.readFileSync('../package.json', 'utf8')).version}"`,
   },
-  resolve:
-    process.env.NODE_ENV === 'production'
-      ? {}
-      : {
-          alias: {
-            bippy: path.resolve(__dirname, '..'),
-          },
-        },
+  // resolve:
+  //   process.env.NODE_ENV === 'production'
+  //     ? {
+  //         alias: {
+  //           bippy: path.resolve(__dirname, '..'),
+  //         },
+  //       }
+  //     : {
+  //         alias: {
+  //           bippy: path.resolve(__dirname, '..'),
+  //         },
+  //       },
 });

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bippy",
-	"version": "0.2.7",
+	"version": "0.2.9",
 	"description": "hack into react internals",
 	"keywords": [
 		"react",
@@ -107,6 +107,7 @@
 		"esbuild": "^0.24.2",
 		"esbuild-plugin-inline-worker": "^0.1.1",
 		"happy-dom": "^15.11.7",
+		"pkg-pr-new": "^0.0.39",
 		"publint": "^0.2.12",
 		"react": "19.0.0",
 		"react-dom": "19.0.0",