Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

wasm support at background script. #1448

Open
5 tasks done
Trojanking123 opened this issue Feb 18, 2025 · 2 comments
Open
5 tasks done

wasm support at background script. #1448

Trojanking123 opened this issue Feb 18, 2025 · 2 comments
Labels
pending-triage Someone (usually a maintainer) needs to look into this to see if it's a bug

Comments

@Trojanking123
Copy link

Describe the bug

i am trying to use photon(a wasm image pkg by rust) at my extsion. i got this error Module format "iife" does not support top-level await. Use the "es" or "system" output formats rather.
my wxt version 0.19.27
"@silvia-odwyer/photon": "^0.3.2",

i tried so many ways to solve this problem with helping from AI(cursor the editor), but they all failed.

so is there a way i can resovle this problem ?

here is my wxt config

import {defineConfig} from 'wxt';
import react from '@vitejs/plugin-react';
import wasm from "vite-plugin-wasm";
import topLevelAwait from "vite-plugin-top-level-await";

// See https://wxt.dev/api/config.html
export default defineConfig({
    manifest: {
        permissions: ["activeTab", "scripting", "sidePanel", "storage", "tabs",  "contextMenus", "downloads"],
        action: {},
        name: '__MSG_extName__',
        description: '__MSG_extDescription__',
        default_locale: "en",
        content_security_policy: {
            extension_pages: "script-src 'self' 'wasm-unsafe-eval' http://localhost:3000; object-src 'self';",
            sandbox: "script-src 'self' 'unsafe-inline' 'unsafe-eval' http://localhost:3000; sandbox allow-scripts allow-forms allow-popups allow-modals; child-src 'self';"
          },
    },
    vite: () => ({
        plugins: [react(), wasm(), topLevelAwait({
            // The export name of top-level await promise for each chunk module
            promiseExportName: "__tla",
            // The function to generate import names of top-level await promise in each chunk module
            promiseImportName: i => `__tla_${i}`
        })],
    }),
});

Reproduction

imgarc.zip

Steps to reproduce

run npm run dev

System Info

WXT 0.19.27                                                                                                                               15:41:06
✔ Started dev server @ http://localhost:3000                                                                                             15:41:08
ℹ Pre-rendering chrome-mv3 for development with Vite 6.0.8                                                                               15:41:08
x Build failed in 1.03s

 ERROR  Module format "iife" does not support top-level await. Use the "es" or "system" output formats rather.                            15:41:10
file: F:/selfcode/imgarc/node_modules/.pnpm/@[email protected]/node_modules/@silvia-odwyer/photon/photon_rs_bg.wasm

    file: F:/selfcode/imgarc/node_modules/.pnpm/@[email protected]/node_modules/@silvia-odwyer/photon/photon_rs_bg.wasm
    at getRollupError (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/parseAst.js:397:41)
    at error (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/parseAst.js:393:42)
    at Module.render (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:16916:20)
    at Chunk.renderModules (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:18668:41)
    at Chunk.render (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:18150:111)
    at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:19845:72
    at Array.map (<anonymous>)
    at renderChunks (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:19845:53)
    at Bundle.generate (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:20108:19)
    at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:22805:27
    at catchUnfinishedHookActions (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:22187:16)
    at buildEnvironment (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/vite/dist/node/chunks/dep-Beq30MX9.js:50941:16)
    at Object.build (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/builders/vite/index.mjs:268:22)
    at buildEntrypoints (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/utils/building/build-entrypoints.mjs:15:18)
    at rebuild (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/utils/building/rebuild.mjs:15:21)
    at internalBuild (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/utils/building/internal-build.mjs:43:32)
    at buildAndOpenBrowser (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/create-server.mjs:119:28)
    at Object.start (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/create-server.mjs:75:7)
    at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/cli/commands.mjs:32:5
    at CAC.<anonymous> (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/cli/cli-utils.mjs:17:22)
    at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/cli/index.mjs:11:1

✖ Command failed after 4.488 s                                                                                                           15:41:10

 ERROR  Failed to build background                                                                                                        15:41:10

    at buildEntrypoints (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/utils/building/build-entrypoints.mjs:19:13)
    at rebuild (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/utils/building/rebuild.mjs:15:21)
    at internalBuild (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/utils/building/internal-build.mjs:43:32)
    at buildAndOpenBrowser (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/create-server.mjs:119:28)
    at Object.start (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/create-server.mjs:75:7)
    at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/cli/commands.mjs:32:5
    at CAC.<anonymous> (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/cli/cli-utils.mjs:17:22)
    at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/cli/index.mjs:11:1

  [cause]: Module format "iife" does not support top-level await. Use the "es" or "system" output formats rather.
file: F:/selfcode/imgarc/node_modules/.pnpm/@[email protected]/node_modules/@silvia-odwyer/photon/photon_rs_bg.wasm

      file: F:/selfcode/imgarc/node_modules/.pnpm/@[email protected]/node_modules/@silvia-odwyer/photon/photon_rs_bg.wasm
      at getRollupError (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/parseAst.js:397:41)
      at error (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/parseAst.js:393:42)
      at Module.render (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:16916:20)
      at Chunk.renderModules (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:18668:41)
      at Chunk.render (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:18150:111)
      at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:19845:72
      at Array.map (<anonymous>)
      at renderChunks (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:19845:53)
      at Bundle.generate (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:20108:19)
      at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:22805:27
      at catchUnfinishedHookActions (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:22187:16)
      at buildEnvironment (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/vite/dist/node/chunks/dep-Beq30MX9.js:50941:16)
      at Object.build (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/builders/vite/index.mjs:268:22)
      at buildEntrypoints (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/utils/building/build-entrypoints.mjs:15:18)
      at rebuild (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/utils/building/rebuild.mjs:15:21)
      at internalBuild (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/utils/building/internal-build.mjs:43:32)
      at buildAndOpenBrowser (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/create-server.mjs:119:28)
      at Object.start (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/core/create-server.mjs:75:7)
      at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/cli/commands.mjs:32:5
      at CAC.<anonymous> (/F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/cli/cli-utils.mjs:17:22)
      at /F:/selfcode/imgarc/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/wxt/dist/cli/index.mjs:11:1

 ELIFECYCLE  Command failed with exit code 1.

Used Package Manager

npm

Validations
@Trojanking123 Trojanking123 added the pending-triage Someone (usually a maintainer) needs to look into this to see if it's a bug label Feb 18, 2025
@aiktb
Copy link
Contributor

aiktb commented Feb 18, 2025

Try this https://wxt.dev/api/reference/wxt/interfaces/BackgroundDefinition.html#type

@aklinker1
Copy link
Collaborator

Cursor tangent

Yeah, cursor ain't gonna help you with WXT unless you give it context. WXT is new enough it's not in most training sets.

WXT hosts some knowledge files containing the whole docs, not sure if you can load them into cursor automatically somehow. ~200k tokens FYI

https://wxt.dev/guide/resources/faq.html#is-there-an-llm-trained-on-wxt-s-docs-that-i-chat-with

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
pending-triage Someone (usually a maintainer) needs to look into this to see if it's a bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@aklinker1 @Trojanking123 @aiktb