Onboarding App

This example describes the configuration of an onboarding app for multiple platforms, such as GitHub and LinkedIn, X.

{
  "metadata": {
    "name": "Onboarding",
    "description": "Onboarding for the mutation",
    "image": {
      "ipfs_cid": "bafkreih235nlz4vricl2h5s3ti7fmwsrkqerrqhspcan7z2vzhh5ebjk7y"
    }
  },
  "$targets": [
    {
      "namespace": "${REPL_ACCOUNT}/parser/github-onboarding",
      "contextType": "body",
      "if": { "id": { "not": null, "index": true } },
      "injectTo": "end",
      "injectOnce": true,
      "componentId": "${REPL_ACCOUNT}/widget/Onboarding.Main"
    },
    {
      "namespace": "${REPL_ACCOUNT}/parser/linkedin-onboarding",
      "contextType": "body",
      "if": { "id": { "not": null, "index": true } },
      "injectTo": "end",
      "injectOnce": true,
      "componentId": "${REPL_ACCOUNT}/widget/Onboarding.Main"
    }
  ]
}

Explanation​

• metadata: Describes the onboarding app, including its name, description, and image.

• $targets: Defines where the app will be used:

• namespace specifies the platform (e.g., GitHub or LinkedIn).

• contextType specifies that the widget will be injected into the body of the page.

• injectTo and injectOnce control the injection of the component at the end of the element only once.

• componentId specifies the main component that will display the content.