@markmiro/hairy 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,37 @@
+import {
+  apca,
+  autoLabel,
+  defaultSettings,
+  diffOptions,
+  eases,
+  gpuSupported,
+  hairy,
+  isSettingValue,
+  labelContrast,
+  optionGroups,
+  presetNames,
+  presets,
+  regrowSettings,
+  resolveSettings,
+  settingChoices,
+  supportsWideGamut
+} from "./chunk-JIET4PY7.js";
+export {
+  apca,
+  autoLabel,
+  defaultSettings,
+  diffOptions,
+  eases,
+  hairy,
+  isSettingValue,
+  labelContrast,
+  optionGroups,
+  presetNames,
+  presets,
+  regrowSettings,
+  resolveSettings,
+  settingChoices,
+  gpuSupported as supportsFur,
+  supportsWideGamut
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react.d.ts

@@ -0,0 +1,17 @@
+import { HairyOptions, Hairy } from './index.js';
+
+/**
+ * Adds fur to the element you pass the returned ref to:
+ *
+ * ```tsx
+ * const ref = useHairy({ preset: "plush", color: "#ff4d70", label: "auto" });
+ * return <button ref={ref}>Adopt a cat</button>;
+ * ```
+ *
+ * The fur follows `options` as they change (compared by value, so a new
+ * object each render is fine), and is removed when the element unmounts.
+ * `onReady` gets the fur, for `play()` and `label`.
+ */
+declare function useHairy<T extends HTMLElement = HTMLElement>(options?: HairyOptions, onReady?: (fur: Hairy) => void): (element: T | null) => void;
+
+export { Hairy, HairyOptions, useHairy };

package/dist/react.js

@@ -0,0 +1,29 @@
+import {
+  hairy
+} from "./chunk-JIET4PY7.js";
+
+// src/react.ts
+import { useCallback, useEffect, useRef } from "react";
+function useHairy(options = {}, onReady) {
+  const fur = useRef(null);
+  const latest = useRef(options);
+  latest.current = options;
+  const ready = useRef(onReady);
+  ready.current = onReady;
+  const ref = useCallback((element) => {
+    fur.current?.destroy();
+    fur.current = null;
+    if (!element) return;
+    fur.current = hairy(element, latest.current);
+    ready.current?.(fur.current);
+  }, []);
+  const key = JSON.stringify(options);
+  useEffect(() => {
+    fur.current?.set(latest.current);
+  }, [key]);
+  return ref;
+}
+export {
+  useHairy
+};
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { hairy, type Hairy, type HairyOptions } from \"./index\";\n\n/**\n * Adds fur to the element you pass the returned ref to:\n *\n * ```tsx\n * const ref = useHairy({ preset: \"plush\", color: \"#ff4d70\", label: \"auto\" });\n * return <button ref={ref}>Adopt a cat</button>;\n * ```\n *\n * The fur follows `options` as they change (compared by value, so a new\n * object each render is fine), and is removed when the element unmounts.\n * `onReady` gets the fur, for `play()` and `label`.\n */\nexport function useHairy<T extends HTMLElement = HTMLElement>(options: HairyOptions = {}, onReady?: (fur: Hairy) => void) {\n  const fur = useRef<Hairy | null>(null);\n  const latest = useRef(options);\n  latest.current = options;\n  const ready = useRef(onReady);\n  ready.current = onReady;\n\n  const ref = useCallback((element: T | null) => {\n    fur.current?.destroy();\n    fur.current = null;\n    if (!element) return;\n    fur.current = hairy(element, latest.current);\n    ready.current?.(fur.current);\n  }, []);\n\n  const key = JSON.stringify(options);\n  useEffect(() => {\n    fur.current?.set(latest.current);\n  }, [key]);\n\n  return ref;\n}\n\nexport type { Hairy, HairyOptions } from \"./index\";\n"],"mappings":";;;;;AAAA,SAAS,aAAa,WAAW,cAAc;AAexC,SAAS,SAA8C,UAAwB,CAAC,GAAG,SAAgC;AACxH,QAAM,MAAM,OAAqB,IAAI;AACrC,QAAM,SAAS,OAAO,OAAO;AAC7B,SAAO,UAAU;AACjB,QAAM,QAAQ,OAAO,OAAO;AAC5B,QAAM,UAAU;AAEhB,QAAM,MAAM,YAAY,CAAC,YAAsB;AAC7C,QAAI,SAAS,QAAQ;AACrB,QAAI,UAAU;AACd,QAAI,CAAC,QAAS;AACd,QAAI,UAAU,MAAM,SAAS,OAAO,OAAO;AAC3C,UAAM,UAAU,IAAI,OAAO;AAAA,EAC7B,GAAG,CAAC,CAAC;AAEL,QAAM,MAAM,KAAK,UAAU,OAAO;AAClC,YAAU,MAAM;AACd,QAAI,SAAS,IAAI,OAAO,OAAO;AAAA,EACjC,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,63 @@
 {
   "name": "@markmiro/hairy",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "Fur for your buttons: a GPU-drawn, animated, customizable hairy texture that reacts to hover, click and brushing.",
+  "license": "MIT",
+  "author": "Mark Mironyuk",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/markmiro/hairy.git",
+    "directory": "packages/hairy"
+  },
+  "homepage": "https://github.com/markmiro/hairy#readme",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "keywords": [
+    "fur",
+    "hair",
+    "button",
+    "canvas",
+    "webgl",
+    "animation",
+    "texture"
+  ],
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.3.0",
+    "react": "^19.2.0",
+    "tsup": "^9.0.0",
+    "typescript": "^6.0.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  }
 }