svelte-os-themes 0.1.0 → 0.3.0

package/README.md

@@ -120,3 +120,13 @@ npm install svelte-os-themes
 - `value`
 
   Returns the current theme when used as a getter and sets the theme when used as a setter.
+
+### parseTheme
+
+`parseTheme` is a helper function that parses any value into a valid theme. See example below
+
+```js
+console.log(parseTheme('LIGHT')); // 'light'
+console.log(parseTheme('invalid')); // undefined
+console.log(parseTheme('invalid', 'dark')); // 'dark'
+```

package/dist/create-theme-context.svelte.d.ts

@@ -24,7 +24,8 @@ export interface CreateThemeContextConfig {
 }
 export type CreateThemeContextReturn = ReturnType<typeof createThemeContext>;
 export declare function createThemeContext(config?: CreateThemeContextConfig): {
-    theme: Theme;
+    get theme(): Theme;
+    set theme(value: Theme | null | undefined);
     readonly effects: {
         setup(): void;
         themeChanged(): void;

package/dist/create-theme-context.svelte.js

@@ -84,7 +84,7 @@ export function createThemeContext(config) {
             return theme;
         },
         set theme(value) {
-            theme = value;
+            theme = value ?? fallback;
         },
         get effects() {
             return effects;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { parseTheme } from './parse-theme.js';
 export { default as ThemeProvider } from './theme-provider.svelte';
 export type { Theme } from './types.js';
 export { useTheme } from './use-theme.svelte.js';

package/dist/index.js

@@ -1,2 +1,3 @@
+export { parseTheme } from './parse-theme.js';
 export { default as ThemeProvider } from './theme-provider.svelte';
 export { useTheme } from './use-theme.svelte.js';

package/dist/parse-theme.d.ts

@@ -1,3 +1,13 @@
 import type { Theme } from './types.js';
+/**
+ * Parses string to theme
+ *
+ * @example
+ * ```ts
+ * console.log(parseTheme('LIGHT')); // 'light'
+ * console.log(parseTheme('invalid')); // undefined
+ * console.log(parseTheme('invalid', 'dark')); // 'dark'
+ * ```
+ */
 export declare function parseTheme(value: unknown, fallback: Theme): Theme;
 export declare function parseTheme(value: unknown): Theme | undefined;

package/dist/use-theme.svelte.d.ts

@@ -37,5 +37,6 @@ import type { Theme } from './types.js';
  * ```
  */
 export declare function useTheme(): {
-    value: Theme;
+    get value(): Theme;
+    set value(theme: Theme | null | undefined);
 };

package/dist/use-theme.svelte.js

@@ -1,4 +1,5 @@
 import { getContext } from 'svelte';
+import { parseTheme } from './parse-theme.js';
 /**
  * @example
  * ```svelte
@@ -44,7 +45,10 @@ export function useTheme() {
         },
         set value(theme) {
             if (context) {
-                context.theme = theme;
+                const v = parseTheme(theme);
+                if (v) {
+                    context.theme = v;
+                }
             }
         },
     };

package/package.json

@@ -2,7 +2,7 @@
   "name": "svelte-os-themes",
   "type": "module",
   "license": "MIT",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {