Fix snippet options retrieval in playground

Author: elchininet

docs/scripts/index.js

@@ -24,6 +24,7 @@ export interface AppProviderContext {
     windowSizes: WindowSizes;
     setCode: (code: string) => void;
     share: (code: string, options: string) => void;
+    setOptions: (options: PluginOptions) => void;
     setOptionsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     changeOptionsMode: (mode: Mode) => void;
     changeOptionsSource: (source: Source) => void;
@@ -110,6 +111,7 @@ export const AppProvider = (props: PropsWithChildren<{}>): JSX.Element => {
         optionsOpen,
         setCode,
         share,
+        setOptions,
         setOptionsOpen,
         changeOptionsMode,
         changeOptionsSource,

playground/src/components/AppProvider/AppProvider.tsx

@@ -9,6 +9,7 @@ import { isBoolean } from '@utilities/types';
 export const Options = (): JSX.Element => {
 
     const {
+        setOptions,
         optionsOpen,
         changeOptionsMode,
         changeOptionsSource,
@@ -52,36 +53,7 @@ export const Options = (): JSX.Element => {
 
     useEffect(() => {
         if (fetchOptions) {
-            if (fetchOptions.mode) {
-                changeMode(fetchOptions.mode as string);
-            }
-            if (fetchOptions.source) {
-                changeSource(fetchOptions.source === 'rtl');
-            }
-            if (isBoolean(fetchOptions.safeBothPrefix)) {
-                changeIgnorePrefixedRules(fetchOptions.safeBothPrefix as boolean);
-            }
-            if (isBoolean(fetchOptions.ignorePrefixedRules)) {
-                changeIgnorePrefixedRules(fetchOptions.ignorePrefixedRules as boolean);
-            }
-            if (isBoolean(fetchOptions.processUrls)) {
-                changeProcessUrls(fetchOptions.processUrls as boolean);
-            }
-            if (isBoolean(fetchOptions.processKeyFrames)) {
-                changeProcessKeyframes(fetchOptions.processKeyFrames as boolean);
-            }
-            if (isBoolean(fetchOptions.processEnv)) {
-                changeProcessEnv(fetchOptions.processEnv as boolean);
-            }
-            if (isBoolean(fetchOptions.useCalc)) {
-                changeUseCalc(fetchOptions.useCalc as boolean);
-            }
-            if (fetchOptions.autoRename) {
-                changeAutoRename(fetchOptions.autoRename as string);
-            }
-            if (isBoolean(fetchOptions.greedy)) {
-                changeGreedy(fetchOptions.greedy as boolean);
-            }
+            setOptions(fetchOptions);
         }
     }, [fetchOptions]);