solid-tiny-utils 0.2.0 → 0.4.0

package/dist/fn/create-loop-exec.js

@@ -1,13 +1,14 @@
 import {
   createLoopExec
-} from "../chunk-WY5G2PJM.js";
-import "../chunk-ZZNAXGNU.js";
+} from "../chunk-BGLY6NJK.js";
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-33ZRZ4S2.js";
-import "../chunk-RRYFZNKE.js";
-import "../chunk-WLQ64SAO.js";
+import "../chunk-OECLQ3OT.js";
+import "../chunk-PBALVUKK.js";
+import "../chunk-PNR5G432.js";
+import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
+import "../chunk-KFWZFQMB.js";
 export {
   createLoopExec
 };

package/dist/fn/create-throttle.d.ts

@@ -0,0 +1,6 @@
+import { MaybeAccessor } from '../types/maybe.js';
+import 'solid-js';
+
+declare function createThrottle<Args extends unknown[]>(callback: (...args: Args) => void, delay: MaybeAccessor<number>): (...args: Args) => void;
+
+export { createThrottle };

package/dist/fn/create-throttle.js

@@ -0,0 +1,14 @@
+import {
+  createThrottle
+} from "../chunk-BGLY6NJK.js";
+import "../chunk-M5A3VVYI.js";
+import "../chunk-4L6FK7MF.js";
+import "../chunk-OECLQ3OT.js";
+import "../chunk-PBALVUKK.js";
+import "../chunk-PNR5G432.js";
+import "../chunk-CSAKXWF3.js";
+import "../chunk-ZGYORUAX.js";
+import "../chunk-KFWZFQMB.js";
+export {
+  createThrottle
+};

package/dist/fn/index.d.ts

@@ -1,5 +1,6 @@
 export { createDebounce } from './create-debounce.js';
 export { createLoopExec } from './create-loop-exec.js';
+export { createThrottle } from './create-throttle.js';
 import '../types/maybe.js';
 import 'solid-js';
 

package/dist/fn/index.js

@@ -1,21 +1,20 @@
 import {
+  createDebounce,
+  createLoopExec,
+  createThrottle,
   noop
-} from "../chunk-2BGAGVTR.js";
-import {
-  createDebounce
-} from "../chunk-H6VUVMSF.js";
-import {
-  createLoopExec
-} from "../chunk-WY5G2PJM.js";
-import "../chunk-ZZNAXGNU.js";
+} from "../chunk-BGLY6NJK.js";
 import "../chunk-M5A3VVYI.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-33ZRZ4S2.js";
-import "../chunk-RRYFZNKE.js";
-import "../chunk-WLQ64SAO.js";
+import "../chunk-OECLQ3OT.js";
+import "../chunk-PBALVUKK.js";
+import "../chunk-PNR5G432.js";
+import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
+import "../chunk-KFWZFQMB.js";
 export {
   createDebounce,
   createLoopExec,
+  createThrottle,
   noop
 };

package/dist/index.d.ts

@@ -1,12 +1,20 @@
 export { mountStyle } from './dom/css.js';
 export { createClickOutside } from './event/create-click-outside.js';
+export { createEventListener } from './event/create-event-listener.js';
+export { DocumentEventName, GeneralEventListener, WindowEventName, makeEventListener } from './event/make-event-listener.js';
 export { noop } from './fn/index.js';
-export { iterate, list, range } from './lodash/array.js';
+export { dataIf } from './jsx/attrs.js';
+export { clearArray, iterate, list, range } from './lodash/array.js';
+export { sleep } from './lodash/async.js';
 export { isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol } from './lodash/is.js';
 export { draw, random, shuffle, uid } from './lodash/random.js';
+export { camel, capitalize, dash, pascal, snake, template, title, trim } from './lodash/str.js';
 export { access } from './reactive/access.js';
+export { createDebouncedWatch } from './reactive/create-debounce-watch.js';
 export { createWatch } from './reactive/create-watch.js';
