@simhub2/justflipit 3.2.2 → 4.0.1

package/dist/react.mjs

@@ -0,0 +1,25 @@
+// src/adapters/react.js
+import { useEffect, useRef } from "react";
+import justFlipIt from "@simhub2/justflipit";
+var faces = { front: "[data-flip-front]", back: "[data-flip-back]" };
+function useFlip(options = {}) {
+  const ref = useRef(null), controller = useRef(null);
+  useEffect(() => {
+    if (!ref.current) return;
+    const instance = justFlipIt(ref.current, { ...options, Faces: options.Faces || faces });
+    controller.current = instance;
+    return () => {
+      instance.destroy();
+      controller.current = null;
+    };
+  }, []);
+  useEffect(() => {
+    const { Faces, ...settings } = options;
+    controller.current?.update(settings);
+  }, [options]);
+  return { ref, controller };
+}
+export {
+  useFlip
+};
+//# sourceMappingURL=react.mjs.map

package/dist/react.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/adapters/react.js"],
+  "sourcesContent": ["import { useEffect, useRef } from 'react';\nimport justFlipIt from '@simhub2/justflipit';\nconst faces = { front: '[data-flip-front]', back: '[data-flip-back]' };\nexport function useFlip(options = {}) {\n  const ref = useRef(null), controller = useRef(null);\n  useEffect(() => {\n    if (!ref.current) return;\n    const instance = justFlipIt(ref.current, { ...options, Faces: options.Faces || faces });\n    controller.current = instance;\n    return () => { instance.destroy(); controller.current = null; };\n  }, []);\n  useEffect(() => { const { Faces, ...settings } = options; controller.current?.update(settings); }, [options]);\n  return { ref, controller };\n}\n"],
+  "mappings": ";AAAA,SAAS,WAAW,cAAc;AAClC,OAAO,gBAAgB;AACvB,IAAM,QAAQ,EAAE,OAAO,qBAAqB,MAAM,mBAAmB;AAC9D,SAAS,QAAQ,UAAU,CAAC,GAAG;AACpC,QAAM,MAAM,OAAO,IAAI,GAAG,aAAa,OAAO,IAAI;AAClD,YAAU,MAAM;AACd,QAAI,CAAC,IAAI,QAAS;AAClB,UAAM,WAAW,WAAW,IAAI,SAAS,EAAE,GAAG,SAAS,OAAO,QAAQ,SAAS,MAAM,CAAC;AACtF,eAAW,UAAU;AACrB,WAAO,MAAM;AAAE,eAAS,QAAQ;AAAG,iBAAW,UAAU;AAAA,IAAM;AAAA,EAChE,GAAG,CAAC,CAAC;AACL,YAAU,MAAM;AAAE,UAAM,EAAE,OAAO,GAAG,SAAS,IAAI;AAAS,eAAW,SAAS,OAAO,QAAQ;AAAA,EAAG,GAAG,CAAC,OAAO,CAAC;AAC5G,SAAO,EAAE,KAAK,WAAW;AAC3B;",
+  "names": []
+}

package/dist/svelte.cjs

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/adapters/svelte.js
+var svelte_exports = {};
+__export(svelte_exports, {
+  flip: () => flip
+});
+module.exports = __toCommonJS(svelte_exports);
+var import_justflipit = __toESM(require("@simhub2/justflipit"));
+function flip(node, options = {}) {
+  const instance = (0, import_justflipit.default)(node, { ...options, Faces: options.Faces || { front: "[data-flip-front]", back: "[data-flip-back]" } });
+  return { update(next = {}) {
+    const { Faces, ...settings } = next;
+    instance.update(settings);
+  }, destroy() {
+    instance.destroy();
+  } };
+}
+//# sourceMappingURL=svelte.cjs.map

package/dist/svelte.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/adapters/svelte.js"],
+  "sourcesContent": ["import justFlipIt from '@simhub2/justflipit';\nexport function flip(node, options = {}) {\n  const instance = justFlipIt(node, { ...options, Faces: options.Faces || { front: '[data-flip-front]', back: '[data-flip-back]' } });\n  return { update(next = {}) { const { Faces, ...settings } = next; instance.update(settings); }, destroy() { instance.destroy(); } };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAChB,SAAS,KAAK,MAAM,UAAU,CAAC,GAAG;AACvC,QAAM,eAAW,kBAAAA,SAAW,MAAM,EAAE,GAAG,SAAS,OAAO,QAAQ,SAAS,EAAE,OAAO,qBAAqB,MAAM,mBAAmB,EAAE,CAAC;AAClI,SAAO,EAAE,OAAO,OAAO,CAAC,GAAG;AAAE,UAAM,EAAE,OAAO,GAAG,SAAS,IAAI;AAAM,aAAS,OAAO,QAAQ;AAAA,EAAG,GAAG,UAAU;AAAE,aAAS,QAAQ;AAAA,EAAG,EAAE;AACpI;",
+  "names": ["justFlipIt"]
+}

