Base64Png Chrome Extension Content Script

contentscript.ts

import { startExtension } from "@kogito-tooling/chrome-extension";

// String replaced by Webpack using the 'string-replace-loader'
const resourcesPathPrefix = "$_{WEBPACK_REPLACE__targetOrigin}";

startExtension({
  name: "Kogito Base64 PNG React Editor",
  extensionIconUrl: chrome.extension.getURL("/resources/kie-icon.png"),
  githubAuthTokenCookieName: "github-oauth-token-base64-editors",
  editorEnvelopeLocator: {
    targetOrigin: window.location.origin,
    mapping: new Map([
      [
        "base64png",
        {
          resourcesPathPrefix: `${resourcesPathPrefix}/dist/`,
          envelopePath: `${resourcesPathPrefix}/dist/envelope/index.html`,
        },
      ],
    ]),
  },
});