+export { AnyFn, Fn } from './types/fn.js';
 export { MaybeAccessor, MaybeArray, MaybePromise } from './types/maybe.js';
 export { createDebounce } from './fn/create-debounce.js';
 export { createLoopExec } from './fn/create-loop-exec.js';
+export { createThrottle } from './fn/create-throttle.js';
 import 'solid-js';

package/dist/index.js

@@ -1,41 +1,60 @@
-import "./chunk-2BUPSB7O.js";
+import "./chunk-SK6Y2YH6.js";
 import "./chunk-EZML2DEC.js";
+import "./chunk-AZAXMGEB.js";
+import "./chunk-YXRZ2KMJ.js";
+import {
+  dataIf
+} from "./chunk-II6INKPZ.js";
 import "./chunk-FFBJP5FE.js";
 import {
   mountStyle
 } from "./chunk-KVG6TCSE.js";
-import "./chunk-M53KPXWR.js";
+import "./chunk-B6TZK2S5.js";
 import {
   createClickOutside
-} from "./chunk-YJB637I2.js";
+} from "./chunk-HPKVQC7S.js";
 import {
-  noop
-} from "./chunk-2BGAGVTR.js";
+  createEventListener
+} from "./chunk-KLRTXD4R.js";
 import {
-  createDebounce
-} from "./chunk-H6VUVMSF.js";
+  makeEventListener
+} from "./chunk-OUAI75QC.js";
 import {
-  createLoopExec
-} from "./chunk-WY5G2PJM.js";
-import "./chunk-ZZNAXGNU.js";
+  createDebounce,
+  createDebouncedWatch,
+  createLoopExec,
+  createThrottle,
+  noop
+} from "./chunk-BGLY6NJK.js";
 import {
   access
 } from "./chunk-M5A3VVYI.js";
 import {
   createWatch
 } from "./chunk-4L6FK7MF.js";