package/dist/svelte.d.cts

@@ -0,0 +1,3 @@
+import type { Action } from 'svelte/action';
+import type { Options } from './justFlipIt.mjs';
+export const flip: Action<HTMLElement, Options | undefined>;

package/dist/svelte.d.mts

@@ -0,0 +1,3 @@
+import type { Action } from 'svelte/action';
+import type { Options } from './justFlipIt.mjs';
+export const flip: Action<HTMLElement, Options | undefined>;

package/dist/svelte.d.ts

@@ -0,0 +1,3 @@
+import type { Action } from 'svelte/action';
+import type { Options } from './justFlipIt';
+export const flip: Action<HTMLElement, Options | undefined>;

package/dist/svelte.mjs

@@ -0,0 +1,15 @@
+// src/adapters/svelte.js
+import justFlipIt from "@simhub2/justflipit";
+function flip(node, options = {}) {
+  const instance = justFlipIt(node, { ...options, Faces: options.Faces || { front: "[data-flip-front]", back: "[data-flip-back]" } });
+  return { update(next = {}) {
+    const { Faces, ...settings } = next;
+    instance.update(settings);
+  }, destroy() {
+    instance.destroy();
+  } };
+}
+export {
+  flip
+};
+//# sourceMappingURL=svelte.mjs.map

package/dist/svelte.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/adapters/svelte.js"],
+  "sourcesContent": ["import justFlipIt from '@simhub2/justflipit';\nexport function flip(node, options = {}) {\n  const instance = justFlipIt(node, { ...options, Faces: options.Faces || { front: '[data-flip-front]', back: '[data-flip-back]' } });\n  return { update(next = {}) { const { Faces, ...settings } = next; instance.update(settings); }, destroy() { instance.destroy(); } };\n}\n"],
+  "mappings": ";AAAA,OAAO,gBAAgB;AAChB,SAAS,KAAK,MAAM,UAAU,CAAC,GAAG;AACvC,QAAM,WAAW,WAAW,MAAM,EAAE,GAAG,SAAS,OAAO,QAAQ,SAAS,EAAE,OAAO,qBAAqB,MAAM,mBAAmB,EAAE,CAAC;AAClI,SAAO,EAAE,OAAO,OAAO,CAAC,GAAG;AAAE,UAAM,EAAE,OAAO,GAAG,SAAS,IAAI;AAAM,aAAS,OAAO,QAAQ;AAAA,EAAG,GAAG,UAAU;AAAE,aAAS,QAAQ;AAAA,EAAG,EAAE;AACpI;",
+  "names": []
+}

package/dist/types/justFlipIt.d.ts

@@ -1,61 +1,38 @@
+export interface Options {
+  Template?: string;
+  Click?: boolean | string | string[];
+  FlipX?: boolean;
+  Duration?: number;
+  Easing?: string;
+  Effect?: 'flip' | 'fade' | 'scale';
+  ReducedMotion?: boolean;
+  Tilt?: boolean | 'only' | { max?: number; perspective?: number; scale?: number };
+  Faces?: { front: string; back: string };
+  preserveClasses?: boolean;
+  preserveStyles?: boolean;
+  Style?: { el: string; style: Partial<CSSStyleDeclaration> }[];
+}
+export interface FlipState { flipped: boolean; destroyed: boolean; effect: 'flip' | 'fade' | 'scale' }
+export class FlipController {
+  constructor(element: HTMLElement, options?: Options);
+  readonly element: HTMLElement;
+  readonly hoverPanel: HTMLElement;
+  readonly frontWrapper: HTMLElement;
+  readonly backWrapper: HTMLElement;
+  readonly flipped: boolean;
+  readonly destroyed: boolean;
+  readonly managed: boolean;
+  flip(value?: boolean): this;
+  toggle(): this;
+  update(options?: Omit<Options, 'Faces'>): this;
+  getState(): FlipState;
+  destroy(): void;
+}
+type Targets = string | Iterable<HTMLElement> | ArrayLike<HTMLElement>;
+declare function justFlipIt(target: HTMLElement, options?: Options): FlipController;
+declare function justFlipIt(target: Targets, options?: Options): FlipController[];
 declare namespace justFlipIt {
-  interface StyleOption {
-    el: string;
-    style: Partial<CSSStyleDeclaration>;
-  }
-
-  interface Options {
-    /**
-     * Template for the back side of the flipped element
-     */
-    Template?: string;
-
-    /**
-     * Click behavior. True for click toggle, selector string for delegated click, false for hover
-     */
-    Click?: boolean | string;
-
-    /**
-     * Flip direction. True for X-axis, false for Y-axis
-     */
-    FlipX?: boolean;
-
-    /**
-     * Custom styles to apply to elements
-     */
-    Style?: StyleOption[];
-
-    /**
-     * If true, all CSS classes from the original element are copied to the flip panel (default: true)
-     */
-    preserveClasses?: boolean;
-
-    /**
-     * If true, all inline styles from the original element are copied to the flip panel (default: true)
-     */
-    preserveStyles?: boolean;
-
-    /**
-     * Enables 3D tilt effect. 
-     * - `true`: Combines flip and tilt.
-     * - `'only'`: Enables only tilt.
-     * - `false`: Disables tilt (default).
-     */
-    Tilt?: boolean | 'only';
-  }
-
-  /**
-   * Destroy flip instances matching the selector
-   */
-  function destroy(selector: string | Element | NodeListOf<Element> | HTMLCollection): void;
+  function destroy(target: HTMLElement | Targets): void;
+  function get(element: HTMLElement): FlipController | undefined;
 }
