magic-utils-yonava 1.0.1 → 1.0.3

package/{src/colors.ts → dist/colors.js}

@@ -1,8 +1,3 @@
-/**
- * alias used for all types that represent a color value
- */
-export type Color = string;
-
 /**
  * all tailwind gray colors
  */
@@ -16,7 +11,6 @@ export const GRAY_600 = '#4b5563';
 export const GRAY_700 = '#374151';
 export const GRAY_800 = '#1f2937';
 export const GRAY_900 = '#111827';
-
 /**
  * all tailwind red colors
  */
@@ -30,7 +24,6 @@ export const RED_600 = '#dc2626';
 export const RED_700 = '#b91c1c';
 export const RED_800 = '#991b1b';
 export const RED_900 = '#7f1d1d';
-
 /**
  * all tailwind orange colors
  */
@@ -44,7 +37,6 @@ export const ORANGE_600 = '#ea580c';
 export const ORANGE_700 = '#c2410c';
 export const ORANGE_800 = '#9a3412';
 export const ORANGE_900 = '#7c2d12';
-
 /**
  * all tailwind amber colors
  */
@@ -58,7 +50,6 @@ export const AMBER_600 = '#d97706';
 export const AMBER_700 = '#b45309';
 export const AMBER_800 = '#92400e';
 export const AMBER_900 = '#78350f';
-
 /**
  * all tailwind yellow colors
  */
@@ -72,7 +63,6 @@ export const YELLOW_600 = '#ca8a04';
 export const YELLOW_700 = '#a16207';
 export const YELLOW_800 = '#854d0e';
 export const YELLOW_900 = '#713f12';
-
 /**
  * all tailwind lime colors
  */
@@ -86,7 +76,6 @@ export const LIME_600 = '#65a30d';
 export const LIME_700 = '#4d7c0f';
 export const LIME_800 = '#3f6212';
 export const LIME_900 = '#365314';
-
 /**
  * all tailwind green colors
  */
@@ -100,7 +89,6 @@ export const GREEN_600 = '#16a34a';
 export const GREEN_700 = '#15803d';
 export const GREEN_800 = '#166534';
 export const GREEN_900 = '#14532d';
-
 /**
  * all tailwind emerald colors
  */
@@ -114,7 +102,6 @@ export const EMERALD_600 = '#059669';
 export const EMERALD_700 = '#047857';
 export const EMERALD_800 = '#065f46';
 export const EMERALD_900 = '#064e3b';
-
 /**
  * all tailwind teal colors
  */
@@ -128,7 +115,6 @@ export const TEAL_600 = '#0d9488';
 export const TEAL_700 = '#0f766e';
 export const TEAL_800 = '#115e59';
 export const TEAL_900 = '#134e4a';
-
 /**
  * all tailwind cyan colors
  */
@@ -142,7 +128,6 @@ export const CYAN_600 = '#0891b2';
 export const CYAN_700 = '#0e7490';
 export const CYAN_800 = '#155e75';
 export const CYAN_900 = '#164e63';
-
 /**
  * all tailwind sky colors
  */
@@ -156,7 +141,6 @@ export const SKY_600 = '#0284c7';
 export const SKY_700 = '#0369a1';
 export const SKY_800 = '#075985';
 export const SKY_900 = '#0c4a6e';
-
 /**
  * all tailwind blue colors
  */
@@ -170,7 +154,6 @@ export const BLUE_600 = '#2563eb';
 export const BLUE_700 = '#1d4ed8';
 export const BLUE_800 = '#1e40af';
 export const BLUE_900 = '#1e3a8a';
-
 /**
  * all tailwind indigo colors
  */
@@ -184,7 +167,6 @@ export const INDIGO_600 = '#4f46e5';
 export const INDIGO_700 = '#4338ca';
 export const INDIGO_800 = '#3730a3';
 export const INDIGO_900 = '#312e81';
-
 /**
  * all tailwind violet colors,
  */
