Avi Comments - Answer Overflow

Topics

Avi

Explore posts from servers

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

KPCKevin Powell - Community

•Created by clevermissfox on 9/22/2024 in #back-end

resources for server side auth

I think he was looking for an example tutorial that follows best practices I'm currently working on a Chrome extension project where I introduce authentication and user management via Firebase and yet this is the first time I'm attempting this There will be lots of steps before going to production, including consulting Firebase expert(s), but it would be very nice if I could just find a tutorial thus follows the best practices from the get go

16 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

No description

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(...);

or

<!-- 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

•Created by Execade on 3/8/2023 in #🔰newbie

captureVisibleTab()

Can you make a repo to demonstrate a POC?

74 replies

PD🧩 Plasmo Developers

•Created by Execade on 3/8/2023 in #🔰newbie

captureVisibleTab()

You will have to invoke the ext in one of the 4 aforementioned ways to take the screenshot

74 replies

PD🧩 Plasmo Developers

•Created by Execade on 3/8/2023 in #🔰newbie

captureVisibleTab()

To my understanding, according to the screenshot I shared, you cannot work around it; it's a limitation in the API

74 replies

PD🧩 Plasmo Developers

•Created by Execade on 3/8/2023 in #🔰newbie

captureVisibleTab()

No description

74 replies

PD🧩 Plasmo Developers

•Created by Execade on 3/8/2023 in #🔰newbie

captureVisibleTab()

I'll admit that I haven't actually tried, I typed it on my phone and assumed it works 😅

74 replies

PD🧩 Plasmo Developers

•Created by Execade on 3/8/2023 in #🔰newbie

captureVisibleTab()

This question is from 2016, might not be applicable to Manifest V3

74 replies