-
-/**
- * Initialize flip effect on matching elements
- */
-declare function justFlipIt(
-  selector: string | Element | NodeListOf<Element> | HTMLCollection,
-  options?: justFlipIt.Options
-): any;
-
-export = justFlipIt;
+export default justFlipIt;

package/dist/vue.cjs

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/adapters/vue.js
+var vue_exports = {};
+__export(vue_exports, {
+  vFlip: () => vFlip
+});
+module.exports = __toCommonJS(vue_exports);
+var import_justflipit = __toESM(require("@simhub2/justflipit"));
+var vFlip = {
+  mounted(element, binding) {
+    const options = binding.value || {};
+    (0, import_justflipit.default)(element, { ...options, Faces: options.Faces || { front: "[data-flip-front]", back: "[data-flip-back]" } });
+  },
+  updated(element, binding) {
+    const { Faces, ...settings } = binding.value || {};
+    import_justflipit.default.get(element)?.update(settings);
+  },
+  beforeUnmount(element) {
+    import_justflipit.default.destroy(element);
+  }
+};
+//# sourceMappingURL=vue.cjs.map

package/dist/vue.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/adapters/vue.js"],
+  "sourcesContent": ["import justFlipIt from '@simhub2/justflipit';\nexport const vFlip = {\n  mounted(element, binding) { const options = binding.value || {}; justFlipIt(element, { ...options, Faces: options.Faces || { front: '[data-flip-front]', back: '[data-flip-back]' } }); },\n  updated(element, binding) { const { Faces, ...settings } = binding.value || {}; justFlipIt.get(element)?.update(settings); },\n  beforeUnmount(element) { justFlipIt.destroy(element); }\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAChB,IAAM,QAAQ;AAAA,EACnB,QAAQ,SAAS,SAAS;AAAE,UAAM,UAAU,QAAQ,SAAS,CAAC;AAAG,0BAAAA,SAAW,SAAS,EAAE,GAAG,SAAS,OAAO,QAAQ,SAAS,EAAE,OAAO,qBAAqB,MAAM,mBAAmB,EAAE,CAAC;AAAA,EAAG;AAAA,EACxL,QAAQ,SAAS,SAAS;AAAE,UAAM,EAAE,OAAO,GAAG,SAAS,IAAI,QAAQ,SAAS,CAAC;AAAG,sBAAAA,QAAW,IAAI,OAAO,GAAG,OAAO,QAAQ;AAAA,EAAG;AAAA,EAC3H,cAAc,SAAS;AAAE,sBAAAA,QAAW,QAAQ,OAAO;AAAA,EAAG;AACxD;",
+  "names": ["justFlipIt"]
+}

package/dist/vue.d.cts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+import type { Options } from './justFlipIt.mjs';
+export const vFlip: ObjectDirective<HTMLElement, Options>;

package/dist/vue.d.mts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+import type { Options } from './justFlipIt.mjs';
+export const vFlip: ObjectDirective<HTMLElement, Options>;

package/dist/vue.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+import type { Options } from './justFlipIt';
+export const vFlip: ObjectDirective<HTMLElement, Options>;

