refactor: update chrome extension packages (#679)

Author: gao-sun

.changeset/curly-clocks-love.md

@@ -0,0 +1,5 @@
+---
+"@logto/chrome-extension": patch
+---
+
+fix publish config

README.md

@@ -12,27 +12,29 @@ The monorepo for SDKs and working samples written in JavaScript (Well, mostly in
 
 ## Products
 
-| Name                               | Description                                              |
-| ---------------------------------- | -------------------------------------------------------- |
-| [browser](./packages/browser/)     | Logto browser foundation SDK.                            |
-| [capacitor](./packages/capacitor/) | Logto Capacitor SDK built on top of browser foundations. |
-| [client](./packages/client/)       | Logto JavaScript cross-platform foundation client.       |
-| [express](./packages/express/)     | Logto Express SDK built on top of node foundations.      |
-| [js](./packages/js/)               | Logto JavaScript core.                                   |
-| [next](./packages/next/)           | Logto Next.js SDK built on top of node foundations.      |
-| [node](./packages/node/)           | Logto node foundation SDK.                               |
-| [nuxt](./packages/nuxt/)           | Logto Nuxt 3 SDK built on top of node foundations.       |
-| [react](./packages/react/)         | Logto React SDK built on top of browser foundations.     |
-| [remix](./packages/remix/)         | Logto Remix SDK built on top of node foundations.        |
-| [vue](./packages/vue/)             | Logto Vue SDK built on top of browser foundations.       |
-| [sveltekit](./packages/sveltekit/) | Logto SvelteKit SDK built on top of node foundations.    |
+| Name                                             | Description                                              |
+| ------------------------------------------------ | -------------------------------------------------------- |
+| [browser](./packages/browser/)                   | Logto browser foundation SDK.                            |
+| [capacitor](./packages/capacitor/)               | Logto Capacitor SDK built on top of browser foundations. |
+| [chrome-extension](./packages/chrome-extension/) | Logto Chrome extension SDK.                              |
+| [client](./packages/client/)                     | Logto JavaScript cross-platform foundation client.       |
+| [express](./packages/express/)                   | Logto Express SDK built on top of node foundations.      |
+| [js](./packages/js/)                             | Logto JavaScript core.                                   |
+| [next](./packages/next/)                         | Logto Next.js SDK built on top of node foundations.      |
+| [node](./packages/node/)                         | Logto node foundation SDK.                               |
+| [nuxt](./packages/nuxt/)                         | Logto Nuxt 3 SDK built on top of node foundations.       |
+| [react](./packages/react/)                       | Logto React SDK built on top of browser foundations.     |
+| [remix](./packages/remix/)                       | Logto Remix SDK built on top of node foundations.        |
+| [vue](./packages/vue/)                           | Logto Vue SDK built on top of browser foundations.       |
+| [sveltekit](./packages/sveltekit/)               | Logto SvelteKit SDK built on top of node foundations.    |
 
 ## Samples
 
 | Name                                                                 | Description                                                              |
 | -------------------------------------------------------------------- | ------------------------------------------------------------------------ |
 | [angular-sample](./packages/angular-sample/)                         | A sample of using `angular-auth-oidc-client` to integrate with Logto.    |
 | [browser-sample](./packages/browser-sample/)                         | A sample of using Logto browser SDK.                                     |
+| [chrome-extension-sample](./packages/chrome-extension-sample/)       | A sample Chrome extension that demonstrates how to integrate Logto.      |
 | [express-sample](./packages/express-sample/)                         | A sample of using Logto Express SDK.                                     |
 | [next-app-dir-sample](./packages/next-app-dir-sample/)               | A sample of using Logto Next.js SDK for Next.js app directory structure. |
 | [next-sample](./packages/next-sample/)                               | A sample of using Logto Next.js SDK.                                     |

packages/chrome-extension-sample/README.md

@@ -0,0 +1,31 @@
+# Logto Chrome extension sample
+
+A sample Chrome extension that demonstrates how to integrate Logto in a Chrome extension.
+
+This is also the final result of this blog post: [Monetize your Chrome extension with OpenID Connect (OAuth 2.0) authentication](https://blog.logto.io/monetize-chrome-extension-with-oidc-auth).
+
+## Get started
+
+Ensure you have the following installed:
+
+- Node.js: https://nodejs.org/
+- PNPM: https://pnpm.io/ (Other package managers may work, but this sample only tests with PNPM)
+
+To test this sample, follow these steps:
+
+1. Clone this repository.
+2. In this directory, run `pnpm i`.
+3. Create a `.env` file in this directory with the following content:
+  ```env
+  LOGTO_ENDPOINT=(replace with your Logto endpoint)
+  LOGTO_APP_ID=(replace with your Logto app ID)
+  ```
+1. Run `pnpm build`.
+2. Open Chrome and navigate to `chrome://extensions`, then enable Developer mode.
+3. Click on "Load unpacked" and select the `dist` directory in this repository.
+
+## Resources
+
+[![Website](https://img.shields.io/badge/website-logto.io-8262F8.svg)](https://logto.io/)
+[![Docs](https://img.shields.io/badge/docs-logto.io-green.svg)](https://docs.logto.io/)
+[![Discord](https://img.shields.io/discord/965845662535147551?logo=discord&logoColor=ffffff&color=7389D8&cacheSeconds=600)](https://discord.gg/UEPaF3j5e6)

packages/chrome-extension-sample/static/manifest.json

@@ -14,7 +14,7 @@
     "identity"
   ],
   "host_permissions": [
-    "https://*.logto.dev/*"
+    "https://*.logto.app/*"
   ],
   "action": {
     "default_popup": "index.html"

packages/chrome-extension/package.json

@@ -17,7 +17,7 @@
   },
   "scripts": {
     "precommit": "lint-staged",
-    "build": "tsc",
+    "build": "rm -rf lib && tsc",
     "lint": "eslint --ext .ts --ext .tsx src",
     "prepack": "pnpm build"
   },
@@ -43,5 +43,8 @@
   "eslintConfig": {
     "extends": "@silverhand/react"
   },
-  "prettier": "@silverhand/eslint-config/.prettierrc"
+  "prettier": "@silverhand/eslint-config/.prettierrc",
+  "publishConfig": {
+    "access": "public"
+  }
 }