fix: handle shorted framework name from query

Author: softmarshmallow

editor/components/codeui-code-options-control/code-options-control.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { IField, LanguageType, Option } from "@code-ui/docstring/dist/lib/type";
 import { Docstring as DocstringView } from "@code-ui/docstring";
 import {
@@ -32,13 +32,13 @@ export function CodeOptionsControl(props: CodeOptionsControlProps) {
     all_preset_options_map__prod[__presetname]
   );
 
-  assert(useroption, "option must be specified");
-
   useEffect(() => {
     // trigger initial value
     props.onUseroptionChange(useroption);
   }, []);
 
+  assert(useroption, "option must be specified");
+
   // FIXME: this should be fixed on https://github.com/gridaco/code-like-ui (view CURSOR)
   const __dirty_sort_framework = (): Option<string>[] => {
     const presets = [

editor/components/codeui-code-options-control/framework-options.ts

@@ -126,7 +126,9 @@ export const all_preset_options__prod = [
 
 export const all_preset_options_map__prod = {
   none: null,
+  flutter: flutter_presets.flutter_default,
   flutter_default: flutter_presets.flutter_default,
+  react: react_presets.react_default,
   react_default: react_presets.react_default,
   react_with_styled_components: react_presets.react_with_styled_components,
   react_with_inline_css: react_presets.react_with_inline_css,