package/dist/vue.mjs

@@ -0,0 +1,19 @@
+// src/adapters/vue.js
+import justFlipIt from "@simhub2/justflipit";
+var vFlip = {
+  mounted(element, binding) {
+    const options = binding.value || {};
+    justFlipIt(element, { ...options, Faces: options.Faces || { front: "[data-flip-front]", back: "[data-flip-back]" } });
+  },
+  updated(element, binding) {
+    const { Faces, ...settings } = binding.value || {};
+    justFlipIt.get(element)?.update(settings);
+  },
+  beforeUnmount(element) {
+    justFlipIt.destroy(element);
+  }
+};
+export {
+  vFlip
+};
+//# sourceMappingURL=vue.mjs.map

package/dist/vue.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/adapters/vue.js"],
+  "sourcesContent": ["import justFlipIt from '@simhub2/justflipit';\nexport const vFlip = {\n  mounted(element, binding) { const options = binding.value || {}; justFlipIt(element, { ...options, Faces: options.Faces || { front: '[data-flip-front]', back: '[data-flip-back]' } }); },\n  updated(element, binding) { const { Faces, ...settings } = binding.value || {}; justFlipIt.get(element)?.update(settings); },\n  beforeUnmount(element) { justFlipIt.destroy(element); }\n};\n"],
+  "mappings": ";AAAA,OAAO,gBAAgB;AAChB,IAAM,QAAQ;AAAA,EACnB,QAAQ,SAAS,SAAS;AAAE,UAAM,UAAU,QAAQ,SAAS,CAAC;AAAG,eAAW,SAAS,EAAE,GAAG,SAAS,OAAO,QAAQ,SAAS,EAAE,OAAO,qBAAqB,MAAM,mBAAmB,EAAE,CAAC;AAAA,EAAG;AAAA,EACxL,QAAQ,SAAS,SAAS;AAAE,UAAM,EAAE,OAAO,GAAG,SAAS,IAAI,QAAQ,SAAS,CAAC;AAAG,eAAW,IAAI,OAAO,GAAG,OAAO,QAAQ;AAAA,EAAG;AAAA,EAC3H,cAAc,SAAS;AAAE,eAAW,QAAQ,OAAO;AAAA,EAAG;AACxD;",
+  "names": []
+}

package/package.json

