@wix/zero-config-implementation 1.46.0 → 1.48.0

package/package.json

@@ -4,7 +4,7 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "version": "1.46.0",
+  "version": "1.48.0",
   "description": "Core library for extracting component manifests from JS and CSS files",
   "type": "module",
   "main": "dist/index.js",
@@ -48,6 +48,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^10.2.0",
+    "happy-dom": "^20.4.0",
     "@types/css-tree": "^2.3.11",
     "@types/node": "^20.0.0",
     "@types/react": "^18.3.1",
@@ -64,7 +65,7 @@
     "tsconfck": "^3.1.6",
     "typedoc": "^0.28.16",
     "typedoc-plugin-markdown": "^4.9.0",
-    "vite": "^7.3.1",
+    "vite": "^7.3.2",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.17"
   },
@@ -84,5 +85,5 @@
       ]
     }
   },
-  "falconPackageHash": "9f4aa3db6c672e0f49191ce43b8bf9de7c884e07c4765eef9a0ed3e7"
+  "falconPackageHash": "8fd0a1265e02ba71d5ed24fddbddbf66183b17ff76ac71ce067af6c6"
 }

package/src/converters/to-editor-component.ts

@@ -104,6 +104,7 @@ function buildElements(
       inlineElement: {
         selector: buildSelector(element),
         displayName: formatDisplayName(element.name),
+        behaviors: { removable: true, selectable: false },
         // Add data from inner element props if available
         ...(data && Object.keys(data).length > 0 && { data }),
         // CSS properties from heuristic + matched CSS files

package/src/module-loader.ts

@@ -1,6 +1,9 @@
 import { createRequire } from 'node:module'
+import { Window } from 'happy-dom'
 import { ResultAsync, errAsync, okAsync } from 'neverthrow'
+import React from 'react'
 import type { ComponentType } from 'react'
+import ReactDOM from 'react-dom'
 
 /**
  * Structured failure from `loadModule` when both ESM import and CJS require fail.
@@ -13,6 +16,24 @@ export interface LoadModuleFailure {
   cjsError: Error
 }
 
+function setupWindowGlobals(): void {
+  const globals = globalThis as Record<string, unknown>
+
+  if (globals.window === undefined) {
+    const happyWindow = new Window()
+    globals.window = happyWindow
+    globals.document = happyWindow.document
+    globals.HTMLElement = happyWindow.HTMLElement
+    globals.customElements = happyWindow.customElements
+  }
+
+  const windowObj = globals.window as Record<string, unknown>
+  if (globals.React === undefined) globals.React = React
+  if (globals.ReactDOM === undefined) globals.ReactDOM = ReactDOM
+  if (windowObj.React === undefined) windowObj.React = React
+  if (windowObj.ReactDOM === undefined) windowObj.ReactDOM = ReactDOM
+}
+
 /**
  * Attempts to load a module, first via ESM `import()`, then via CJS `require`.
  *
@@ -31,6 +52,7 @@ export function loadModule(entryPath: string): ResultAsync<Record<string, unknow
     return errAsync({ esmError: null, cjsError: new Error('No compiled entry path provided') })
   }
 
+  setupWindowGlobals()
   return ResultAsync.fromPromise(
     import(entryPath) as Promise<Record<string, unknown>>,
     (esmErr): Error => (esmErr instanceof Error ? esmErr : new Error(String(esmErr))),