@@ -198,7 +180,6 @@ export const VIOLET_600 = '#7c3aed';
 export const VIOLET_700 = '#6d28d9';
 export const VIOLET_800 = '#5b21b6';
 export const VIOLET_900 = '#4c1d95';
-
 /**
  * all tailwind purple colors
  */
@@ -212,7 +193,6 @@ export const PURPLE_600 = '#9333ea';
 export const PURPLE_700 = '#7e22ce';
 export const PURPLE_800 = '#6b21a8';
 export const PURPLE_900 = '#581c87';
-
 /**
  * all tailwind fuchsia colors
  */
@@ -226,7 +206,6 @@ export const FUCHSIA_600 = '#c026d3';
 export const FUCHSIA_700 = '#a21caf';
 export const FUCHSIA_800 = '#86198f';
 export const FUCHSIA_900 = '#701a75';
-
 /**
  * all tailwind pink colors
  */
@@ -240,7 +219,6 @@ export const PINK_600 = '#db2777';
 export const PINK_700 = '#be185d';
 export const PINK_800 = '#9d174d';
 export const PINK_900 = '#831843';
-
 /**
  * all tailwind rose colors
  */
@@ -254,7 +232,6 @@ export const ROSE_600 = '#e11d48';
 export const ROSE_700 = '#be123c';
 export const ROSE_800 = '#9f1239';
 export const ROSE_900 = '#881337';
-
 /**
  * all tailwind stone colors
  */
@@ -268,7 +245,6 @@ export const STONE_600 = '#374151';
 export const STONE_700 = '#252f3f';
 export const STONE_800 = '#161e2e';
 export const STONE_900 = '#0d131e';
-
 /**
  * all tailwind neutral colors
  */
@@ -282,7 +258,6 @@ export const NEUTRAL_600 = '#4b5563';
 export const NEUTRAL_700 = '#374151';
 export const NEUTRAL_800 = '#252f3f';
 export const NEUTRAL_900 = '#161e2e';
-
 /**
  * all tailwind zinc colors
  */
@@ -296,7 +271,6 @@ export const ZINC_600 = '#4b5563';
 export const ZINC_700 = '#374151';
 export const ZINC_800 = '#252f3f';
 export const ZINC_900 = '#161e2e';
-
 /**
  * all tailwind slate colors
  */
@@ -310,258 +284,234 @@ export const SLATE_600 = '#374151';
 export const SLATE_700 = '#252f3f';
 export const SLATE_800 = '#161e2e';
 export const SLATE_900 = '#0d131e';
-
 export const WHITE = '#ffffff';
 export const BLACK = '#000000';
 export const TRANSPARENT = '#00000000';
