@sanmid/flux 0.1.1 → 0.1.3

package/README.md

@@ -14,15 +14,7 @@ npm install @sanmid/flux -D
 
 Or: `pnpm add -D @sanmid/flux` · `yarn add -D @sanmid/flux`
 
-**Why another line?** Some tools document a single install line because everything ships inside the package. Flux declares **peer dependencies** — small shared libraries your app installs next to Flux (npm does not add peers automatically):
-
-```bash
-npm install lucide-react clsx tailwind-merge framer-motion
-```
-
-(`pnpm add …` / `yarn add …` with the same names.) You already have `react` and `react-dom` (18+) in a React app.
-
-**Peers:** `react`, `react-dom` (18+), `lucide-react`, `clsx`, `tailwind-merge`, `framer-motion`.
+Icons, `clsx`, `tailwind-merge`, and `framer-motion` are **dependencies of Flux** — you do not install them separately. You only need **`react` and `react-dom` (18+)** in your app (Flux lists them as peer dependencies so one React instance is shared with your UI).
 
 ---
 

package/SECURITY.md

@@ -16,7 +16,7 @@ Flux is a **client-side React library** that runs in the browser alongside your
 | **Clipboard** | Copy uses the browser **Clipboard API** / `execCommand('copy')` **after a user gesture** (e.g. clicking Copy). Prompt text reflects DOM and styles under the user’s control. |
 | **Storage** | Preview state may be persisted to **`localStorage`** (namespaced keys) so edits survive reloads during development. Treat stored data as **sensitive as your page content**; clear site data if needed. |
 | **DOM** | The editor injects UI (overlay, panel, drag layers) and may set temporary inline styles during drag/reposition. It applies preview CSS via a stylesheet; review `PreviewEngine` if you extend integration. |
-| **Dependencies** | Runtime deps are limited (see `package.json`). Run `pnpm audit` / `npm audit` in your app and keep peers updated. |
+| **Dependencies** | Runtime deps are limited (see `package.json`). Run `pnpm audit` / `npm audit` in your app and keep dependencies updated. |
 
 ## Production use
 

package/dist/index.d.ts

@@ -87,10 +87,9 @@ declare function getUniqueSelector(el: Element): string;
 declare function getDirectChildSelector(parent: Element, child: Element): string;
 /**
  * Selector used for {@link PreviewEngine} rules. Verifies each candidate with
- * `document.querySelector(sel) === el` so previews (e.g. background) hit the
- * intended node; @medv/finder can occasionally produce a selector that matches
- * a different element. Last resort: a temporary `data-flux-preview-target` id
- * on the element — call {@link removePreviewTargetAttribute} when deselecting.
+ * `querySelectorAll(sel).length === 1` and that node is `el`, so injected rules
+ * cannot hit multiple elements (e.g. all `button`s). Last resort: a temporary
+ * `data-flux-preview-target` id — call {@link removePreviewTargetAttribute} when deselecting.
  */
 declare function getReliableSelectorForPreview(el: Element): {
     selector: string;

package/dist/index.js

@@ -2578,9 +2578,10 @@ function getDirectChildSelector(parent, child) {
   return getUniqueSelector(child);
 }
 var PREVIEW_TARGET_ATTR = "data-flux-preview-target";
-function selectorMatchesElement(sel, el) {
+function selectorUniquelyTargetsElement(sel, el) {
   try {
-    return document.querySelector(sel) === el;
+    const all = document.querySelectorAll(sel);
+    return all.length === 1 && all[0] === el;
   } catch {
     return false;
   }
@@ -2605,7 +2606,7 @@ function getReliableSelectorForPreview(el) {
     push(getDirectChildSelector(p, el));
   }
   for (const s of candidates) {
-    if (selectorMatchesElement(s, el)) {
+    if (selectorUniquelyTargetsElement(s, el)) {
       return { selector: s, usedAttrFallback: false };
     }
   }