Nx monorepo implementation

[JakubMatyka]

I would like to try out Plasmo inside my monorepo built with Nx. It's not a straightforward process. Have anyone ever did that? Could you share how you did it?

[ciekawy]

did you have any success with this @JakubMatyka?

[everythinginjs]

Hey @JakubMatyka @ciekawy, I am also looking for this have you had any success?

[andefred]

I guess I should spend some time to create a plasmo NX plugin if there isn't one. Should be straight forward (famous last words 😂)

[jeffreyschultz]

I have integrated Plasmo with Nx. It's just a matter of having the appropriate tsconfig.xyz.json and package.json structure.

I have the base tsconfig.json, tsconfig.lib.json, and tsconfig.spec.json, and adding a tsconfig.plasmo.json file with the Plasmo config, and referencing it from within the tsconfig.json.

This package.json config overrides the build action from Nx and turns control over to Plasmo. Make sure that any export description is removed from the file because it was causing issues with Parcel packaging where it couldn't find 'types'.

package.json

{
  "name": "extension",
  "version": "0.0.1",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "plasmo build",
  },
  "dependencies": {
    "common": "workspace:*"
  },
  "nx": {
    "sourceRoot": "extension/src",
    "projectType": "library",
    "targets": {
      "build": {
        "inputs": ["production", "^production"],
        "outputs": ["{projectRoot}/build/output"],
        "dependsOn": ["^build"]
      },
      "test": {
        "inputs": ["default", "^production"],
        "outputs": [],
        "dependsOn": ["build"]
      }
    }
  },
  "manifest": {
    "key": "<key>",
    "host_permissions": [
      "*://*/*"
    ],
    "externally_connectable": {
      "matches": ["*://*/*"]
    },
    "permissions": [
      "nativeMessaging",
      "activeTab",
      "scripting"
    ]
  }
}