-
 /**
  * every color in one enum
  */
 export default {
-  WHITE,
-  BLACK,
-  TRANSPARENT,
-
-  GRAY_50,
-  GRAY_100,
-  GRAY_200,
-  GRAY_300,
-  GRAY_400,
-  GRAY_500,
-  GRAY_600,
-  GRAY_700,
-  GRAY_800,
-  GRAY_900,
-
-  RED_50,
-  RED_100,
-  RED_200,
-  RED_300,
-  RED_400,
-  RED_500,
-  RED_600,
-  RED_700,
-  RED_800,
-  RED_900,
-
-  ORANGE_50,
-  ORANGE_100,
-  ORANGE_200,
-  ORANGE_300,
-  ORANGE_400,
-  ORANGE_500,
-  ORANGE_600,
-  ORANGE_700,
-  ORANGE_800,
-  ORANGE_900,
-
-  AMBER_50,
-  AMBER_100,
-  AMBER_200,
-  AMBER_300,
-  AMBER_400,
-  AMBER_500,
-  AMBER_600,
-  AMBER_700,
-  AMBER_800,
-  AMBER_900,
-
-  YELLOW_50,
-  YELLOW_100,
-  YELLOW_200,
-  YELLOW_300,
-  YELLOW_400,
-  YELLOW_500,
-  YELLOW_600,
-  YELLOW_700,
-  YELLOW_800,
-  YELLOW_900,
-
-  LIME_50,
-  LIME_100,
-  LIME_200,
-  LIME_300,
-  LIME_400,
-  LIME_500,
-  LIME_600,
-  LIME_700,
-  LIME_800,
-  LIME_900,
-
-  GREEN_50,
-  GREEN_100,
-  GREEN_200,
-  GREEN_300,
-  GREEN_400,
-  GREEN_500,
-  GREEN_600,
-  GREEN_700,
-  GREEN_800,
-  GREEN_900,
-
-  EMERALD_50,
-  EMERALD_100,
-  EMERALD_200,
-  EMERALD_300,
-  EMERALD_400,
-  EMERALD_500,
-  EMERALD_600,
-  EMERALD_700,
-  EMERALD_800,
-  EMERALD_900,
-
-  TEAL_50,
-  TEAL_100,
-  TEAL_200,
-  TEAL_300,
-  TEAL_400,
-  TEAL_500,
-  TEAL_600,
-  TEAL_700,
-  TEAL_800,
-  TEAL_900,
-
-  CYAN_50,
-  CYAN_100,
-  CYAN_200,
-  CYAN_300,
-  CYAN_400,
-  CYAN_500,
-  CYAN_600,
-  CYAN_700,
-  CYAN_800,
-  CYAN_900,
-
-  SKY_50,
-  SKY_100,
-  SKY_200,
-  SKY_300,
-  SKY_400,
-  SKY_500,
-  SKY_600,
-  SKY_700,
-  SKY_800,
-  SKY_900,
-
-  BLUE_50,
-  BLUE_100,
-  BLUE_200,
-  BLUE_300,
-  BLUE_400,
-  BLUE_500,
-  BLUE_600,
-  BLUE_700,
-  BLUE_800,
-  BLUE_900,
-
-  INDIGO_50,
-  INDIGO_100,
-  INDIGO_200,
-  INDIGO_300,
-  INDIGO_400,
-  INDIGO_500,
-  INDIGO_600,
-  INDIGO_700,
-  INDIGO_800,
-  INDIGO_900,
-
-  VIOLET_50,
-  VIOLET_100,
-  VIOLET_200,
-  VIOLET_300,
-  VIOLET_400,
-  VIOLET_500,
-  VIOLET_600,
-  VIOLET_700,
-  VIOLET_800,
-  VIOLET_900,
-
-  PURPLE_50,
-  PURPLE_100,
-  PURPLE_200,
-  PURPLE_300,
-  PURPLE_400,
-  PURPLE_500,
-  PURPLE_600,
-  PURPLE_700,
-  PURPLE_800,
-  PURPLE_900,
-
-  FUCHSIA_50,
-  FUCHSIA_100,
-  FUCHSIA_200,
-  FUCHSIA_300,
-  FUCHSIA_400,
-  FUCHSIA_500,
-  FUCHSIA_600,
-  FUCHSIA_700,
-  FUCHSIA_800,
-  FUCHSIA_900,
-
-  PINK_50,
-  PINK_100,
-  PINK_200,
-  PINK_300,
-  PINK_400,
-  PINK_500,
-  PINK_600,
-  PINK_700,
-  PINK_800,
-  PINK_900,
-
-  ROSE_50,
-  ROSE_100,
-  ROSE_200,
-  ROSE_300,
-  ROSE_400,
-  ROSE_500,
-  ROSE_600,
-  ROSE_700,
-  ROSE_800,
-  ROSE_900,
-
-  STONE_50,
-  STONE_100,
-  STONE_200,
-  STONE_300,
-  STONE_400,
-  STONE_500,
-  STONE_600,
-  STONE_700,
-  STONE_800,
-  STONE_900,
-
-  NEUTRAL_50,
-  NEUTRAL_100,
-  NEUTRAL_200,
-  NEUTRAL_300,
-  NEUTRAL_400,
-  NEUTRAL_500,
-  NEUTRAL_600,
-  NEUTRAL_700,
-  NEUTRAL_800,
-  NEUTRAL_900,
-
-  ZINC_50,
-  ZINC_100,
-  ZINC_200,
-  ZINC_300,
-  ZINC_400,
-  ZINC_500,
-  ZINC_600,
-  ZINC_700,
-  ZINC_800,
-  ZINC_900,
-
-  SLATE_50,
-  SLATE_100,
-  SLATE_200,
-  SLATE_300,
-  SLATE_400,
-  SLATE_500,
-  SLATE_600,
-  SLATE_700,
-  SLATE_800,
-  SLATE_900,
-} as const;
+    WHITE,
+    BLACK,
+    TRANSPARENT,
+    GRAY_50,
+    GRAY_100,
+    GRAY_200,
+    GRAY_300,
+    GRAY_400,
+    GRAY_500,
+    GRAY_600,
+    GRAY_700,
+    GRAY_800,
+    GRAY_900,
+    RED_50,
+    RED_100,
+    RED_200,
+    RED_300,
+    RED_400,
+    RED_500,
+    RED_600,
+    RED_700,
+    RED_800,
+    RED_900,
+    ORANGE_50,
+    ORANGE_100,
+    ORANGE_200,
+    ORANGE_300,
+    ORANGE_400,
+    ORANGE_500,
+    ORANGE_600,
+    ORANGE_700,
+    ORANGE_800,
+    ORANGE_900,
+    AMBER_50,
+    AMBER_100,
+    AMBER_200,
+    AMBER_300,
+    AMBER_400,
+    AMBER_500,
+    AMBER_600,
+    AMBER_700,
+    AMBER_800,
+    AMBER_900,
+    YELLOW_50,
+    YELLOW_100,
+    YELLOW_200,
+    YELLOW_300,
+    YELLOW_400,
+    YELLOW_500,
+    YELLOW_600,
+    YELLOW_700,
+    YELLOW_800,
+    YELLOW_900,
+    LIME_50,
+    LIME_100,
+    LIME_200,
+    LIME_300,
+    LIME_400,
+    LIME_500,
+    LIME_600,
+    LIME_700,
+    LIME_800,
+    LIME_900,
+    GREEN_50,
+    GREEN_100,
+    GREEN_200,
+    GREEN_300,
+    GREEN_400,
+    GREEN_500,
+    GREEN_600,
+    GREEN_700,
+    GREEN_800,
+    GREEN_900,
+    EMERALD_50,
+    EMERALD_100,
+    EMERALD_200,
+    EMERALD_300,
+    EMERALD_400,
+    EMERALD_500,
+    EMERALD_600,
+    EMERALD_700,
+    EMERALD_800,
+    EMERALD_900,
+    TEAL_50,
+    TEAL_100,
+    TEAL_200,
+    TEAL_300,
+    TEAL_400,
+    TEAL_500,
+    TEAL_600,
+    TEAL_700,
+    TEAL_800,
+    TEAL_900,
+    CYAN_50,
+    CYAN_100,
+    CYAN_200,
+    CYAN_300,
+    CYAN_400,
+    CYAN_500,
+    CYAN_600,
+    CYAN_700,
+    CYAN_800,
+    CYAN_900,
+    SKY_50,
+    SKY_100,
+    SKY_200,
+    SKY_300,
+    SKY_400,
+    SKY_500,
+    SKY_600,
+    SKY_700,
+    SKY_800,
+    SKY_900,
+    BLUE_50,
+    BLUE_100,
+    BLUE_200,
+    BLUE_300,
+    BLUE_400,
+    BLUE_500,
+    BLUE_600,
+    BLUE_700,
+    BLUE_800,
+    BLUE_900,
+    INDIGO_50,
+    INDIGO_100,
+    INDIGO_200,
+    INDIGO_300,
+    INDIGO_400,
+    INDIGO_500,
+    INDIGO_600,
+    INDIGO_700,
+    INDIGO_800,
+    INDIGO_900,
+    VIOLET_50,
+    VIOLET_100,
+    VIOLET_200,
+    VIOLET_300,
+    VIOLET_400,
+    VIOLET_500,
+    VIOLET_600,
+    VIOLET_700,
+    VIOLET_800,
+    VIOLET_900,
+    PURPLE_50,
+    PURPLE_100,
+    PURPLE_200,
+    PURPLE_300,
+    PURPLE_400,
+    PURPLE_500,
+    PURPLE_600,
+    PURPLE_700,
+    PURPLE_800,
+    PURPLE_900,
+    FUCHSIA_50,
+    FUCHSIA_100,
+    FUCHSIA_200,
+    FUCHSIA_300,
+    FUCHSIA_400,
+    FUCHSIA_500,
+    FUCHSIA_600,
+    FUCHSIA_700,
+    FUCHSIA_800,
+    FUCHSIA_900,
+    PINK_50,
+    PINK_100,
+    PINK_200,
+    PINK_300,
+    PINK_400,
+    PINK_500,
+    PINK_600,
+    PINK_700,
+    PINK_800,
+    PINK_900,
+    ROSE_50,
+    ROSE_100,
+    ROSE_200,
+    ROSE_300,
+    ROSE_400,
+    ROSE_500,
+    ROSE_600,
+    ROSE_700,
+    ROSE_800,
+    ROSE_900,
+    STONE_50,
+    STONE_100,
+    STONE_200,
+    STONE_300,
+    STONE_400,
+    STONE_500,
+    STONE_600,
+    STONE_700,
+    STONE_800,
+    STONE_900,
+    NEUTRAL_50,
+    NEUTRAL_100,
+    NEUTRAL_200,
+    NEUTRAL_300,
+    NEUTRAL_400,
+    NEUTRAL_500,
+    NEUTRAL_600,
+    NEUTRAL_700,
+    NEUTRAL_800,
+    NEUTRAL_900,
+    ZINC_50,
+    ZINC_100,
+    ZINC_200,
+    ZINC_300,
+    ZINC_400,
+    ZINC_500,
+    ZINC_600,
+    ZINC_700,
+    ZINC_800,
+    ZINC_900,
+    SLATE_50,
+    SLATE_100,
+    SLATE_200,
+    SLATE_300,
+    SLATE_400,
+    SLATE_500,
+    SLATE_600,
+    SLATE_700,
+    SLATE_800,
+    SLATE_900,
+};

