Feat/free widget canvas

.gitignore

@@ -32,4 +32,6 @@ local_output
 diff.txt
 
 docs/*
-.claude
+.claude
+.agents
+graphify-out

package.json

@@ -14,6 +14,7 @@
     "zip:firefox": "wxt zip -b firefox",
     "zip:firefox:clean": "npm run clean && wxt zip -b firefox",
     "compile": "tsc --noEmit",
+    "test": "bun test",
     "test:pre-push": ".git/hooks/pre-push.bat",
     "postinstall": "wxt prepare"
   },
@@ -25,7 +26,6 @@
     "@wxt-dev/webextension-polyfill": "1.0.0",
     "axios": "1.18.0",
     "canvas-confetti": "1.9.4",
-    "chart.js": "4.5.1",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "framer-motion": "12.40.0",
@@ -36,7 +36,6 @@
     "motion": "12.40.0",
     "ms": "2.1.3",
     "react": "19.2.7",
-    "react-chartjs-2": "5.3.1",
     "react-colorful": "5.7.0",
     "react-dom": "19.2.7",
     "react-easy-crop": "6.2.2",
@@ -65,6 +64,7 @@
     "@wxt-dev/auto-icons": "1.1.1",
     "@wxt-dev/module-react": "1.2.2",
     "daisyui": "5.5.23",
+    "react-scan": "^0.5.7",
     "tailwindcss": "4.3.1",
     "terser": "5.48.0",
     "typescript": "6.0.3",

src/common/constant/config.key.ts → src/common/constants/config.key.ts

@@ -1,4 +1,4 @@
 export enum ConfigKey {
-	VERSION_NAME = 'موج',
+	VERSION_NAME = 'کوروش',
 	WIG_COIN_ICON = 'https://cdn.widgetify.ir/extension/wig-icon.png',
 }

src/common/constant/moods.ts → src/common/constants/moods.ts

@@ -9,13 +9,6 @@ export const moodOptions = [
 	{
 		value: 'normal',
 		emoji: '😴',
-		label: '',
-		colorClass: 'warning',
-		borderClass: 'border-yellow-400/50',
-	},
-	{
-		value: 'tired',
-		emoji: '😴',
 		label: 'خستم',
 		colorClass: 'warning',
 		borderClass: 'border-yellow-400/50',

src/common/constant/store.key.ts → src/common/constants/store.key.ts

@@ -1,24 +1,23 @@
 import type { CurrencyColorMode } from '@/context/currency.context'
 import type { WidgetItem } from '@/context/widget-visibility.context'
 import type { Bookmark } from '@/layouts/bookmark/types/bookmark.types'
-import type { PetSettings } from '@/layouts/widgetify-card/pets/pet.context'
-import type { ComboTabType } from '@/layouts/widgets/combo-widget/combo-widget.layout'
+import type { PetSettings } from '@/layouts/widgets/pet/types'
+import type { ComboTabType } from '@/layouts/widgets/combo-widget/combo-widget.widget'
 import type { WigiNewsSetting } from '@/layouts/widgets/news/rss.interface'
 import type {
 	PomodoroSession,
 	PomodoroSettings,
 } from '@/layouts/widgets/tools/pomodoro/types'
-import type { ToolsTabType } from '@/layouts/widgets/tools/tools.layout'
+import type { ToolsTabType } from '@/layouts/widgets/tools/tools.widget'
 import type {
 	FetchedForecast,
 	FetchedWeather,
 	WeatherSettings,
 } from '@/layouts/widgets/weather/weather.interface'
-import type { ClockSettings } from '@/layouts/widgets/wigi-pad/clock-display/clock-setting.interface'
-import type { WigiPadDateSetting } from '@/layouts/widgets/wigi-pad/date-display/date-setting.interface'
-import type { ExtensionConfigResponse } from '@/services/config-data/config_data-api'
+import type { ClockSettings } from '@/layouts/widgets/clock/clock-setting.interface'
+import type { ExtensionConfigResponse } from '@/services/config-data/config-data.api'
 import type { FetchedCurrency } from '@/services/hooks/currency/get-currency-by-code.hook'
-import type { RecommendedSite, TrendItem } from '@/services/hooks/trends/get-trends'
+import type { RecommendedSite, TrendItem } from '@/services/hooks/trends/get-trends.hook'
 import type { UserProfile } from '@/services/hooks/user/user-service.hook'
 import type { StoredWallpaper, Wallpaper } from '../wallpaper.interface'
 import type { Todo } from '@/services/hooks/todo/todo.interface'
@@ -36,6 +35,7 @@ export interface StorageKV {
 	bookmarks: Bookmark[]
 	deletedBookmarkIds: string[]
 	showWelcomeModal: boolean
+	compact_currencies: any
 	weatherSettings: WeatherSettings
 	hasSeenTour: boolean
 	[key: `currency:${string}`]: FetchedCurrency
@@ -47,6 +47,8 @@ export interface StorageKV {
 	refresh_token: string | null
 	profile: UserProfile
 	activeWidgets: WidgetItem[]
+	storedWidgets: import('@/layouts/widgets/layout-engine/types').StoredWidget[]
+	widgetLayoutMigrationVersion: number
 	search_trends: TrendItem[]
 	recommended_sites: RecommendedSite[]
 	deletedTodos: Todo[]
@@ -62,7 +64,6 @@ export interface StorageKV {
 	recent_searches: any
 	pets: PetSettings
 	clock: ClockSettings
-	wigiPadDate: WigiPadDateSetting
 	configData: ExtensionConfigResponse
 	toolsTab: ToolsTabType
 	comboTabs: ComboTabType
@@ -78,7 +79,6 @@ export interface StorageKV {
 		name: string
 	}
 	pendingOrders: any
-	petState: boolean
 	showNewBadgeForReOrderWidgets: boolean
 	navbarVisible: boolean
 	todoFilter: string

src/common/storage.ts

@@ -1,5 +1,5 @@
 import { storage } from 'wxt/utils/storage'
-import type { StorageKV } from './constant/store.key'
+import type { StorageKV } from './constants/store.key'
 
 export async function setToStorage<K extends keyof StorageKV>(
 	key: K,
@@ -58,6 +58,21 @@ export async function removeFromStorage<K extends keyof StorageKV>(key: K) {
 	await storage.removeItem(`local:${key}`)
 }
 
+export const DEPRECATED_STORAGE_KEYS = ['petState'] as const
+
+export async function purgeDeprecatedStorageKeys() {
+	await Promise.all(
+		DEPRECATED_STORAGE_KEYS.map((key) => storage.removeItem(`local:${key}`))
+	)
+}
+
+export function watchStorage<K extends keyof StorageKV>(
+	key: K,
+	callback: (newValue: StorageKV[K] | null, oldValue: StorageKV[K] | null) => void
+) {
+	return storage.watch<StorageKV[K]>(`local:${key}`, callback)
+}
+
 export async function setWithExpiry<K extends keyof StorageKV>(
 	key: K,
 	value: StorageKV[K],