@toankhontech/arctimer-expo 0.0.0

package/app.plugin.js

@@ -0,0 +1,3 @@
+// Expo config plugin for @toankhontech/arctimer-expo
+// Currently a no-op since react-native-svg auto-links in Expo
+module.exports = (config) => config

package/dist/index.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+var arctimerReactNative = require('@toankhontech/arctimer-react-native');
+var arctimerThemes = require('@toankhontech/arctimer-themes');
+var react = require('react');
+var reactNative = require('react-native');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/index.ts
+function ExpoTimerProvider({
+  theme = "auto",
+  pauseOnBackground = true,
+  children
+}) {
+  const appStateRef = react.useRef(reactNative.AppState.currentState);
+  react.useEffect(() => {
+    if (!pauseOnBackground) return;
+    const handleAppStateChange = (nextAppState) => {
+      appStateRef.current = nextAppState;
+    };
+    const subscription = reactNative.AppState.addEventListener(
+      "change",
+      handleAppStateChange
+    );
+    return () => {
+      subscription.remove();
+    };
+  }, [pauseOnBackground]);
+  return /* @__PURE__ */ jsxRuntime.jsx(arctimerThemes.TimerThemeProvider, { theme, children });
+}
+
+Object.defineProperty(exports, "CountdownCircleTimer", {
+  enumerable: true,
+  get: function () { return arctimerReactNative.CountdownCircleTimer; }
+});
+Object.defineProperty(exports, "TimerGroup", {
+  enumerable: true,
+  get: function () { return arctimerReactNative.TimerGroup; }
+});
+Object.defineProperty(exports, "useCountdown", {
+  enumerable: true,
+  get: function () { return arctimerReactNative.useCountdown; }
+});
+Object.defineProperty(exports, "useReducedMotion", {
+  enumerable: true,
+  get: function () { return arctimerReactNative.useReducedMotion; }
+});
+Object.defineProperty(exports, "useTimerGroup", {
+  enumerable: true,
+  get: function () { return arctimerReactNative.useTimerGroup; }
+});
+Object.defineProperty(exports, "TimerThemeProvider", {
+  enumerable: true,
+  get: function () { return arctimerThemes.TimerThemeProvider; }
+});
+Object.defineProperty(exports, "createTheme", {
+  enumerable: true,
+  get: function () { return arctimerThemes.createTheme; }
+});
+Object.defineProperty(exports, "darkTheme", {
+  enumerable: true,
+  get: function () { return arctimerThemes.darkTheme; }
+});
+Object.defineProperty(exports, "defaultTheme", {
+  enumerable: true,
+  get: function () { return arctimerThemes.defaultTheme; }
+});
+Object.defineProperty(exports, "minimalTheme", {
+  enumerable: true,
+  get: function () { return arctimerThemes.minimalTheme; }
+});
+Object.defineProperty(exports, "neonTheme", {
+  enumerable: true,
+  get: function () { return arctimerThemes.neonTheme; }
+});
+Object.defineProperty(exports, "useTimerTheme", {
+  enumerable: true,
+  get: function () { return arctimerThemes.useTimerTheme; }
+});
+Object.defineProperty(exports, "vibrantTheme", {
+  enumerable: true,
+  get: function () { return arctimerThemes.vibrantTheme; }
+});
+exports.ExpoTimerProvider = ExpoTimerProvider;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExpoTimerProvider.tsx"],"names":["useRef","AppState","useEffect","jsx","TimerThemeProvider"],"mappings":";;;;;;;;;AAcO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA,GAAQ,MAAA;AAAA,EACR,iBAAA,GAAoB,IAAA;AAAA,EACpB;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,WAAA,GAAcA,YAAA,CAAOC,oBAAA,CAAS,YAAY,CAAA;AAEhD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,iBAAA,EAAmB;AAExB,IAAA,MAAM,oBAAA,GAAuB,CAAC,YAAA,KAAiC;AAC7D,MAAA,WAAA,CAAY,OAAA,GAAU,YAAA;AAAA,IACxB,CAAA;AAEA,IAAA,MAAM,eAAeD,oBAAA,CAAS,gBAAA;AAAA,MAC5B,QAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,MAAA,EAAO;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,uBACEE,cAAA,CAACC,iCAAA,EAAA,EAAmB,KAAA,EACjB,QAAA,EACH,CAAA;AAEJ","file":"index.cjs","sourcesContent":["import { useEffect, useRef } from 'react'\nimport { AppState } from 'react-native'\nimport type { AppStateStatus } from 'react-native'\nimport {\n  TimerThemeProvider,\n  type ThemeProp,\n} from '@toankhontech/arctimer-themes'\n\nexport interface ExpoTimerProviderProps {\n  theme?: ThemeProp\n  pauseOnBackground?: boolean\n  children: React.ReactNode\n}\n\nexport function ExpoTimerProvider({\n  theme = 'auto',\n  pauseOnBackground = true,\n  children,\n}: ExpoTimerProviderProps) {\n  const appStateRef = useRef(AppState.currentState)\n\n  useEffect(() => {\n    if (!pauseOnBackground) return\n\n    const handleAppStateChange = (nextAppState: AppStateStatus) => {\n      appStateRef.current = nextAppState\n    }\n\n    const subscription = AppState.addEventListener(\n      'change',\n      handleAppStateChange\n    )\n\n    return () => {\n      subscription.remove()\n    }\n  }, [pauseOnBackground])\n\n  return (\n    <TimerThemeProvider theme={theme}>\n      {children}\n    </TimerThemeProvider>\n  )\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,13 @@
+export { Color, ColorFormat, CountdownCircleTimer, CountdownCircleTimerProps, CountdownProps, EasingConfig, EasingName, OnCompleteResult, RenderInfo, Rotation, Theme, TimerGroup, TimerGroupProps, TimerGroupRef, TimerRef, TimerStatus, UseCountdownReturn, UseTimerGroupReturn, useCountdown, useReducedMotion, useTimerGroup } from '@toankhontech/arctimer-react-native';
+import { ThemeProp } from '@toankhontech/arctimer-themes';
+export { TimerThemeProvider, createTheme, darkTheme, defaultTheme, minimalTheme, neonTheme, useTimerTheme, vibrantTheme } from '@toankhontech/arctimer-themes';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ExpoTimerProviderProps {
+    theme?: ThemeProp;
+    pauseOnBackground?: boolean;
+    children: React.ReactNode;
+}
+declare function ExpoTimerProvider({ theme, pauseOnBackground, children, }: ExpoTimerProviderProps): react_jsx_runtime.JSX.Element;
+
+export { ExpoTimerProvider, type ExpoTimerProviderProps };

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { Color, ColorFormat, CountdownCircleTimer, CountdownCircleTimerProps, CountdownProps, EasingConfig, EasingName, OnCompleteResult, RenderInfo, Rotation, Theme, TimerGroup, TimerGroupProps, TimerGroupRef, TimerRef, TimerStatus, UseCountdownReturn, UseTimerGroupReturn, useCountdown, useReducedMotion, useTimerGroup } from '@toankhontech/arctimer-react-native';
+import { ThemeProp } from '@toankhontech/arctimer-themes';
+export { TimerThemeProvider, createTheme, darkTheme, defaultTheme, minimalTheme, neonTheme, useTimerTheme, vibrantTheme } from '@toankhontech/arctimer-themes';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ExpoTimerProviderProps {
+    theme?: ThemeProp;
+    pauseOnBackground?: boolean;
+    children: React.ReactNode;
+}
+declare function ExpoTimerProvider({ theme, pauseOnBackground, children, }: ExpoTimerProviderProps): react_jsx_runtime.JSX.Element;
+
+export { ExpoTimerProvider, type ExpoTimerProviderProps };

package/dist/index.js

@@ -0,0 +1,33 @@
+export { CountdownCircleTimer, TimerGroup, useCountdown, useReducedMotion, useTimerGroup } from '@toankhontech/arctimer-react-native';
+import { TimerThemeProvider } from '@toankhontech/arctimer-themes';
+export { TimerThemeProvider, createTheme, darkTheme, defaultTheme, minimalTheme, neonTheme, useTimerTheme, vibrantTheme } from '@toankhontech/arctimer-themes';
+import { useRef, useEffect } from 'react';
+import { AppState } from 'react-native';
+import { jsx } from 'react/jsx-runtime';
+
+// src/index.ts
+function ExpoTimerProvider({
+  theme = "auto",
+  pauseOnBackground = true,
+  children
+}) {
+  const appStateRef = useRef(AppState.currentState);
+  useEffect(() => {
+    if (!pauseOnBackground) return;
+    const handleAppStateChange = (nextAppState) => {
+      appStateRef.current = nextAppState;
+    };
+    const subscription = AppState.addEventListener(
+      "change",
+      handleAppStateChange
+    );
+    return () => {
+      subscription.remove();
+    };
+  }, [pauseOnBackground]);
+  return /* @__PURE__ */ jsx(TimerThemeProvider, { theme, children });
+}
+
+export { ExpoTimerProvider };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExpoTimerProvider.tsx"],"names":[],"mappings":";;;;;;;;AAcO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA,GAAQ,MAAA;AAAA,EACR,iBAAA,GAAoB,IAAA;AAAA,EACpB;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,QAAA,CAAS,YAAY,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,iBAAA,EAAmB;AAExB,IAAA,MAAM,oBAAA,GAAuB,CAAC,YAAA,KAAiC;AAC7D,MAAA,WAAA,CAAY,OAAA,GAAU,YAAA;AAAA,IACxB,CAAA;AAEA,IAAA,MAAM,eAAe,QAAA,CAAS,gBAAA;AAAA,MAC5B,QAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,MAAA,EAAO;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,uBACE,GAAA,CAAC,kBAAA,EAAA,EAAmB,KAAA,EACjB,QAAA,EACH,CAAA;AAEJ","file":"index.js","sourcesContent":["import { useEffect, useRef } from 'react'\nimport { AppState } from 'react-native'\nimport type { AppStateStatus } from 'react-native'\nimport {\n  TimerThemeProvider,\n  type ThemeProp,\n} from '@toankhontech/arctimer-themes'\n\nexport interface ExpoTimerProviderProps {\n  theme?: ThemeProp\n  pauseOnBackground?: boolean\n  children: React.ReactNode\n}\n\nexport function ExpoTimerProvider({\n  theme = 'auto',\n  pauseOnBackground = true,\n  children,\n}: ExpoTimerProviderProps) {\n  const appStateRef = useRef(AppState.currentState)\n\n  useEffect(() => {\n    if (!pauseOnBackground) return\n\n    const handleAppStateChange = (nextAppState: AppStateStatus) => {\n      appStateRef.current = nextAppState\n    }\n\n    const subscription = AppState.addEventListener(\n      'change',\n      handleAppStateChange\n    )\n\n    return () => {\n      subscription.remove()\n    }\n  }, [pauseOnBackground])\n\n  return (\n    <TimerThemeProvider theme={theme}>\n      {children}\n    </TimerThemeProvider>\n  )\n}\n"]}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@toankhontech/arctimer-expo",
+  "version": "0.0.0",
+  "description": "Expo wrapper for ArcTimer with auto-linking and Expo optimizations",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": ["dist", "README.md", "app.plugin.js"],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist .turbo"
+  },
+  "dependencies": {
+    "@toankhontech/arctimer-react-native": "workspace:*",
+    "@toankhontech/arctimer-themes": "workspace:*"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.0",
+    "@types/react": "^19.0.0"
+  },
+  "peerDependencies": {
+    "expo": ">=49.0.0",
+    "react": ">=18.0.0",
+    "react-native": ">=0.72.0",
+    "react-native-svg": ">=13.0.0"
+  },
+  "keywords": ["expo", "countdown", "timer", "circle", "react-native"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/toankhontech/arc-timer.git",
+    "directory": "packages/expo"
+  },
+  "homepage": "https://github.com/toankhontech/arc-timer",
+  "bugs": {
+    "url": "https://github.com/toankhontech/arc-timer/issues"
+  },
+  "author": "toankhontech",
+  "license": "MIT"
+}