fix: svelte 4 module resolution (#650)

* fix: get svelte4 working

* fix: svelte 4 module resolution

cli/create-plasmo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-plasmo",
-  "version": "0.77.4",
+  "version": "0.77.5",
   "description": "Create Plasmo Framework Browser Extension",
   "main": "dist/index.js",
   "bin": "bin/index.mjs",

cli/plasmo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plasmo",
-  "version": "0.77.4",
+  "version": "0.77.5",
   "description": "The Plasmo Framework CLI",
   "publishConfig": {
     "types": "dist/type.d.ts"

core/parcel-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmohq/parcel-config",
-  "version": "0.38.2",
+  "version": "0.38.3",
   "license": "MIT",
   "repository": {
     "type": "git",

core/parcel-resolver-post/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmohq/parcel-resolver-post",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Plasmo Parcel Resolver Post-processing",
   "files": [
     "dist"

core/parcel-resolver-post/src/handle-hacks.ts

@@ -0,0 +1,34 @@
+// These are hack resolvers to get over some module resolution issues, with a PR to fix them upstream.
+
+import { dirname, join } from "path"
+
+import type { ResolverProps, ResolverResult } from "./shared"
+
+// Last resort resolver for weird packages:
+export async function handleHacks({
+  specifier,
+  dependency
+}: ResolverProps): Promise<ResolverResult> {
+  switch (specifier) {
+    case "svelte/internal/disclose-version": {
+      // https://github.com/sveltejs/svelte/pull/8874
+      const sveltePjPath = require.resolve("svelte/package.json", {
+        paths: [dependency.resolveFrom]
+      })
+
+      return {
+        filePath: join(
+          dirname(sveltePjPath),
+          "src",
+          "runtime",
+          "internal",
+          "disclose-version",
+          "index.js"
+        )
+      }
+    }
+
+    default:
+      return null
+  }
+}

core/parcel-resolver-post/src/handle-module-exports.ts

@@ -1,6 +1,6 @@
 import type { ResolverProps, ResolverResult } from "./shared"
 
-const knownEsmPackageSet = new Set(["firebase-admin"])
+const knownEsmPackageSet = new Set(["firebase-admin", "svelte"])
 
 // Last resort resolver for weird packages:
 export async function handleModuleExport({

core/parcel-resolver-post/src/index.ts

@@ -1,12 +1,16 @@
 import { Resolver } from "@parcel/plugin"
 
+import { handleHacks } from "./handle-hacks"
 import { handleModuleExport } from "./handle-module-exports"
 import { handleTsPath } from "./handle-ts-path"
 
 export default new Resolver({
   async resolve(props) {
     return (
-      (await handleTsPath(props)) || (await handleModuleExport(props)) || null
+      (await handleTsPath(props)) ||
+      (await handleModuleExport(props)) ||
+      (await handleHacks(props)) ||
+      null
     )
   }
 })

core/parcel-transformer-svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmohq/parcel-transformer-svelte",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Plasmo Parcel Transformer for Svelte",
   "files": [
     "dist"
@@ -26,7 +26,7 @@
     "tsup": "7.1.0"
   },
   "dependencies": {
-    "svelte": "4.0.0",
+    "svelte": "4.0.1",
     "@parcel/core": "2.9.3",
     "@parcel/diagnostic": "2.9.3",
     "@parcel/plugin": "2.9.3",

core/parcel-transformer-svelte/src/index.ts

@@ -17,7 +17,12 @@ import { extendSourceMap } from "./source-map"
 export default new Transformer({
   async loadConfig({ config, options }) {
     const conf = await config.getConfig(
-      [".svelterc", "svelte.config.js", "svelte.config.cjs"],
+      [
+        ".svelterc",
+        "svelte.config.js",
+        "svelte.config.cjs",
+        "svelte.config.mjs"
+      ],
       {
         packageKey: "svelte"
       }