npm - mtrl-addons - Versions diffs - 0.2.2 → 0.2.3 - Mend

mtrl-addons 0.2.2 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/{src/components/index.ts → dist/components/index.d.ts} +0 -2
package/dist/components/vlist/config.d.ts +86 -0
package/{src/components/vlist/constants.ts → dist/components/vlist/constants.d.ts} +10 -11
package/dist/components/vlist/features/api.d.ts +7 -0
package/{src/components/vlist/features/index.ts → dist/components/vlist/features/index.d.ts} +0 -2
package/dist/components/vlist/features/selection.d.ts +6 -0
package/dist/components/vlist/features/viewport.d.ts +9 -0
package/dist/components/vlist/features.d.ts +31 -0
package/{src/components/vlist/index.ts → dist/components/vlist/index.d.ts} +1 -10
package/dist/components/vlist/types.d.ts +596 -0
package/dist/components/vlist/vlist.d.ts +29 -0
package/dist/core/compose/features/gestures/index.d.ts +86 -0
package/dist/core/compose/features/gestures/longpress.d.ts +85 -0
package/dist/core/compose/features/gestures/pan.d.ts +108 -0
package/dist/core/compose/features/gestures/pinch.d.ts +111 -0
package/dist/core/compose/features/gestures/rotate.d.ts +111 -0
package/dist/core/compose/features/gestures/swipe.d.ts +149 -0
package/dist/core/compose/features/gestures/tap.d.ts +79 -0
package/{src/core/compose/features/index.ts → dist/core/compose/features/index.d.ts} +1 -2
package/{src/core/compose/index.ts → dist/core/compose/index.d.ts} +2 -11
package/{src/core/gestures/index.ts → dist/core/gestures/index.d.ts} +1 -20
package/dist/core/gestures/longpress.d.ts +23 -0
package/dist/core/gestures/manager.d.ts +14 -0
package/dist/core/gestures/pan.d.ts +12 -0
package/dist/core/gestures/pinch.d.ts +14 -0
package/dist/core/gestures/rotate.d.ts +14 -0
package/dist/core/gestures/swipe.d.ts +20 -0
package/dist/core/gestures/tap.d.ts +12 -0
package/dist/core/gestures/types.d.ts +320 -0
package/dist/core/gestures/utils.d.ts +57 -0
package/dist/core/index.d.ts +13 -0
package/dist/core/layout/config.d.ts +33 -0
package/dist/core/layout/index.d.ts +51 -0
package/dist/core/layout/jsx.d.ts +65 -0
package/dist/core/layout/schema.d.ts +112 -0
package/dist/core/layout/types.d.ts +69 -0
package/dist/core/viewport/constants.d.ts +105 -0
package/dist/core/viewport/features/base.d.ts +14 -0
package/dist/core/viewport/features/collection.d.ts +41 -0
package/dist/core/viewport/features/events.d.ts +13 -0
package/{src/core/viewport/features/index.ts → dist/core/viewport/features/index.d.ts} +0 -7
package/dist/core/viewport/features/item-size.d.ts +30 -0
package/dist/core/viewport/features/loading.d.ts +34 -0
package/dist/core/viewport/features/momentum.d.ts +17 -0
package/dist/core/viewport/features/performance.d.ts +53 -0
package/dist/core/viewport/features/placeholders.d.ts +38 -0
package/dist/core/viewport/features/rendering.d.ts +16 -0
package/dist/core/viewport/features/scrollbar.d.ts +26 -0
package/dist/core/viewport/features/scrolling.d.ts +16 -0
package/dist/core/viewport/features/utils.d.ts +43 -0
package/dist/core/viewport/features/virtual.d.ts +18 -0
package/{src/core/viewport/index.ts → dist/core/viewport/index.d.ts} +1 -17
package/dist/core/viewport/types.d.ts +96 -0
package/dist/core/viewport/utils/speed-tracker.d.ts +22 -0
package/dist/core/viewport/viewport.d.ts +11 -0
package/{src/index.ts → dist/index.d.ts} +0 -4
package/dist/index.js +5143 -0
package/dist/index.mjs +5111 -0
package/dist/styles.css +254 -0
package/dist/styles.css.map +1 -0
package/package.json +5 -1
package/.cursorrules +0 -117
package/AI.md +0 -39
package/CLAUDE.md +0 -882
package/build.js +0 -377
package/scripts/analyze-orphaned-functions.ts +0 -387
package/scripts/debug/vlist-selection.ts +0 -121
package/src/components/vlist/config.ts +0 -323
package/src/components/vlist/features/api.ts +0 -626
package/src/components/vlist/features/selection.ts +0 -436
package/src/components/vlist/features/viewport.ts +0 -59
package/src/components/vlist/features.ts +0 -112
package/src/components/vlist/types.ts +0 -723
package/src/components/vlist/vlist.ts +0 -92
package/src/core/compose/features/gestures/index.ts +0 -227
package/src/core/compose/features/gestures/longpress.ts +0 -383
package/src/core/compose/features/gestures/pan.ts +0 -424
package/src/core/compose/features/gestures/pinch.ts +0 -475
package/src/core/compose/features/gestures/rotate.ts +0 -485
package/src/core/compose/features/gestures/swipe.ts +0 -492
package/src/core/compose/features/gestures/tap.ts +0 -334
package/src/core/gestures/longpress.ts +0 -68
package/src/core/gestures/manager.ts +0 -418
package/src/core/gestures/pan.ts +0 -48
package/src/core/gestures/pinch.ts +0 -58
package/src/core/gestures/rotate.ts +0 -58
package/src/core/gestures/swipe.ts +0 -66
package/src/core/gestures/tap.ts +0 -45
package/src/core/gestures/types.ts +0 -387
package/src/core/gestures/utils.ts +0 -128
package/src/core/index.ts +0 -43
package/src/core/layout/config.ts +0 -102
package/src/core/layout/index.ts +0 -168
package/src/core/layout/jsx.ts +0 -174
package/src/core/layout/schema.ts +0 -1044
package/src/core/layout/types.ts +0 -95
package/src/core/viewport/constants.ts +0 -145
package/src/core/viewport/features/base.ts +0 -73
package/src/core/viewport/features/collection.ts +0 -1182
package/src/core/viewport/features/events.ts +0 -130
package/src/core/viewport/features/item-size.ts +0 -271
package/src/core/viewport/features/loading.ts +0 -263
package/src/core/viewport/features/momentum.ts +0 -269
package/src/core/viewport/features/performance.ts +0 -161
package/src/core/viewport/features/placeholders.ts +0 -335
package/src/core/viewport/features/rendering.ts +0 -962
package/src/core/viewport/features/scrollbar.ts +0 -434
package/src/core/viewport/features/scrolling.ts +0 -634
package/src/core/viewport/features/utils.ts +0 -94
package/src/core/viewport/features/virtual.ts +0 -525
package/src/core/viewport/types.ts +0 -133
package/src/core/viewport/utils/speed-tracker.ts +0 -79
package/src/core/viewport/viewport.ts +0 -265
package/test/benchmarks/layout/advanced.test.ts +0 -656
package/test/benchmarks/layout/comparison.test.ts +0 -519
package/test/benchmarks/layout/performance-comparison.test.ts +0 -274
package/test/benchmarks/layout/real-components.test.ts +0 -733
package/test/benchmarks/layout/simple.test.ts +0 -321
package/test/benchmarks/layout/stress.test.ts +0 -990
package/test/collection/basic.test.ts +0 -304
package/test/components/vlist-selection.test.ts +0 -240
package/test/components/vlist.test.ts +0 -63
package/test/core/collection/adapter.test.ts +0 -161
package/test/core/collection/collection.test.ts +0 -394
package/test/core/layout/layout.test.ts +0 -201
package/test/utils/dom-helpers.ts +0 -275
package/test/utils/performance-helpers.ts +0 -392
package/tsconfig.json +0 -20

