svelte-ag 0.0.2-dev.84 → 1.0.4

package/dist/lib/bits/internal/floating-svelte/use-floating.svelte.d.ts

@@ -1,3 +1,3 @@
-import type { UseFloatingOptions, UseFloatingReturn } from "./types.js";
+import type { UseFloatingOptions, UseFloatingReturn } from './types.js';
 export declare function useFloating(options: UseFloatingOptions): UseFloatingReturn;
 //# sourceMappingURL=use-floating.svelte.d.ts.map

package/dist/lib/bits/internal/floating-svelte/use-floating.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/bits/internal/floating-svelte/use-floating.svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGxE,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,iBAAiB,CA+H1E"}
+{"version":3,"file":"use-floating.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/bits/internal/floating-svelte/use-floating.svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGxE,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,iBAAiB,CA6H1E"}

package/dist/lib/bits/internal/floating-svelte/use-floating.svelte.js

@@ -1,28 +1,30 @@
-import { computePosition } from "@floating-ui/dom";
-import { box } from "svelte-toolbelt";
-import { get, getDPR, roundByDPR } from "./floating-utils.svelte.js";
+import { computePosition } from '@floating-ui/dom';
+import { box } from 'svelte-toolbelt';
+import { get, getDPR, roundByDPR } from './floating-utils.svelte.js';
 export function useFloating(options) {
     /** Options */
     const whileElementsMountedOption = options.whileElementsMounted;
     const openOption = $derived(get(options.open) ?? true);
     const middlewareOption = $derived(get(options.middleware));
     const transformOption = $derived(get(options.transform) ?? true);
-    const placementOption = $derived(get(options.placement) ?? "bottom");
-    const strategyOption = $derived(get(options.strategy) ?? "absolute");
+    const placementOption = $derived(get(options.placement) ?? 'bottom');
+    const strategyOption = $derived(get(options.strategy) ?? 'absolute');
     const reference = options.reference;
     /** State */
     let x = $state(0);
     let y = $state(0);
     const floating = box(null);
+    // svelte-ignore state_referenced_locally
     let strategy = $state(strategyOption);
+    // svelte-ignore state_referenced_locally
     let placement = $state(placementOption);
     let middlewareData = $state({});
     let isPositioned = $state(false);
     const floatingStyles = $derived.by(() => {
         const initialStyles = {
             position: strategy,
-            left: "0",
-            top: "0",
+            left: '0',
+            top: '0'
         };
         if (!floating.current) {
             return initialStyles;
@@ -34,14 +36,14 @@ export function useFloating(options) {
                 ...initialStyles,
                 transform: `translate(${xVal}px, ${yVal}px)`,
                 ...(getDPR(floating.current) >= 1.5 && {
-                    willChange: "transform",
-                }),
+                    willChange: 'transform'
+                })
             };
         }
         return {
             position: strategy,
             left: `${xVal}px`,
-            top: `${yVal}px`,
+            top: `${yVal}px`
         };
     });
     /** Effects */
@@ -52,7 +54,7 @@ export function useFloating(options) {
         computePosition(reference.current, floating.current, {
             middleware: middlewareOption,
             placement: placementOption,
-            strategy: strategyOption,
+            strategy: strategyOption
         }).then((position) => {
             x = position.x;
             y = position.y;
@@ -63,7 +65,7 @@ export function useFloating(options) {
         });
     }
     function cleanup() {
-        if (typeof whileElementsMountedCleanup === "function") {
+        if (typeof whileElementsMountedCleanup === 'function') {
             whileElementsMountedCleanup();
             whileElementsMountedCleanup = undefined;
         }
@@ -107,6 +109,6 @@ export function useFloating(options) {
         },
         get update() {
             return update;
-        },
+        }
     };
 }

package/dist/lib/vite/vite-plugin-component-source-collector.d.ts

@@ -11,6 +11,10 @@ interface Options {
      */
     include?: RegExp | RegExp[];
     run: boolean;
+    /**
+     * node_modules packages that can be added to the component list
+     */
+    safePackages: string[];
 }
 export default function componentSourceCollector(opts?: Options): Plugin;
 export {};

