@syntrologie/adapt-nav 2.16.0 → 2.17.0

package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.js

@@ -1,143 +0,0 @@
-import { getCssSelector } from 'css-selector-generator';
-const DEFAULT_OPTIONS = {
-    includeTag: true,
-    preferTestIds: true,
-    maxCombinations: 100,
-};
-/**
- * Generates a CSS selector for a given DOM element.
- * Uses css-selector-generator with settings optimized for:
- * - Stability (prefers IDs, data-testid, stable classes)
- * - Readability (includes tag names)
- * - Uniqueness (generates unique selectors)
- */
-export function generateSelector(element, options = {}) {
-    const opts = { ...DEFAULT_OPTIONS, ...options };
-    // Build selector types in priority order
-    const selectors = [];
-    // Always prioritize ID if available
-    selectors.push('id');
-    // Include data-testid and other stable attributes
-    if (opts.preferTestIds) {
-        selectors.push('attribute');
-    }
-    // Then class names (filtered to exclude dynamic ones)
-    selectors.push('class');
-    // Tag names for context
-    selectors.push('tag');
-    // Fallbacks for uniqueness
-    selectors.push('nthchild');
-    selectors.push('nthoftype');
-    try {
-        const selector = getCssSelector(element, {
-            selectors,
-            includeTag: opts.includeTag,
-            maxCombinations: opts.maxCombinations,
-            // Blacklist common dynamic class patterns
-            blacklist: [
-                // Dynamic class patterns
-                /^[a-z]+-[a-f0-9]{5,}$/i, // hash-based classes like "css-1abc23"
-                /^_[a-zA-Z0-9]+$/, // CSS module classes like "_1abc23"
-                /^svelte-[a-z0-9]+$/i, // Svelte scoped classes
-                /^vue-[a-z0-9]+$/i, // Vue scoped classes
-                /^emotion-[0-9]+$/, // Emotion CSS-in-JS
-                /^sc-[a-zA-Z]+$/, // styled-components
-                // State classes that may change
-                /^(is-|has-|js-)/,
-                /^(active|selected|focused|disabled|hidden|visible)$/,
-                // Animation/transition classes
-                /^(fade|slide|animate)/,
-                /-(enter|leave|active)(-active|-done)?$/,
-            ],
-            // Whitelist stable attribute selectors
-            whitelist: [
-                /^data-testid$/,
-                /^data-cy$/,
-                /^data-test$/,
-                /^data-qa$/,
-                /^aria-label$/,
-                /^role$/,
-                /^name$/,
-                /^type$/,
-                /^href$/,
-            ],
-        });
-        return selector;
-    }
-    catch (error) {
-        console.warn('[SelectorGenerator] Failed to generate selector:', error);
-        // Fallback: try simpler approach
-        return generateFallbackSelector(element);
-    }
-}
-/**
- * Fallback selector generation when the library fails.
- * Creates a path-based selector from the element to the body.
- */
-function generateFallbackSelector(element) {
-    const path = [];
-    let current = element;
-    while (current && current !== document.body && current !== document.documentElement) {
-        let selector = current.tagName.toLowerCase();
-        // Add ID if present
-        if (current.id) {
-            selector = `#${CSS.escape(current.id)}`;
-            path.unshift(selector);
-            break; // ID is unique enough
-        }
-        // Add nth-child for specificity
-        const parent = current.parentElement;
-        if (parent) {
-            const siblings = Array.from(parent.children);
-            const index = siblings.indexOf(current) + 1;
-            selector += `:nth-child(${index})`;
-        }
-        path.unshift(selector);
-        current = parent;
-    }
-    return path.join(' > ');
-}
-/**
- * Validates that a selector correctly targets the expected element.
- */
-export function validateSelector(selector, expectedElement) {
-    try {
-        const matched = document.querySelector(selector);
-        return matched === expectedElement;
-    }
-    catch {
-        return false;
-    }
-}
-/**
- * Gets a human-readable description of an element for UI display.
- */
-export function getElementDescription(element) {
-    const tag = element.tagName.toLowerCase();
-    const id = element.id ? `#${element.id}` : '';
-    const classes = element.className && typeof element.className === 'string'
-        ? `.${element.className
-            .split(' ')
-            .filter((c) => c && !isDynamicClass(c))
-            .slice(0, 2)
-            .join('.')}`
-        : '';
-    // Get text content preview
-    const text = element.textContent?.trim().slice(0, 30) || '';
-    const textPreview = text ? ` "${text}${text.length >= 30 ? '...' : ''}"` : '';
-    return `${tag}${id}${classes}${textPreview}`.trim();
-}
-/**
- * Checks if a class name appears to be dynamically generated.
- */
-function isDynamicClass(className) {
-    const dynamicPatterns = [
-        /^[a-z]+-[a-f0-9]{5,}$/i,
-        /^_[a-zA-Z0-9]+$/,
-        /^svelte-[a-z0-9]+$/i,
-        /^vue-[a-z0-9]+$/i,
-        /^emotion-[0-9]+$/,
-        /^sc-[a-zA-Z]+$/,
-    ];
-    return dynamicPatterns.some((pattern) => pattern.test(className));
-}

package/node_modules/@syntrologie/shared-editor-ui/package.json

@@ -1,55 +0,0 @@
-{
-  "name": "@syntrologie/shared-editor-ui",
-  "version": "0.0.0-semantically-released",
-  "description": "Shared UI components for adaptive editor panels",
-  "license": "Proprietary",
-  "private": true,
-  "type": "module",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
-  "exports": {
-    ".": {
-      "types": "./src/index.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./lit-elements": {
-      "types": "./src/lit-elements.ts",
-      "import": "./src/lit-elements.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc",
-    "typecheck": "tsc --noEmit",
-    "clean": "rm -rf dist",
-    "test": "vitest run",
-    "test:watch": "vitest"
-  },
-  "dependencies": {
-    "@syntro/design-system": "*",
-    "css-selector-generator": "3.8.0",
-    "lit": "3.3.2"
-  },
-  "peerDependencies": {
-    "lucide-react": ">=0.400.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "devDependencies": {
-    "@open-wc/testing": "4.0.0",
-    "@open-wc/testing-helpers": "3.0.1",
-    "@testing-library/dom": "10.4.1",
-    "@testing-library/react": "16.3.2",
-    "@types/react": "19.2.14",
-    "@types/react-dom": "19.2.3",
-    "jsdom": "26.1.0",
-    "lucide-react": "0.576.0",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
-    "typescript": "5.9.3",
-    "vitest": "4.0.18"
-  }
-}