package/test/core/layout/layout.test.ts DELETED Viewed

@@ -1,201 +0,0 @@
-// test/core/layout/layout.test.ts
-import { describe, test, expect, beforeAll, afterAll } from "bun:test";
-import { JSDOM } from "jsdom";
-// Setup for DOM testing environment
-let dom: JSDOM;
-let window: Window;
-let document: Document;
-let originalGlobalDocument: any;
-let originalGlobalWindow: any;
-beforeAll(() => {
-  // Create JSDOM instance
-  dom = new JSDOM("<!DOCTYPE html><html><body></body></html>", {
-    url: "http://localhost/",
-    pretendToBeVisual: true,
-    resources: "usable",
-  });
-  window = dom.window as any;
-  document = window.document;
-  // Store original globals
-  originalGlobalDocument = global.document;
-  originalGlobalWindow = global.window;
-  // Set globals
-  global.document = document;
-  global.window = window as any;
-  global.Element = (window as any).Element;
-  global.HTMLElement = (window as any).HTMLElement;
-  global.DocumentFragment = (window as any).DocumentFragment;
-  // Add DOM APIs
-  global.getComputedStyle = () => ({
-    position: "static",
-    getPropertyValue: () => "",
-  });
-});
-afterAll(() => {
-  // Restore globals
-  global.document = originalGlobalDocument;
-  global.window = originalGlobalWindow;
-  window.close();
-});
-// Import after DOM setup
-import {
-  createLayout,
-  layout,
-  grid,
-  row,
-  stack,
-  template,
-  performance,
-  type LayoutResult,
-} from "../../../src/core/layout";
-describe("Layout System", () => {
-  test("should create a basic layout", () => {
-    const result = createLayout(["div", { class: "test" }]);
-    expect(result).toBeDefined();
-    expect(result.element).toBeDefined();
-    expect(result.get).toBeDefined();
-    expect(result.getAll).toBeDefined();
-    expect(result.destroy).toBeDefined();
-  });
-  test("should create a stack layout", () => {
-    const result = stack({ gap: "2rem" });
-    expect(result).toBeDefined();
-    expect(result.element).toBeDefined();
-  });
-  test("should create a grid layout", () => {
-    const result = grid(3, { gap: "1rem" });
-    expect(result).toBeDefined();
-    expect(result.element).toBeDefined();
-  });
-  test("should create a row layout", () => {
-    const result = row({ gap: "1rem" });
-    expect(result).toBeDefined();
-    expect(result.element).toBeDefined();
-  });
-  test("should create a template layout", () => {
-    const templateFn = (props: Record<string, any>) => [
-      "div",
-      { class: `template-${props.type}` },
-    ];
-    const result = template(templateFn, { type: "test" });
-    expect(result).toBeDefined();
-    expect(result.element).toBeDefined();
-  });
-  test("should provide performance utilities", () => {
-    expect(performance.clearCache).toBeDefined();
-    expect(performance.clearFragmentPool).toBeDefined();
-    expect(performance.clearAll).toBeDefined();
-    expect(performance.getStats).toBeDefined();
-    // Should not throw
-    performance.clearAll();
-    const stats = performance.getStats();
-    expect(stats).toBeDefined();
-  });
-  test("should handle array schema", () => {
-    const result = createLayout([
-      "div",
-      "container",
-      { class: "main" },
-      ["span", "child", { textContent: "Hello" }],
-    ]);
-    expect(result).toBeDefined();
-    expect(result.get("container")).toBeDefined();
-    expect(result.get("child")).toBeDefined();
-  });
-  test("should handle object schema", () => {
-    const result = createLayout({
-      element: {
-        creator: (opts: any) => {
-          const div = document.createElement("div");
-          if (opts.class) div.className = opts.class;
-          return div;
-        },
-        options: { class: "root" },
-        children: {
-          child: {
-            creator: (opts: any) => {
-              const span = document.createElement("span");
-              if (opts.textContent) span.textContent = opts.textContent;
-              return span;
-            },
-            options: { textContent: "Hello" },
-          },
-        },
-      },
-    });
-    expect(result).toBeDefined();
-    expect(result.get("child")).toBeDefined();
-  });
-  test("should handle layout destruction", () => {
-    const result = createLayout(["div", { class: "destroyable" }]);
-    expect(result.element).toBeDefined();
-    // Should not throw
-    result.destroy();
-  });
-  test("should handle named components", () => {
-    const result = createLayout([
-      "div",
-      "main",
-      { class: "container" },
-      ["span", "text", { textContent: "Content" }],
-    ]);
-    expect(result.get("main")).toBeDefined();
-    expect(result.get("text")).toBeDefined();
-    expect(result.get("nonexistent")).toBeNull();
-    const all = result.getAll();
-    expect(all.main).toBeDefined();
-    expect(all.text).toBeDefined();
-  });
-  test("should handle layout configurations", () => {
-    const result = createLayout([
-      "div",
-      {
-        layout: {
-          type: "grid",
-          columns: 3,
-          gap: "1rem",
-          align: "center",
-        },
-        layoutItem: {
-          span: 2,
-          width: 6,
-        },
-      },
-    ]);
-    expect(result).toBeDefined();
-    expect(result.element).toBeDefined();
-  });
-});

