Merge pull request #301 from jpudysz/feature/get-theme

feat: get theme by name
jpudysz · Oct 2, 2024 · 7b98bed · 7b98bed
2 parents 4682e60 + e5026b8
commit 7b98bed
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 4 deletions.
diff --git a/docs/.astro/settings.json b/docs/.astro/settings.json
@@ -1,5 +1,5 @@
 {
 	"_variables": {
-		"lastUpdateCheck": 1725018017706
+		"lastUpdateCheck": 1727846556761
 	}
 }
diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -101,12 +101,12 @@ export default defineConfig({
                         },
                         {
                             label: 'Unistyles Registry',
-                            link: '/reference/unistyles-registry/',
-                            badge: 'Updated'
+                            link: '/reference/unistyles-registry/'
                         },
                         {
                             label: 'Unistyles Runtime',
-                            link: '/reference/unistyles-runtime/'
+                            link: '/reference/unistyles-runtime/',
+                            badge: 'Updated'
                         },
                         {
                             label: 'Content size category',

diff --git a/docs/src/content/docs/reference/unistyles-runtime.mdx b/docs/src/content/docs/reference/unistyles-runtime.mdx
@@ -54,6 +54,7 @@ and use it anywhere in your code, even outside a component.
 | <Badge label="2.8.0" />| fontScale | number | Font scale of the device |
 | <Badge label="2.9.0" />| hairlineWidth | number | The thinnest width of the platform |
 | <Badge label="2.9.0" />| rtl | boolean | Indicates if the device is in RTL mode |
+| <Badge label="2.10.0" />| getTheme | (themeName?: string) => Theme | Get theme by name or current theme if not specified |
 
 ## Setters
 

diff --git a/src/core/UnistylesRuntime.ts b/src/core/UnistylesRuntime.ts
@@ -195,6 +195,19 @@ export class UnistylesRuntime {
         return nearestPixel / pixelRatio
     }
 
+    /**
+     * Get theme by name
+     * @param themeName - The name of the theme to get or current theme if not specified
+     * @returns - The theme
+     */
+    public getTheme(themeName?: keyof UnistylesThemes) {
+        if (!themeName) {
+            return this.unistylesRegistry.getTheme(this.themeName)
+        }
+
+        return this.unistylesRegistry.getTheme(themeName)
+    }
+
     /**
      * Get the immersive mode (both status bar and navigation bar hidden (Android))
      * @param isEnabled

diff --git a/src/core/mocks/UnistylesMockedRuntime.ts b/src/core/mocks/UnistylesMockedRuntime.ts
@@ -126,6 +126,14 @@ export class UnistylesMockedRuntime {
         return ScreenOrientation.Portrait
     }
 
+    public getTheme = (themeName?: keyof UnistylesThemes) => {
+        if (!themeName) {
+            return this.unistylesRegistry.getTheme(this.themeName)
+        }
+
+        return this.unistylesRegistry.getTheme(themeName)
+    }
+
     public setTheme = (name: keyof UnistylesThemes) => true
     public updateTheme = (name: keyof UnistylesThemes, theme: UnistylesThemes[keyof UnistylesThemes]) => {}
     public setAdaptiveThemes = (enabled: boolean) => {}