package/dist/lib/vite/vite-plugin-component-source-collector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin-component-source-collector.d.ts","sourceRoot":"","sources":["../../../src/lib/vite/vite-plugin-component-source-collector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAkB,MAAM,MAAM,CAAC;AAInD,UAAU,OAAO;IACf;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE5B,GAAG,EAAE,OAAO,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,IAAI,GAAE,OAAuB,GAAG,MAAM,CA8GtF"}
+{"version":3,"file":"vite-plugin-component-source-collector.d.ts","sourceRoot":"","sources":["../../../src/lib/vite/vite-plugin-component-source-collector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAkB,MAAM,MAAM,CAAC;AAInD,UAAU,OAAO;IACf;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE5B,GAAG,EAAE,OAAO,CAAC;IAEb;;OAEG;IACH,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,IAAI,GAAE,OAAyC,GAAG,MAAM,CA8GxG"}

package/dist/lib/vite/vite-plugin-component-source-collector.js

@@ -1,6 +1,6 @@
 import { writeIfDifferent } from 'ts-ag';
 import path from 'path';
-export default function componentSourceCollector(opts = { run: true }) {
+export default function componentSourceCollector(opts = { run: true, safePackages: [] }) {
     if (opts.run === false)
         return { name: 'disabled' };
     const outFile = opts.outputFile ?? 'component-sources.css';
@@ -34,7 +34,7 @@ export default function componentSourceCollector(opts = { run: true }) {
     const classRegex = /class(?:=|:)/;
     const importRegex = /@import\s+['"]([^'"]+)['"]/g;
     function shouldAdd(fileName) {
-        return !/\.pnpm|.vite/.test(fileName);
+        return !/\.pnpm|.vite/.test(fileName) || opts.safePackages.some((p) => fileName.includes(`node_modules/${p}`));
     }
     /** ---- plugin ----------------------------------------------------------- */
     return {
@@ -46,7 +46,7 @@ export default function componentSourceCollector(opts = { run: true }) {
             console.log('tailwind-sources:configResolved', config.command);
         },
         buildStart() {
-            console.log('tailwind-sources:buildStart');
+            console.log('tailwind-sources:buildStart', componentFiles);
             // componentFiles.clear();
         },
         async transform(code, id) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svelte-ag",
   "description": "Useful svelte components",
-  "version": "0.0.2-dev.84",
+  "version": "1.0.4",
   "author": "Alexander Hornung",
   "bugs": "https://github.com/ageorgeh/svelte-ag/issues",
   "dependencies": {
@@ -25,7 +25,7 @@
     "radash": "12.1.1",
     "devalue": "5.1.1",
     "bottleneck": "2.19.5",
-    "ts-ag": "0.0.1-dev.3"
+    "ts-ag": "1.0.4"
   },
   "peerDependencies": {
     "svelte": "^5.28.2",
@@ -92,6 +92,8 @@
     "svelte:sync": "svelte-kit sync",
     "publish:local": "pnpm version prerelease --preid dev --no-git-tag-version && pnpm publish --registry http://localhost:4873 --tag dev --access public --no-git-checks --json > ./publishLocal.json",
     "publish:prerelease": "pnpm publish --tag dev --access public --no-git-checks --registry=https://registry.npmjs.org/ --json > ./publish.json",
-    "version:prerelease": "pnpm version prerelease --preid dev --no-git-tag-version"
+    "version:prerelease": "pnpm version prerelease --preid dev --no-git-tag-version",
+    "run-publish": "pnpm publish --access public --no-git-checks --registry=https://registry.npmjs.org/ --json > ./publish.json",
+    "run-version": "pnpm version patch --no-git-tag-version"
   }
 }

package/src/lib/bits/internal/floating-svelte/use-floating.svelte.ts

@@ -1,133 +1,131 @@
-import { computePosition } from "@floating-ui/dom";
-import { box } from "svelte-toolbelt";
-import type { UseFloatingOptions, UseFloatingReturn } from "./types.js";
-import { get, getDPR, roundByDPR } from "./floating-utils.svelte.js";
+import { computePosition } from '@floating-ui/dom';
+import { box } from 'svelte-toolbelt';
+import type { UseFloatingOptions, UseFloatingReturn } from './types.js';
+import { get, getDPR, roundByDPR } from './floating-utils.svelte.js';
 
 export function useFloating(options: UseFloatingOptions): UseFloatingReturn {
-	/** Options */
-	const whileElementsMountedOption = options.whileElementsMounted;
-	const openOption = $derived(get(options.open) ?? true);
-	const middlewareOption = $derived(get(options.middleware));
-	const transformOption = $derived(get(options.transform) ?? true);
-	const placementOption = $derived(get(options.placement) ?? "bottom");
-	const strategyOption = $derived(get(options.strategy) ?? "absolute");
-	const reference = options.reference;
-
-	/** State */
-	let x = $state(0);
-	let y = $state(0);
-
-	const floating = box<HTMLElement | null>(null);
-
-	let strategy = $state(strategyOption);
-	let placement = $state(placementOption);
-	let middlewareData = $state({});
-	let isPositioned = $state(false);
-	const floatingStyles = $derived.by(() => {
-		const initialStyles = {
-			position: strategy,
-			left: "0",
-			top: "0",
-		};
-
-		if (!floating.current) {
-			return initialStyles;
-		}
-
-		const xVal = roundByDPR(floating.current, x);
-		const yVal = roundByDPR(floating.current, y);
-
-		if (transformOption) {
-			return {
-				...initialStyles,
-				transform: `translate(${xVal}px, ${yVal}px)`,
-				...(getDPR(floating.current) >= 1.5 && {
-					willChange: "transform",
-				}),
-			};
-		}
-
-		return {
-			position: strategy,
-			left: `${xVal}px`,
-			top: `${yVal}px`,
-		};
-	});
-
-	/** Effects */
-	let whileElementsMountedCleanup: (() => void) | undefined;
-
-	function update() {
-		if (reference.current === null || floating.current === null) return;
-		computePosition(reference.current, floating.current, {
-			middleware: middlewareOption,
-			placement: placementOption,
-			strategy: strategyOption,
-		}).then((position) => {
-			x = position.x;
-			y = position.y;
-			strategy = position.strategy;
-			placement = position.placement;
-			middlewareData = position.middlewareData;
-			isPositioned = true;
-		});
-	}
-
-	function cleanup() {
-		if (typeof whileElementsMountedCleanup === "function") {
-			whileElementsMountedCleanup();
-			whileElementsMountedCleanup = undefined;
-		}
-	}
-
-	function attach() {
-		cleanup();
-
-		if (whileElementsMountedOption === undefined) {
-			update();
-			return;
-		}
-
-		if (reference.current === null || floating.current === null) return;
-
-		whileElementsMountedCleanup = whileElementsMountedOption(
-			reference.current,
-			floating.current,
-			update
-		);
-	}
-
-	function reset() {
-		if (!openOption) {
-			isPositioned = false;
-		}
-	}
-
-	$effect(update);
-	$effect(attach);
-	$effect(reset);
-	$effect(() => cleanup);
-
-	return {
-		floating,
-		reference,
-		get strategy() {
-			return strategy;
-		},
-		get placement() {
-			return placement;
-		},
-		get middlewareData() {
-			return middlewareData;
-		},
-		get isPositioned() {
-			return isPositioned;
-		},
-		get floatingStyles() {
-			return floatingStyles;
-		},
-		get update() {
-			return update;
-		},
-	};
+  /** Options */
+  const whileElementsMountedOption = options.whileElementsMounted;
+  const openOption = $derived(get(options.open) ?? true);
+  const middlewareOption = $derived(get(options.middleware));
+  const transformOption = $derived(get(options.transform) ?? true);
+  const placementOption = $derived(get(options.placement) ?? 'bottom');
+  const strategyOption = $derived(get(options.strategy) ?? 'absolute');
+  const reference = options.reference;
+
+  /** State */
+  let x = $state(0);
+  let y = $state(0);
+
+  const floating = box<HTMLElement | null>(null);
+
+  // svelte-ignore state_referenced_locally
+  let strategy = $state(strategyOption);
+  // svelte-ignore state_referenced_locally
+  let placement = $state(placementOption);
+  let middlewareData = $state({});
+  let isPositioned = $state(false);
+  const floatingStyles = $derived.by(() => {
+    const initialStyles = {
+      position: strategy,
+      left: '0',
+      top: '0'
+    };
+
+    if (!floating.current) {
+      return initialStyles;
+    }
+
+    const xVal = roundByDPR(floating.current, x);
+    const yVal = roundByDPR(floating.current, y);
+
+    if (transformOption) {
+      return {
+        ...initialStyles,
+        transform: `translate(${xVal}px, ${yVal}px)`,
+        ...(getDPR(floating.current) >= 1.5 && {
+          willChange: 'transform'
+        })
+      };
+    }
+
+    return {
+      position: strategy,
+      left: `${xVal}px`,
+      top: `${yVal}px`
+    };
+  });
+
+  /** Effects */
+  let whileElementsMountedCleanup: (() => void) | undefined;
+
+  function update() {
+    if (reference.current === null || floating.current === null) return;
+    computePosition(reference.current, floating.current, {
+      middleware: middlewareOption,
+      placement: placementOption,
+      strategy: strategyOption
+    }).then((position) => {
+      x = position.x;
+      y = position.y;
+      strategy = position.strategy;
+      placement = position.placement;
+      middlewareData = position.middlewareData;
+      isPositioned = true;
+    });
+  }
+
+  function cleanup() {
+    if (typeof whileElementsMountedCleanup === 'function') {
+      whileElementsMountedCleanup();
+      whileElementsMountedCleanup = undefined;
+    }
+  }
+
+  function attach() {
+    cleanup();
+
+    if (whileElementsMountedOption === undefined) {
+      update();
+      return;
+    }
+
+    if (reference.current === null || floating.current === null) return;
+
+    whileElementsMountedCleanup = whileElementsMountedOption(reference.current, floating.current, update);
+  }
+
+  function reset() {
+    if (!openOption) {
+      isPositioned = false;
+    }
+  }
+
+  $effect(update);
+  $effect(attach);
+  $effect(reset);
+  $effect(() => cleanup);
+
+  return {
+    floating,
+    reference,
+    get strategy() {
+      return strategy;
+    },
+    get placement() {
+      return placement;
+    },
+    get middlewareData() {
+      return middlewareData;
+    },
+    get isPositioned() {
+      return isPositioned;
+    },
+    get floatingStyles() {
+      return floatingStyles;
+    },
+    get update() {
+      return update;
+    }
+  };
 }

package/src/lib/vite/vite-plugin-component-source-collector.ts

@@ -15,9 +15,14 @@ interface Options {
   include?: RegExp | RegExp[];
 
   run: boolean;
+
+  /**
+   * node_modules packages that can be added to the component list
+   */
+  safePackages: string[];
 }
 
-export default function componentSourceCollector(opts: Options = { run: true }): Plugin {
+export default function componentSourceCollector(opts: Options = { run: true, safePackages: [] }): Plugin {
   if (opts.run === false) return { name: 'disabled' };
 
   const outFile = opts.outputFile ?? 'component-sources.css';
@@ -57,7 +62,7 @@ export default function componentSourceCollector(opts: Options = { run: true }):
   const importRegex = /@import\s+['"]([^'"]+)['"]/g;
 
   function shouldAdd(fileName: string) {
-    return !/\.pnpm|.vite/.test(fileName);
+    return !/\.pnpm|.vite/.test(fileName) || opts.safePackages.some((p) => fileName.includes(`node_modules/${p}`));
   }
 
   /** ---- plugin ----------------------------------------------------------- */
@@ -73,7 +78,7 @@ export default function componentSourceCollector(opts: Options = { run: true }):
     },
 
     buildStart() {
-      console.log('tailwind-sources:buildStart');
+      console.log('tailwind-sources:buildStart', componentFiles);
       // componentFiles.clear();
     },