commit 7904d1f250467efc480afff6a5f7a2fd6de685f9 · notnite.com/moonlight

+2 -1

packages/core-extensions/src/moonbase/index.tsx

···

       38
        
       };

     

       39
        
       

     

       40
        
       export const styles = [

     

       41
       -
         ".moonbase-settings > :first-child { margin-top: 0px; }"

     

       0
        
       
     

       42
        
       ];

···

       38
        
       };

     

       39
        
       

     

       40
        
       export const styles = [

     

       41
       +
         ".moonbase-settings > :first-child { margin-top: 0px; }",

     

       42
       +
         "textarea.moonbase-resizeable  { resize: vertical }"

     

       43
        
       ];

+26

packages/core-extensions/src/moonbase/webpackModules/ui/extensions/settings.tsx

···

       122
        
         );

     

       123
        
       }

     

       124
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       125
        
       function Select({ ext, name, setting, disabled }: SettingsProps) {

     

       126
        
         const { FormItem, FormText, SingleSelect } = CommonComponents;

     

       127
        
         const { value, displayName, description } = useConfigEntry<string>(

     
···

       370
        
           [ExtensionSettingType.Boolean]: Boolean,

     

       371
        
           [ExtensionSettingType.Number]: Number,

     

       372
        
           [ExtensionSettingType.String]: String,

     

       0
        
       
     

       373
        
           [ExtensionSettingType.Select]: Select,

     

       374
        
           [ExtensionSettingType.MultiSelect]: MultiSelect,

     

       375
        
           [ExtensionSettingType.List]: List,

···

       122
        
         );

     

       123
        
       }

     

       124
        
       

     

       125
       +
       function MultilineTextInput({ ext, name, setting, disabled }: SettingsProps) {

     

       126
       +
         const { FormItem, FormText, TextArea } = CommonComponents;

     

       127
       +
         const { value, displayName, description } = useConfigEntry<string>(

     

       128
       +
           ext.id,

     

       129
       +
           name

     

       130
       +
         );

     

       131
       +
       

     

       132
       +
         return (

     

       133
       +
           <FormItem className={Margins.marginTop20} title={displayName}>

     

       134
       +
             {description && (

     

       135
       +
               <FormText className={Margins.marginBottom8}>{description}</FormText>

     

       136
       +
             )}

     

       137
       +
             <TextArea

     

       138
       +
               rows={5}

     

       139
       +
               value={value ?? ""}

     

       140
       +
               className={"moonbase-resizeable"}

     

       141
       +
               onChange={(value: string) => {

     

       142
       +
                 if (disabled) return;

     

       143
       +
                 MoonbaseSettingsStore.setExtensionConfig(ext.id, name, value);

     

       144
       +
               }}

     

       145
       +
             />

     

       146
       +
           </FormItem>

     

       147
       +
         );

     

       148
       +
       }

     

       149
       +
       

     

       150
        
       function Select({ ext, name, setting, disabled }: SettingsProps) {

     

       151
        
         const { FormItem, FormText, SingleSelect } = CommonComponents;

     

       152
        
         const { value, displayName, description } = useConfigEntry<string>(

     
···

       395
        
           [ExtensionSettingType.Boolean]: Boolean,

     

       396
        
           [ExtensionSettingType.Number]: Number,

     

       397
        
           [ExtensionSettingType.String]: String,

     

       398
       +
           [ExtensionSettingType.MultilineTextInput]: MultilineTextInput,

     

       399
        
           [ExtensionSettingType.Select]: Select,

     

       400
        
           [ExtensionSettingType.MultiSelect]: MultiSelect,

     

       401
        
           [ExtensionSettingType.List]: List,

packages/types/src/config.ts

···

       19
        
         Boolean = "boolean",

     

       20
        
         Number = "number",

     

       21
        
         String = "string",

     

       0
        
       
     

       22
        
         Select = "select",

     

       23
        
         MultiSelect = "multiselect",

     

       24
        
         List = "list",

     
···

       47
        
       

     

       48
        
       export type StringSettingType = {

     

       49
        
         type: ExtensionSettingType.String;

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       50
        
         default?: string;

     

       51
        
       };

     

       52
        
       

     
···

       84
        
         | BooleanSettingType

     

       85
        
         | NumberSettingType

     

       86
        
         | StringSettingType

     

       0
        
       
     

       87
        
         | SelectSettingType

     

       88
        
         | MultiSelectSettingType

     

       89
        
         | ListSettingType

···

       19
        
         Boolean = "boolean",

     

       20
        
         Number = "number",

     

       21
        
         String = "string",

     

       22
       +
         MultilineTextInput = "multilinetextinput",

     

       23
        
         Select = "select",

     

       24
        
         MultiSelect = "multiselect",

     

       25
        
         List = "list",

     
···

       48
        
       

     

       49
        
       export type StringSettingType = {

     

       50
        
         type: ExtensionSettingType.String;

     

       51
       +
         default?: string;

     

       52
       +
       };

     

       53
       +
       

     

       54
       +
       export type MultilineTextInputSettingType = {

     

       55
       +
         type: ExtensionSettingType.MultilineTextInput;

     

       56
        
         default?: string;

     

       57
        
       };

     

       58
        
       

     
···

       90
        
         | BooleanSettingType

     

       91
        
         | NumberSettingType

     

       92
        
         | StringSettingType

     

       93
       +
         | MultilineTextInputSettingType

     

       94
        
         | SelectSettingType

     

       95
        
         | MultiSelectSettingType

     

       96
        
         | ListSettingType

+45

packages/types/src/coreExtensions/components.ts

···

       43
        
         Sizes: typeof TextInputSizes;

     

       44
        
       }

     

       45
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       46
        
       export enum FormTextTypes {

     

       47
        
         DEFAULT = "default",

     

       48
        
         DESCRIPTION = "description",

     
···

       238
        
           }>

     

       239
        
         >;

     

       240
        
         TextInput: TextInput;

     

       0
        
       
     

       241
        
         FormDivider: ComponentClass<any>;

     

       242
        
         FormSection: ComponentClass<

     

       243
        
           PropsWithChildren<{

···

       43
        
         Sizes: typeof TextInputSizes;

     

       44
        
       }

     

       45
        
       

     

       46
       +
       export enum TextAreaAutoComplete {

     

       47
       +
         ON = "on",

     

       48
       +
         OFF = "off"

     

       49
       +
       }

     

       50
       +
       

     

       51
       +
       export enum TextAreaWrap {

     

       52
       +
         HARD = "hard",

     

       53
       +
         SOFT = "soft",

     

       54
       +
         OFF = "off"

     

       55
       +
       }

     

       56
       +
       

     

       57
       +
       interface TextArea

     

       58
       +
         extends ComponentClass<

     

       59
       +
           PropsWithoutRef<{

     

       60
       +
             value?: string;

     

       61
       +
             defaultValue?: string;

     

       62
       +
             autoComplete?: TextAreaAutoComplete;

     

       63
       +
             autoFocus?: boolean;

     

       64
       +
             cols?: number;

     

       65
       +
             disabled?: boolean;

     

       66
       +
             form?: string;

     

       67
       +
             maxLength?: number;

     

       68
       +
             minLength?: number;

     

       69
       +
             name?: string;

     

       70
       +
             onChange?: (value: string, name: string) => void;

     

       71
       +
             onChangeCapture?: (value: string, name: string) => void;

     

       72
       +
             onInput?: (value: string, name: string) => void;

     

       73
       +
             onInputCapture?: (value: string, name: string) => void;

     

       74
       +
             onInvalid?: (value: string, name: string) => void;

     

       75
       +
             onInvalidCapture?: (value: string, name: string) => void;

     

       76
       +
             onSelect?: (value: string, name: string) => void;

     

       77
       +
             onSelectCapture?: (value: string, name: string) => void;

     

       78
       +
             placeholder?: string;

     

       79
       +
             readOnly?: boolean;

     

       80
       +
             required?: boolean;

     

       81
       +
             rows?: number;

     

       82
       +
             wrap?: TextAreaWrap;

     

       83
       +
             className?: string;

     

       84
       +
           }>

     

       85
       +
         > {

     

       86
       +
         AutoCompletes: typeof TextAreaAutoComplete;

     

       87
       +
         Wraps: typeof TextAreaWrap;

     

       88
       +
       }

     

       89
       +
       

     

       90
        
       export enum FormTextTypes {

     

       91
        
         DEFAULT = "default",

     

       92
        
         DESCRIPTION = "description",

     
···

       282
        
           }>

     

       283
        
         >;

     

       284
        
         TextInput: TextInput;

     

       285
       +
         TextArea: TextArea;

     

       286
        
         FormDivider: ComponentClass<any>;

     

       287
        
         FormSection: ComponentClass<

     

       288
        
           PropsWithChildren<{