-import "./chunk-33ZRZ4S2.js";
+import "./chunk-OECLQ3OT.js";
 import {
   draw,
   random,
   shuffle,
   uid
-} from "./chunk-RRYFZNKE.js";
+} from "./chunk-PBALVUKK.js";
+import {
+  camel,
+  capitalize,
+  dash,
+  pascal,
+  snake,
+  template,
+  title,
+  trim
+} from "./chunk-PNR5G432.js";
 import {
+  clearArray,
   iterate,
   list,
   range
-} from "./chunk-WLQ64SAO.js";
+} from "./chunk-CSAKXWF3.js";
 import {
   isArray,
   isClient,
@@ -51,12 +70,23 @@ import {
   isString,
   isSymbol
 } from "./chunk-ZGYORUAX.js";
+import {
+  sleep
+} from "./chunk-KFWZFQMB.js";
 export {
   access,
+  camel,
+  capitalize,
+  clearArray,
   createClickOutside,
   createDebounce,
+  createDebouncedWatch,
+  createEventListener,
   createLoopExec,
+  createThrottle,
   createWatch,
+  dash,
+  dataIf,
   draw,
   isArray,
   isClient,
@@ -73,10 +103,17 @@ export {
   isSymbol,
   iterate,
   list,
+  makeEventListener,
   mountStyle,
   noop,
+  pascal,
   random,
   range,
   shuffle,
+  sleep,
+  snake,
+  template,
+  title,
+  trim,
   uid
 };

package/dist/jsx/attrs.d.ts

@@ -0,0 +1,22 @@
+/**
+ * return '' if show is true
+ *
+ * suitable when you want to conditionally apply data attributes
+ *
+ * @example
+ *
+ * ```tsx
+ *
+ * function MyComponent(props:{size:'small'|'medium'|'large'}) {
+ *   return <div
+ *            data-size-small={dataIf(props.size === 'small')}
+ *            data-size-medium={dataIf(props.size === 'medium')}
+ *            data-size-large={dataIf(props.size === 'large')}
+ *            >Hello</div>;
+ * }
+ *
+ * ```
+ */
+declare function dataIf(show: boolean): "" | undefined;
+
+export { dataIf };

package/dist/jsx/attrs.js

@@ -0,0 +1,6 @@
+import {
+  dataIf
+} from "../chunk-II6INKPZ.js";
+export {
+  dataIf
+};

package/dist/jsx/index.d.ts

@@ -0,0 +1 @@
+export { dataIf } from './attrs.js';

package/dist/jsx/index.js

@@ -0,0 +1,7 @@
+import "../chunk-YXRZ2KMJ.js";
+import {
+  dataIf
+} from "../chunk-II6INKPZ.js";
+export {
+  dataIf
+};

package/dist/lodash/array.d.ts

@@ -38,5 +38,9 @@ declare function range<T = number>(startOrLength: number, end?: number, valueOrM
  * list(0, 6, i => i, 2)    // 0, 2, 4, 6
  */
 declare const list: <T = number>(startOrLength: number, end?: number, valueOrMapper?: T | ((i: number) => T), step?: number) => T[];
+/**
+ * set arr.length to 0
+ */
+declare function clearArray<T>(arr: T[]): void;
 
-export { iterate, list, range };
+export { clearArray, iterate, list, range };

package/dist/lodash/array.js

@@ -1,10 +1,12 @@
 import {
+  clearArray,
   iterate,
   list,
   range
-} from "../chunk-WLQ64SAO.js";
+} from "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
 export {
+  clearArray,
   iterate,
   list,
   range

package/dist/lodash/async.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Async wait
+ */
+declare const sleep: (milliseconds: number) => Promise<unknown>;
+
+export { sleep };

package/dist/lodash/async.js

@@ -0,0 +1,6 @@
+import {
+  sleep
+} from "../chunk-KFWZFQMB.js";
+export {
+  sleep
+};

package/dist/lodash/index.d.ts

@@ -1,3 +1,5 @@
-export { iterate, list, range } from './array.js';
+export { clearArray, iterate, list, range } from './array.js';
+export { sleep } from './async.js';
 export { isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol } from './is.js';
 export { draw, random, shuffle, uid } from './random.js';
+export { camel, capitalize, dash, pascal, snake, template, title, trim } from './str.js';

package/dist/lodash/index.js

@@ -1,15 +1,26 @@
-import "../chunk-33ZRZ4S2.js";
+import "../chunk-OECLQ3OT.js";
 import {
   draw,
   random,
   shuffle,
   uid
-} from "../chunk-RRYFZNKE.js";
+} from "../chunk-PBALVUKK.js";
 import {
+  camel,
+  capitalize,
+  dash,
+  pascal,
+  snake,
+  template,
+  title,
+  trim
+} from "../chunk-PNR5G432.js";
+import {
+  clearArray,
   iterate,
   list,
   range
-} from "../chunk-WLQ64SAO.js";
+} from "../chunk-CSAKXWF3.js";
 import {
   isArray,
   isClient,
@@ -25,7 +36,14 @@ import {
   isString,
   isSymbol
 } from "../chunk-ZGYORUAX.js";
+import {
+  sleep
+} from "../chunk-KFWZFQMB.js";
 export {
+  camel,
+  capitalize,
+  clearArray,
+  dash,
   draw,
   isArray,
   isClient,
@@ -42,8 +60,14 @@ export {
   isSymbol,
   iterate,
   list,
+  pascal,
   random,
   range,
   shuffle,
+  sleep,
+  snake,
+  template,
+  title,
+  trim,
   uid
 };

package/dist/lodash/random.js

@@ -3,8 +3,8 @@ import {
   random,
   shuffle,
   uid
-} from "../chunk-RRYFZNKE.js";
-import "../chunk-WLQ64SAO.js";
+} from "../chunk-PBALVUKK.js";
+import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
 export {
   draw,

package/dist/lodash/str.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Capitalize the first word of the string
+ *
+ * capitalize('hello')   -> 'Hello'
+ * capitalize('va va voom') -> 'Va va voom'
+ */
+declare const capitalize: (str: string) => string;
+/**
+ * Formats the given string in camel case fashion
+ *
+ * camel('hello world')   -> 'helloWorld'
+ * camel('va va-VOOM') -> 'vaVaVoom'
+ * camel('helloWorld') -> 'helloWorld'
+ */
+declare const camel: (str: string) => string;
+/**
+ * Formats the given string in snake case fashion
+ *
+ * splitOnNumber? Treat number as capital, default is true
+ *
+ * snake('hello world')   -> 'hello_world'
+ * snake('va va-VOOM') -> 'va_va_voom'
+ * snake('helloWord') -> 'hello_world'
+ */
+declare const snake: (str: string, options?: {
+    splitOnNumber?: boolean;
+}) => string;
+/**
+ * Formats the given string in dash case fashion
+ *
+ * dash('hello world')   -> 'hello-world'
+ * dash('va va_VOOM') -> 'va-va-voom'
+ * dash('helloWord') -> 'hello-word'
+ */
+declare const dash: (str: string) => string;
+/**
+ * Formats the given string in pascal case fashion
+ *
+ * pascal('hello world') -> 'HelloWorld'
+ * pascal('va va boom') -> 'VaVaBoom'
+ */
+declare const pascal: (str: string) => string;
+/**
+ * Formats the given string in title case fashion
+ *
+ * title('hello world') -> 'Hello World'
+ * title('va_va_boom') -> 'Va Va Boom'
+ * title('root-hook') -> 'Root Hook'
+ * title('queryItems') -> 'Query Items'
+ */
+declare const title: (str: string | null | undefined) => string;
+/**
+ * template is used to replace data by name in template strings.
+ * The default expression looks for {{name}} to identify names.
+ *
+ * Ex. template('Hello, {{name}}', { name: 'ray' })
+ * Ex. template('Hello, <name>', { name: 'ray' }, /<(.+?)>/g)
+ */
+declare const template: (str: string, data: Record<string, any>, regex?: RegExp) => string;
+/**
+ * Trims all prefix and suffix characters from the given
+ * string. Like the builtin trim function but accepts
+ * other characters you would like to trim and trims
+ * multiple characters.
+ *
+ * ```typescript
+ * trim('  hello ') // => 'hello'
+ * trim('__hello__', '_') // => 'hello'
+ * trim('/repos/:owner/:repo/', '/') // => 'repos/:owner/:repo'
+ * trim('222222__hello__1111111', '12_') // => 'hello'
+ * ```
+ */
+declare const trim: (str: string | null | undefined, charsToTrim?: string) => string;
+
+export { camel, capitalize, dash, pascal, snake, template, title, trim };

package/dist/lodash/str.js

@@ -0,0 +1,20 @@
+import {
+  camel,
+  capitalize,
+  dash,
+  pascal,
+  snake,
+  template,
+  title,
+  trim
+} from "../chunk-PNR5G432.js";
+export {
+  camel,
+  capitalize,
+  dash,
+  pascal,
+  snake,
+  template,
+  title,
+  trim
+};

package/dist/reactive/access.js

@@ -1,10 +1,12 @@
 import {
   access
 } from "../chunk-M5A3VVYI.js";
-import "../chunk-33ZRZ4S2.js";
-import "../chunk-RRYFZNKE.js";
-import "../chunk-WLQ64SAO.js";
+import "../chunk-OECLQ3OT.js";
+import "../chunk-PBALVUKK.js";
+import "../chunk-PNR5G432.js";
+import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
+import "../chunk-KFWZFQMB.js";
 export {
   access
 };

package/dist/reactive/create-debounce-watch.d.ts

@@ -0,0 +1,12 @@
+import { AccessorArray, Accessor, OnOptions } from 'solid-js';
+
+/**
+ * Creates a debounced watch effect.
+ *
+ * opt.delay - The debounce delay in milliseconds. Default is 10ms.
+ */
+declare function createDebouncedWatch<S, Next extends Prev, Prev = Next>(targets: AccessorArray<S> | Accessor<S>, fn: (input: S, prevInput?: S) => void, opt?: OnOptions & {
+    delay?: number;
+}): void;
+
+export { createDebouncedWatch };

package/dist/reactive/create-debounce-watch.js

@@ -0,0 +1,14 @@
+import {
+  createDebouncedWatch
+} from "../chunk-BGLY6NJK.js";
+import "../chunk-M5A3VVYI.js";
+import "../chunk-4L6FK7MF.js";
+import "../chunk-OECLQ3OT.js";
+import "../chunk-PBALVUKK.js";
+import "../chunk-PNR5G432.js";
+import "../chunk-CSAKXWF3.js";
+import "../chunk-ZGYORUAX.js";
+import "../chunk-KFWZFQMB.js";
+export {
+  createDebouncedWatch
+};

package/dist/reactive/index.d.ts

@@ -1,4 +1,5 @@
 export { access } from './access.js';
+export { createDebouncedWatch } from './create-debounce-watch.js';
 export { createWatch } from './create-watch.js';
 import '../types/maybe.js';
 import 'solid-js';

package/dist/reactive/index.js

@@ -1,15 +1,20 @@
-import "../chunk-ZZNAXGNU.js";
+import {
+  createDebouncedWatch
+} from "../chunk-BGLY6NJK.js";
 import {
   access
 } from "../chunk-M5A3VVYI.js";
 import {
   createWatch
 } from "../chunk-4L6FK7MF.js";
-import "../chunk-33ZRZ4S2.js";
-import "../chunk-RRYFZNKE.js";
-import "../chunk-WLQ64SAO.js";
+import "../chunk-OECLQ3OT.js";
+import "../chunk-PBALVUKK.js";
+import "../chunk-PNR5G432.js";
+import "../chunk-CSAKXWF3.js";
 import "../chunk-ZGYORUAX.js";
+import "../chunk-KFWZFQMB.js";
 export {
   access,
+  createDebouncedWatch,
   createWatch
 };

package/dist/types/fn.d.ts

@@ -1,3 +1,4 @@
 type AnyFn<R = any> = (...args: any[]) => R;
+type Fn = () => void;
 
-export type { AnyFn };
+export type { AnyFn, Fn };

package/dist/types/fn.js

@@ -0,0 +1 @@
+import "../chunk-AZAXMGEB.js";

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
+export { AnyFn, Fn } from './fn.js';
 export { MaybeAccessor, MaybeArray, MaybePromise } from './maybe.js';
 import 'solid-js';

package/dist/types/index.js

@@ -1,2 +1,3 @@
-import "../chunk-2BUPSB7O.js";
+import "../chunk-SK6Y2YH6.js";
 import "../chunk-EZML2DEC.js";
+import "../chunk-AZAXMGEB.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-tiny-utils",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "A collection of tiny utilities for SolidJS applications",
   "main": "./dist/index.js",
   "type": "module",
@@ -40,7 +40,6 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@solid-primitives/event-listener": "^2.4.3",
     "solid-tiny-context": "0.1.2"
   },
   "scripts": {

package/dist/chunk-2BGAGVTR.js

@@ -1,7 +0,0 @@
-// src/fn/index.ts
-var noop = () => {
-};
-
-export {
-  noop
-};

package/dist/chunk-H6VUVMSF.js

@@ -1,23 +0,0 @@
-import {
-  access
-} from "./chunk-M5A3VVYI.js";
-
-// src/fn/create-debounce.ts
-import { onCleanup } from "solid-js";
-function createDebounce(callback, delay) {
-  let timeoutId;
-  onCleanup(() => {
-    clearTimeout(timeoutId);
-  });
-  const run = (...args) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => {
-      callback(...args);
-    }, access(delay));
-  };
-  return run;
-}
-
-export {
-  createDebounce
-};