Merge pull request #3661 from logto-io/gao-add-spa-as-dependency

refactor(core): add single-page apps as dependencies

.changeset/config.json

@@ -9,10 +9,7 @@
     "@logto/cli",
     "@logto/create"
   ]],
-  "linked": [[
-    "@logto/phrases",
-    "@logto/phrases-ui"
-  ]],
+  "linked": [],
   "//": "END OF CAUTION",
   "access": "restricted",
   "baseBranch": "master",

.pnpmfile.cjs

@@ -1,5 +1,6 @@
 // See https://pnpm.io/pnpmfile
 const fs = require('node:fs/promises');
+const path = require('node:path');
 
 // Types are inspected and edited from https://github.com/pnpm/pnpm/blob/ef6c22e129dc3d76998cee33647b70a66d1f36bf/hooks/pnpmfile/src/requireHooks.ts
 /**
@@ -27,7 +28,10 @@ const hooks = { readPackage: async (pkg) => {
   }
 
   // Apply connector's `package.json` to the template
-  const result = JSON.parse(await fs.readFile('packages/connectors/templates/package.json', 'utf8'));
+  const result = JSON.parse(
+    // Use `__dirname` since the `pnpm i` command may be executed in nested workspace directories
+    await fs.readFile(path.join(__dirname, 'packages/connectors/templates/package.json'), 'utf8')
+  );
   for (const [key, value] of Object.entries(pkg)) {
     if (key === '$schema') {
       continue;

packages/console/package.json

@@ -7,6 +7,7 @@
   "license": "MPL-2.0",
   "type": "module",
   "private": true,
+  "files": ["dist"],
   "scripts": {
     "precommit": "lint-staged",
     "start": "parcel src/index.html",

packages/core/package.json

@@ -30,12 +30,15 @@
     "@logto/app-insights": "workspace:^",
     "@logto/cli": "workspace:^",
     "@logto/connector-kit": "workspace:^",
+    "@logto/console": "workspace:*",
     "@logto/core-kit": "workspace:^",
+    "@logto/demo-app": "workspace:*",
     "@logto/language-kit": "workspace:^",
     "@logto/phrases": "workspace:^",
     "@logto/phrases-ui": "workspace:^",
     "@logto/schemas": "workspace:^",
     "@logto/shared": "workspace:^",
+    "@logto/ui": "workspace:*",
     "@silverhand/essentials": "^2.5.0",
     "aws-sdk": "^2.1329.0",
     "chalk": "^5.0.0",

packages/core/src/middleware/koa-spa-proxy.ts

@@ -16,7 +16,7 @@ export default function koaSpaProxy<StateT, ContextT extends IRouterParamContext
 ): MiddlewareType<StateT, ContextT, ResponseBodyT> {
   type Middleware = MiddlewareType<StateT, ContextT, ResponseBodyT>;
 
-  const distributionPath = path.join('..', packagePath, 'dist');
+  const distributionPath = path.join('node_modules/@logto', packagePath, 'dist');
 
   const spaProxy: Middleware = EnvSet.values.isProduction
     ? serveStatic(distributionPath)

packages/demo-app/package.json

@@ -5,6 +5,7 @@
   "author": "Silverhand Inc. <contact@silverhand.io>",
   "license": "MPL-2.0",
   "private": true,
+  "files": ["dist"],
   "scripts": {
     "precommit": "lint-staged",
     "start": "parcel src/index.html",

packages/ui/package.json

@@ -4,6 +4,7 @@
   "license": "MPL-2.0",
   "type": "module",
   "private": true,
+  "files": ["dist"],
   "scripts": {
     "precommit": "lint-staged",
     "start": "parcel src/index.html",

pnpm-lock.yaml

@@ -3017,9 +3017,15 @@ importers:
       '@logto/connector-kit':
         specifier: workspace:^
         version: link:../toolkit/connector-kit
+      '@logto/console':
+        specifier: workspace:*
+        version: link:../console
       '@logto/core-kit':
         specifier: workspace:^
         version: link:../toolkit/core-kit
+      '@logto/demo-app':
+        specifier: workspace:*
+        version: link:../demo-app
       '@logto/language-kit':
         specifier: workspace:^
         version: link:../toolkit/language-kit
@@ -3035,6 +3041,9 @@ importers:
       '@logto/shared':
         specifier: workspace:^
         version: link:../shared
+      '@logto/ui':
+        specifier: workspace:*
+        version: link:../ui
       '@silverhand/essentials':
         specifier: ^2.5.0
         version: 2.5.0