package/test/utils/dom-helpers.ts DELETED Viewed

@@ -1,275 +0,0 @@
-// test/utils/dom-helpers.ts - DOM Testing Utilities
-/**
- * Creates a test container element with scrolling capabilities
- * @param height - Height of the container (default: 400px)
- * @param width - Width of the container (default: 100%)
- * @returns HTMLElement configured for testing
- */
-export function createContainer(height = "400px", width = "100%"): HTMLElement {
-  const container = document.createElement("div");
-  container.style.height = height;
-  container.style.width = width;
-  container.style.overflow = "auto";
-  container.style.position = "relative";
-  container.className = "test-container";
-  document.body.appendChild(container);
-  return container;
-}
-/**
- * Cleans up a test container by removing it from DOM
- * @param container - Container to cleanup
- */
-export function cleanupContainer(container: HTMLElement): void {
-  if (container && container.parentNode) {
-    container.parentNode.removeChild(container);
-  }
-}
-/**
- * Simulates a scroll event on an element
- * @param element - Element to scroll
- * @param scrollTop - Scroll position
- * @param scrollLeft - Horizontal scroll position (optional)
- */
-export function simulateScroll(
-  element: HTMLElement,
-  scrollTop: number,
-  scrollLeft: number = 0
-): void {
-  element.scrollTop = scrollTop;
-  element.scrollLeft = scrollLeft;
-  const scrollEvent = new Event("scroll", {
-    bubbles: true,
-    cancelable: true,
-  });
-  element.dispatchEvent(scrollEvent);
-}
-/**
- * Simulates a resize event on an element
- * @param element - Element to resize
- * @param width - New width
- * @param height - New height
- */
-export function simulateResize(
-  element: HTMLElement,
-  width: number,
-  height: number
-): void {
-  element.style.width = `${width}px`;
-  element.style.height = `${height}px`;
-  const resizeEvent = new Event("resize", {
-    bubbles: true,
-    cancelable: true,
-  });
-  window.dispatchEvent(resizeEvent);
-}
-/**
- * Waits for the next animation frame
- * @returns Promise that resolves after requestAnimationFrame
- */
-export function waitForAnimationFrame(): Promise<void> {
-  return new Promise((resolve) => {
-    requestAnimationFrame(() => resolve());
-  });
-}
-/**
- * Waits for multiple animation frames
- * @param count - Number of frames to wait
- * @returns Promise that resolves after the specified frames
- */
-export function waitForAnimationFrames(count: number): Promise<void> {
-  return new Promise((resolve) => {
-    let remaining = count;
-    function frame() {
-      remaining--;
-      if (remaining <= 0) {
-        resolve();
-      } else {
-        requestAnimationFrame(frame);
-      }
-    }
-    requestAnimationFrame(frame);
-  });
-}
-/**
- * Waits for a specific amount of time
- * @param ms - Milliseconds to wait
- * @returns Promise that resolves after the timeout
- */
-export function waitFor(ms: number): Promise<void> {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-/**
- * Gets the computed style of an element
- * @param element - Element to get style for
- * @param property - CSS property to get
- * @returns The computed style value
- */
-export function getComputedStyleValue(
-  element: HTMLElement,
-  property: string
-): string {
-  return window.getComputedStyle(element).getPropertyValue(property);
-}
-/**
- * Checks if an element is visible in the viewport
- * @param element - Element to check
- * @param container - Container element (default: document.body)
- * @returns Whether the element is visible
- */
-export function isElementVisible(
-  element: HTMLElement,
-  container: HTMLElement = document.body
-): boolean {
-  const rect = element.getBoundingClientRect();
-  const containerRect = container.getBoundingClientRect();
-  return (
-    rect.top >= containerRect.top &&
-    rect.left >= containerRect.left &&
-    rect.bottom <= containerRect.bottom &&
-    rect.right <= containerRect.right
-  );
-}
-/**
- * Gets all elements within a visible range
- * @param container - Container element
- * @param selector - CSS selector for elements
- * @returns Array of visible elements
- */
-export function getVisibleElements(
-  container: HTMLElement,
-  selector: string = ".test-item"
-): HTMLElement[] {
-  const elements = Array.from(
-    container.querySelectorAll(selector)
-  ) as HTMLElement[];
-  return elements.filter((el) => isElementVisible(el, container));
-}
-/**
- * Simulates a mouse event on an element
- * @param element - Target element
- * @param type - Event type (click, mousedown, etc.)
- * @param options - Event options
- */
-export function simulateMouseEvent(
-  element: HTMLElement,
-  type: string,
-  options: Partial<MouseEventInit> = {}
-): void {
-  const event = new MouseEvent(type, {
-    bubbles: true,
-    cancelable: true,
-    ...options,
-  });
-  element.dispatchEvent(event);
-}
-/**
- * Simulates a touch event on an element
- * @param element - Target element
- * @param type - Event type (touchstart, touchmove, etc.)
- * @param touches - Touch points
- */
-export function simulateTouchEvent(
-  element: HTMLElement,
-  type: string,
-  touches: Touch[] = []
-): void {
-  const event = new TouchEvent(type, {
-    bubbles: true,
-    cancelable: true,
-    touches,
-  });
-  element.dispatchEvent(event);
-}
-/**
- * Creates a mock IntersectionObserver for testing
- * @param callback - Callback function
- * @returns Mock IntersectionObserver
- */
-export function createMockIntersectionObserver(
-  callback: IntersectionObserverCallback
-): any {
-  const observer = {
-    observe: () => {},
-    unobserve: () => {},
-    disconnect: () => {},
-    root: null,
-    rootMargin: "",
-    thresholds: [],
-    takeRecords: () => [],
-  };
-  // Store callback for manual triggering
-  (observer as any).callback = callback;
-  return observer;
-}
-/**
- * Triggers intersection observer callback manually
- * @param observer - Mock observer
- * @param entries - Intersection entries
- */
-export function triggerIntersectionObserver(
-  observer: any,
-  entries: IntersectionObserverEntry[]
-): void {
-  if (observer.callback) {
-    observer.callback(entries, observer);
-  }
-}
-/**
- * Creates a mock ResizeObserver for testing
- * @param callback - Callback function
- * @returns Mock ResizeObserver
- */
-export function createMockResizeObserver(
-  callback: ResizeObserverCallback
-): any {
-  const observer = {
-    observe: () => {},
-    unobserve: () => {},
-    disconnect: () => {},
-  };
-  // Store callback for manual triggering
-  (observer as any).callback = callback;
-  return observer;
-}
-/**
- * Triggers resize observer callback manually
- * @param observer - Mock observer
- * @param entries - Resize entries
- */
-export function triggerResizeObserver(
-  observer: any,
-  entries: ResizeObserverEntry[]
-): void {
-  if (observer.callback) {
-    observer.callback(entries, observer);
-  }
-}