Avi Comments - Answer Overflow

Avi

Explore posts from servers

KPCKevin Powell - Community PD🧩 Plasmo Developers TTCTheo's Typesafe Cult

Posts Comments

PD🧩 Plasmo Developers

•Created by Kurohyou on 11/7/2024 in #🔰newbie

SWC not resolving

@lab know the culprit?

5 replies

PD🧩 Plasmo Developers

•Created by Avi on 9/21/2024 in #🔰newbie

Adding alias

So far the only solution I found is

{
  "compilerOptions": {
    "baseUrl": ".",
    "types": ["node", "svelte", "chrome"],
    "module": "None",
    "target": "ESNext",
    "verbatimModuleSyntax": false,
    "esModuleInterop": true,
    "paths": {
      "~*": ["./src/*"] // removed ~~*
    },
    "resolveJsonModule": true
  },
  "extends": "plasmo/templates/tsconfig.base",
  "exclude": ["node_modules"],
  "include": [".plasmo/index.d.ts", "./**/*.ts", "./**/*.svelte"],
  "references": [
    {
      "path": "../types-lib"
    }
  ]
}

{
  "compilerOptions": {
    "baseUrl": ".",
    "types": ["node", "svelte", "chrome"],
    "module": "None",
    "target": "ESNext",
    "verbatimModuleSyntax": false,
    "esModuleInterop": true,
    "paths": {
      "~*": ["./src/*"] // removed ~~*
    },
    "resolveJsonModule": true
  },
  "extends": "plasmo/templates/tsconfig.base",
  "exclude": ["node_modules"],
  "include": [".plasmo/index.d.ts", "./**/*.ts", "./**/*.svelte"],
  "references": [
    {
      "path": "../types-lib"
    }
  ]
}

<script lang="ts">
  import { RelationshipMode } from "../../../../../types-lib/src/types-matchmaking";
  // ..
</script>

<script lang="ts">
  import { RelationshipMode } from "../../../../../types-lib/src/types-matchmaking";
  // ..
</script>

6 replies

PD🧩 Plasmo Developers

•Created by Avi on 9/21/2024 in #🔰newbie

Adding alias

6 replies

PD🧩 Plasmo Developers

•Created by mov ecx, 420 on 8/7/2024 in #👾extension

Registering a content message from a library

by "directly" it's like with normal TypeScript where it just copies the function snippets into your script by "indirectly" you're creating a separated script and the concept can be used regardless of Plasmo

14 replies

PD🧩 Plasmo Developers

•Created by mov ecx, 420 on 8/7/2024 in #👾extension

Registering a content message from a library

Let me introduce a slight correction: Chrome's MV3 only allows you to define a single script as the background script Plasmo lets you import the rest of the scripts directly or indirectly Directly:

// some-script.ts
export function someFunc() {...}

// some-script.ts
export function someFunc() {...}

// background.ts
import { someFunc } from "~scripts/some-script";

// background.ts
import { someFunc } from "~scripts/some-script";

Indirectly:

// webworker.ts
function someWork() {...}
someWork();

// webworker.ts
function someWork() {...}
someWork();

// background.ts
import pathWorker from "url:~webworker.ts";

const worker = new Worker(pathWorker);
worker.addEventListener("message", () => {...});
worker.postMessage(...);

// background.ts
import pathWorker from "url:~webworker.ts";

const worker = new Worker(pathWorker);
worker.addEventListener("message", () => {...});
worker.postMessage(...);

<!-- offscreen.html -->
<script src="offscreen.ts" type="module"></script>

<!-- offscreen.html -->
<script src="offscreen.ts" type="module"></script>

// offscreen.ts
chrome.runtime.onConnect.addListener(async port => {
  // ...
});

// offscreen.ts
chrome.runtime.onConnect.addListener(async port => {
  // ...
});

// background.ts
import pathOffset from "raw:~offscreen.html";

// register OffscreenDocument

// background.ts
import pathOffset from "raw:~offscreen.html";

// register OffscreenDocument

14 replies

PD🧩 Plasmo Developers

•Created by mov ecx, 420 on 8/7/2024 in #👾extension

Registering a content message from a library

It's good to package your Fetch call in a function but sometimes it's better to duplicate the code so it's easier to debug

14 replies

PD🧩 Plasmo Developers

•Created by mov ecx, 420 on 8/7/2024 in #👾extension

Registering a content message from a library

So you have two choices: seek a module in NPM or make one yourself

14 replies

PD🧩 Plasmo Developers

•Created by mov ecx, 420 on 8/7/2024 in #👾extension

Registering a content message from a library

Why not just use Fetch? Often it's better to just use the native solution, this way if you get an error the call stack is clear

14 replies

PD🧩 Plasmo Developers

•Created by evan on 10/29/2023 in #👟framework

CSUI main world on Firefox MV2 (Unexpected property "world" for scripting.registerContentScripts)

I'll have to figure out a workaround for YTTM as well 😅

56 replies

PD🧩 Plasmo Developers

•Created by evan on 10/29/2023 in #👟framework

CSUI main world on Firefox MV2 (Unexpected property "world" for scripting.registerContentScripts)

IKR 😬

56 replies

PD🧩 Plasmo Developers

•Created by evan on 10/29/2023 in #👟framework

CSUI main world on Firefox MV2 (Unexpected property "world" for scripting.registerContentScripts)

Solved it https://discord.com/channels/946290204443025438/946290204904390690/1271922798704590948

56 replies

PD🧩 Plasmo Developers

•Created by evan on 10/29/2023 in #👟framework

CSUI main world on Firefox MV2 (Unexpected property "world" for scripting.registerContentScripts)

BTW, now I need help with using https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/scripting/RegisteredContentScript 😂

56 replies

PD🧩 Plasmo Developers

•Created by evan on 10/29/2023 in #👟framework

CSUI main world on Firefox MV2 (Unexpected property "world" for scripting.registerContentScripts)

Soon enough you might need a workaround https://mspoweruser.com/youtube-testing-untrackable-ads-to-bypass-ad-blockers-server-side-ad-injection/

56 replies

PD🧩 Plasmo Developers

•Created by blackawn on 7/3/2024 in #👟framework

Build config

@blackawn I mean you can do

if (process.env.NODE_ENV === "development") {
  console.log(...)
}

if (process.env.NODE_ENV === "development") {
  console.log(...)
}

4 replies

PD🧩 Plasmo Developers