@rific/timer 0.3.0 → 0.3.2

package/dist/index.js

@@ -46,7 +46,7 @@ var Timer = ({ children, color, duration, onStart, onStop, radius, startProgress
   const progressRef = (0, import_react.useRef)(startProgress);
   const startedRef = (0, import_react.useRef)(null);
   const circumference = 2 * Math.PI * radius;
-  const animation = (0, import_react.useRef)(new import_react_native.Animated.Value(0)).current;
+  const [animation] = (0, import_react.useState)(() => new import_react_native.Animated.Value(0));
   const animatedProps = {
     strokeDashoffset: animation.interpolate({
       inputRange: [0, 1],

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/Timer.tsx
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { Animated, Easing, StyleSheet, View } from "react-native";
 import Svg, { Circle, G } from "react-native-svg";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,7 +10,7 @@ var Timer = ({ children, color, duration, onStart, onStop, radius, startProgress
   const progressRef = useRef(startProgress);
   const startedRef = useRef(null);
   const circumference = 2 * Math.PI * radius;
-  const animation = useRef(new Animated.Value(0)).current;
+  const [animation] = useState(() => new Animated.Value(0));
   const animatedProps = {
     strokeDashoffset: animation.interpolate({
       inputRange: [0, 1],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rific/timer",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Animated SVG progress ring timer for React Native",
   "keywords": [
     "react-native",
@@ -43,32 +43,33 @@
     "!src/__mocks__"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
-    "build:watch": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "build": "tsup",
+    "build:watch": "tsup --watch",
     "fix": "eslint --fix",
     "lint": "eslint",
     "prepublishOnly": "npm run build",
     "release": "git push --follow-tags",
-    "release:major": "npm version major && git push --follow-tags",
-    "release:minor": "npm version minor && git push --follow-tags",
-    "release:patch": "npm version patch && git push --follow-tags",
+    "release:major": "npm version major && npm run release",
+    "release:minor": "npm version minor && npm run release",
+    "release:patch": "npm version patch && npm run release",
     "test": "jest",
     "test:watch": "jest --watchAll",
     "typecheck": "tsc --noEmit",
-    "preversion": "npm run lint && npm test && npm run build"
+    "verify": "npm run lint && npm test && npm run typecheck && npm run build",
+    "preversion": "npm run verify"
   },
+  "prettier": "@infinitetoken/eslint-config/prettier",
   "devDependencies": {
+    "@infinitetoken/eslint-config": "^0.1.8",
+    "@infinitetoken/jest-config": "^0.2.0",
+    "@infinitetoken/tsconfig": "^0.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.0.0",
-    "@typescript-eslint/parser": "^8.59.3",
     "eslint": "^9.39.4",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-package-json": "^1.0.0",
-    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-native": "^5.0.0",
-    "eslint-plugin-simple-import-sort": "^13.0.0",
     "jest": "^30.4.2",
     "jest-environment-jsdom": "^30.4.1",
     "prettier": "^3.8.3",
@@ -76,11 +77,8 @@
     "react-dom": "^19.0.0",
     "react-native": "^0.85.3",
     "react-native-svg": "^15.15.5",
-    "ts-jest": "^29.4.9",
-    "ts-node": "^10.9.2",
     "tsup": "^8.0.0",
-    "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.3"
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
     "react": ">=19.0.0",

package/src/Timer.tsx

@@ -1,4 +1,4 @@
-import { type ReactNode, useCallback, useEffect, useRef } from 'react'
+import { type ReactNode, useCallback, useEffect, useRef, useState } from 'react'
 import { Animated, Easing, StyleSheet, View, ViewStyle } from 'react-native'
 import Svg, { Circle, G } from 'react-native-svg'
 
@@ -24,7 +24,7 @@ export const Timer = ({ children, color, duration, onStart, onStop, radius, star
   const progressRef = useRef(startProgress)
   const startedRef = useRef<string | null>(null)
   const circumference = 2 * Math.PI * radius
-  const animation = useRef(new Animated.Value(0)).current
+  const [animation] = useState(() => new Animated.Value(0))
   const animatedProps = {
     strokeDashoffset: animation.interpolate({
       inputRange: [0, 1],