anentrypoint-design 0.0.30 → 0.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/highlight.js

@@ -1,60 +1,18 @@
 import { register } from './debug.js';
 
-const PRISM_BASE = 'https://cdn.jsdelivr.net/npm/prismjs@1.30.0';
-const LANGS = ['markup', 'css', 'clike', 'javascript', 'jsx', 'tsx', 'typescript', 'json', 'bash', 'python'];
-let _prism = null;
-let _stats = { highlights: 0, errors: 0 };
+let _stats = { highlights: 0 };
 
-function injectScript(src) {
-    return new Promise((resolve, reject) => {
-        const s = document.createElement('script');
-        s.src = src; s.async = false;
-        s.onload = () => resolve();
-        s.onerror = () => reject(new Error('script failed: ' + src));
-        document.head.appendChild(s);
-    });
-}
-
-let _loadPromise = null;
 export function ensurePrism() {
-    if (_prism) return Promise.resolve(_prism);
-    if (_loadPromise) return _loadPromise;
-    _loadPromise = (async () => {
-        if (!window.Prism) {
-            window.Prism = window.Prism || { manual: true, disableWorkerMessageHandler: true };
-            await injectScript(PRISM_BASE + '/prism.min.js');
-        }
-        for (const lang of LANGS) {
-            const has = window.Prism && window.Prism.languages && window.Prism.languages[lang];
-            if (has) continue;
-            try { await injectScript(`${PRISM_BASE}/components/prism-${lang}.min.js`); }
-            catch { _stats.errors += 1; }
-        }
-        _prism = window.Prism;
-        return _prism;
-    })();
-    return _loadPromise;
+    return Promise.resolve(null);
 }
 
 export async function highlightElement(el) {
-    const prism = await ensurePrism();
-    if (!el) return;
-    prism.highlightElement(el);
     _stats.highlights += 1;
 }
 
 export async function highlightAllUnder(root) {
-    const prism = await ensurePrism();
     const els = (root || document).querySelectorAll('pre code[class*="lang-"], pre code[class*="language-"]');
-    els.forEach((el) => {
-        const cls = el.className;
-        if (/lang-(\w+)/.test(cls) && !/language-/.test(cls)) {
-            const m = cls.match(/lang-(\w+)/);
-            if (m) el.classList.add('language-' + m[1]);
-        }
-        prism.highlightElement(el);
-        _stats.highlights += 1;
-    });
+    _stats.highlights += els.length;
 }
 
-register('highlight', () => ({ loaded: !!_prism, langs: _prism ? Object.keys(_prism.languages || {}) : [], ...(_stats) }));
+register('highlight', () => ({ loaded: false, ...(_stats) }));

package/src/motion.js

@@ -1,122 +1,22 @@
-const ANIMATE_CSS_ID = 'animate-style-cdn';
-const ANIMATE_CSS_HREF = 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css';
-const MOTION_STYLE_ID = 'ds-247420-motion';
-
 function hasDom() {
     return typeof document !== 'undefined';
 }
 
 export function shouldReduceMotion() {
-    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return false;
-    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    return true;
 }
 
 export function installMotion() {
-    if (!hasDom()) return;
-
-    if (!document.getElementById(ANIMATE_CSS_ID)) {
-        const link = document.createElement('link');
-        link.id = ANIMATE_CSS_ID;
-        link.rel = 'stylesheet';
-        link.href = ANIMATE_CSS_HREF;
-        document.head.appendChild(link);
-    }
-
-    if (!document.getElementById(MOTION_STYLE_ID)) {
-        const style = document.createElement('style');
-        style.id = MOTION_STYLE_ID;
-        style.textContent = `
-:root {
-  --motion-fast: 220ms;
-  --motion-base: 420ms;
-  --motion-slow: 720ms;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .animate__animated {
-    animation-duration: 1ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 1ms !important;
-  }
-}
-`.trim();
-        document.head.appendChild(style);
-    }
 }
 
-export function animateElement(el, name, {
-    duration = null,
-    delay = null,
-    speedClass = '',
-    repeat = null,
-    cleanup = true
-} = {}) {
-    if (!el || !name || shouldReduceMotion()) return Promise.resolve(false);
-
-    const classes = ['animate__animated', `animate__${name}`];
-    if (speedClass) classes.push(`animate__${speedClass}`);
-
-    el.classList.remove(...classes);
-    void el.offsetWidth;
-    el.classList.add(...classes);
-
-    if (duration) el.style.setProperty('--animate-duration', duration);
-    if (delay) el.style.setProperty('--animate-delay', delay);
-    if (repeat != null) el.style.setProperty('--animate-repeat', String(repeat));
-
-    return new Promise((resolve) => {
-        const onEnd = () => {
-            if (cleanup) {
-                el.classList.remove(...classes);
-            }
-            if (duration) el.style.removeProperty('--animate-duration');
-            if (delay) el.style.removeProperty('--animate-delay');
-            if (repeat != null) el.style.removeProperty('--animate-repeat');
-            resolve(true);
-        };
-        el.addEventListener('animationend', onEnd, { once: true });
-    });
+export function animateElement(el, name, opts = {}) {
+    return Promise.resolve(false);
 }
 
 export function animateSelector(selector, name, opts = {}) {
-    if (!hasDom()) return Promise.resolve(false);
-    const el = document.querySelector(selector);
-    return animateElement(el, name, opts);
-}
-
-function defaultEffectFor(el) {
-    const tag = String(el.tagName || '').toLowerCase();
-    if (tag === 'aside') return 'fadeInLeft';
-    if (tag === 'header') return 'fadeInDown';
-    if (tag === 'footer') return 'fadeInUp';
-    if (tag === 'main' || tag === 'section' || tag === 'article') return 'fadeIn';
-    if (tag === 'a' || tag === 'button' || tag === 'input' || tag === 'textarea' || tag === 'select') return 'fadeInUp';
-    return 'fadeIn';
+    return Promise.resolve(false);
 }
 
-export function animateTree(root, {
-    selector = '*',
-    baseDelayMs = 14,
-    duration = 'var(--motion-base)'
-} = {}) {
-    if (!hasDom() || !root || shouldReduceMotion()) return 0;
-
-    const nodes = Array.from(root.querySelectorAll(selector));
-    let animated = 0;
-
-    nodes.forEach((el) => {
-        if (!el || !el.classList) return;
-        if (el.matches('script,style,link,meta,title')) return;
-        if (el.hasAttribute('data-no-motion')) return;
-        if (el.dataset.motionApplied === '1') return;
-
-        const effect = el.dataset.motionEffect || defaultEffectFor(el);
-        el.classList.add('animate__animated', `animate__${effect}`);
-        el.style.setProperty('--animate-duration', duration);
-        el.style.setProperty('--animate-delay', `${animated * baseDelayMs}ms`);
-        el.dataset.motionApplied = '1';
-        animated += 1;
-    });
-
-    return animated;
+export function animateTree(root, opts = {}) {
+    return 0;
 }