@@ -1,71 +1,139 @@
 {
   "name": "@simhub2/justflipit",
-  "version": "3.2.2",
-  "description": "A lightweight JavaScript library that allows you to implement CSS3 based flip animations on any DOM elements",
-  "main": "dist/justFlipIt.js",
-  "module": "dist/justFlipIt.js",
-  "browser": "dist/justFlipIt.min.js",
+  "version": "4.0.1",
+  "description": "Responsive flip and tilt animations with React, Vue, Svelte and agent tool adapters",
+  "main": "./dist/justFlipIt.cjs",
+  "module": "./dist/justFlipIt.mjs",
+  "browser": "./dist/justFlipIt.js",
   "unpkg": "dist/justFlipIt.min.js",
   "jsdelivr": "dist/justFlipIt.min.js",
-  "types": "dist/types/justFlipIt.d.ts",
+  "types": "./dist/justFlipIt.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/justFlipIt.js",
-      "require": "./dist/justFlipIt.js",
-      "browser": "./dist/justFlipIt.min.js",
-      "types": "./dist/types/justFlipIt.d.ts"
-    },
-    "./vanilla": {
-      "import": "./dist/justFlipIt-vanilla.js",
-      "require": "./dist/justFlipIt-vanilla.js",
-      "browser": "./dist/justFlipIt-vanilla.min.js"
+      "import": {
+        "types": "./dist/justFlipIt.d.mts",
+        "default": "./dist/justFlipIt.mjs"
+      },
+      "require": {
+        "types": "./dist/justFlipIt.d.cts",
+        "default": "./dist/justFlipIt.cjs"
+      }
     },
     "./modern": {
-      "import": "./dist/justFlipIt-modern.js",
-      "require": "./dist/justFlipIt-modern.js",
-      "browser": "./dist/justFlipIt-modern.min.js"
+      "import": {
+        "types": "./dist/justFlipIt.d.mts",
+        "default": "./dist/justFlipIt.mjs"
+      },
+      "require": {
+        "types": "./dist/justFlipIt.d.cts",
+        "default": "./dist/justFlipIt.cjs"
+      }
+    },
+    "./vanilla": {
+      "import": {
+        "types": "./dist/justFlipIt.d.mts",
+        "default": "./dist/justFlipIt.mjs"
+      },
+      "require": {
+        "types": "./dist/justFlipIt.d.cts",
+        "default": "./dist/justFlipIt.cjs"
+      }
     },
     "./combined": {
-      "import": "./dist/justFlipIt.js",
-      "require": "./dist/justFlipIt.js",
-      "browser": "./dist/justFlipIt.min.js"
-    }
+      "import": {
+        "types": "./dist/justFlipIt.d.mts",
+        "default": "./dist/justFlipIt.mjs"
+      },
+      "require": {
+        "types": "./dist/justFlipIt.d.cts",
+        "default": "./dist/justFlipIt.cjs"
+      }
+    },
+    "./react": {
+      "import": {
+        "types": "./dist/react.d.mts",
+        "default": "./dist/react.mjs"
+      },
+      "require": {
+        "types": "./dist/react.d.cts",
+        "default": "./dist/react.cjs"
+      }
+    },
+    "./vue": {
+      "import": {
+        "types": "./dist/vue.d.mts",
+        "default": "./dist/vue.mjs"
+      },
+      "require": {
+        "types": "./dist/vue.d.cts",
+        "default": "./dist/vue.cjs"
+      }
+    },
+    "./svelte": {
+      "import": {
+        "types": "./dist/svelte.d.mts",
+        "default": "./dist/svelte.mjs"
+      },
+      "require": {
+        "types": "./dist/svelte.d.cts",
+        "default": "./dist/svelte.cjs"
+      }
+    },
+    "./agent": {
+      "import": {
+        "types": "./dist/agent.d.mts",
+        "default": "./dist/agent.mjs"
+      },
+      "require": {
+        "types": "./dist/agent.d.cts",
+        "default": "./dist/agent.cjs"
+      }
+    },
+    "./dist/*": "./dist/*"
   },
   "files": [
     "dist",
-    "src",
     "README.md",
-    "LICENSE"
+    "LICENSE",
+    "CHANGELOG.md"
   ],
   "scripts": {
-    "build": "npm run build:clean && npm run build:copy",
-    "build:clean": "rm -rf dist && mkdir -p dist/types",
-    "build:copy": "npm run build:copy:vanilla && npm run build:copy:modern && npm run build:copy:combined && npm run build:copy:types",
-    "build:copy:vanilla": "cp src/justFlipIt-vanilla.js dist/ && cp src/justFlipIt-vanilla.min.js dist/",
-    "build:copy:modern": "cp src/justFlipIt-modern.js dist/ && cp src/justFlipIt-modern.min.js dist/",
-    "build:copy:combined": "cp src/justFlipIt-combined.js dist/justFlipIt.js && cp src/justFlipIt-combined.min.js dist/justFlipIt.min.js",
-    "build:copy:types": "cp src/justFlipIt.d.ts dist/types/justFlipIt.d.ts",
-    "deploy:pages": "./update-gh-pages.sh",
-    "prepublishOnly": "npm run build",
-    "test": "node_modules/karma/bin/karma start karma.conf.js"
+    "build": "node scripts/build.mjs",
+    "test": "npm run build && node --test tests/*.test.mjs",
+    "typecheck": "tsc -p tests/tsconfig.json",
+    "check": "npm test && npm run typecheck",
+    "prepublishOnly": "npm run check",
+    "deploy:pages": "./update-gh-pages.sh"
   },
   "devDependencies": {
-    "chai": "^4.1.2",
-    "karma": "^2.0.0",
-    "karma-chai": "^0.1.0",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-mocha": "^1.3.0",
-    "karma-mocha-reporter": "^2.2.5",
-    "mocha": "^5.0.0"
+    "esbuild": "^0.25.0",
+    "jsdom": "^26.0.0",
+    "typescript": "^5.8.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@types/react": "^19.0.0",
+    "vue": "^3.5.0",
+    "svelte": "^5.0.0"
   },
   "peerDependencies": {
-    "jquery": ">=1.7.0"
+    "react": ">=18",
+    "vue": ">=3",
+    "svelte": ">=4"
   },
   "peerDependenciesMeta": {
-    "jquery": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
       "optional": true
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/SimHub/justFlipIt.git"
@@ -79,13 +147,12 @@
   "keywords": [
     "flip",
     "animation",
-    "css3",
-    "javascript",
-    "vanilla",
-    "transition",
-    "jquery",
-    "modern",
+    "tilt",
+    "react",
+    "vue",
+    "svelte",
+    "agent",
     "3d",
-    "transform"
+    "typescript"
   ]
 }