package/dist/ctx/index.d.ts

@@ -0,0 +1,10 @@
+import type { MaybeRef } from 'vue';
+/**
+ * pulls ctx from a canvas or canvas ref (vue.js), throws if not found
+ *
+ * @returns {CanvasRenderingContext2D}
+ * @example const ctx = getCtx(canvasRef);
+ * // ctx is defined and ready to use
+ * @throws {Error} if canvas or 2d context not found
+ */
+export declare const getCtx: (canvasInput: MaybeRef<HTMLCanvasElement | null | undefined>) => CanvasRenderingContext2D;

package/dist/ctx/index.js

@@ -0,0 +1,19 @@
+/**
+ * pulls ctx from a canvas or canvas ref (vue.js), throws if not found
+ *
+ * @returns {CanvasRenderingContext2D}
+ * @example const ctx = getCtx(canvasRef);
+ * // ctx is defined and ready to use
+ * @throws {Error} if canvas or 2d context not found
+ */
+export const getCtx = (canvasInput) => {
+    if (!canvasInput)
+        throw new Error('canvas not found');
+    const canvas = 'value' in canvasInput ? canvasInput.value : canvasInput;
+    if (!canvas)
+        throw new Error('canvas not found');
+    const ctx = canvas.getContext('2d');
+    if (!ctx)
+        throw new Error('2d context not found');
+    return ctx;
+};

package/dist/debounce.d.ts

@@ -0,0 +1,9 @@
+/**
+ * a function that will only be called after a certain amount
+ * of time has passed since the last time it was called
+ *
+ * @param fn target function
+ * @param ms time in milliseconds
+ * @returns a debounced function
+ */
+export declare const debounce: <T extends () => void>(fn: T, ms: number) => () => void;