Function ModelForm

src/components/Models/ModelForm.tsx:40–238

(props: { models: ModelManager; currentModel?: Model; duplicate?: boolean })

}

export default function ModelForm(props: { models: ModelManager; currentModel?: Model; duplicate?: boolean }) {
  const { models, currentModel, duplicate } = props;
  const { pop } = useNavigation();
  const [uuid, setUUID] = useState<string>("");

  const getDefaultValues = () => {
    try {
      const advancedSettingsValues = JSON.parse(
        fs.readFileSync(path.join(environment.supportPath, ADVANCED_SETTINGS_FILENAME), "utf-8"),
      );
      if ("modelDefaults" in advancedSettingsValues) {
        return advancedSettingsValues.modelDefaults;
      }
    } catch (error) {
      console.error(error);
    }

    return models.dummyModel();
  };

  useEffect(() => {
    const id = randomUUID();
    setUUID(id);
    if (currentModel && !currentModel.id) {
      Promise.resolve(updateModel(currentModel, { ...currentModel, id: id })).then(() => models.revalidate());
    }
  }, []);

  const { handleSubmit, itemProps, values } = useForm<ModelFormValues>({
    async onSubmit(values) {
      await LocalStorage.setItem(`--model-${values.name}`, JSON.stringify(values));
      if (currentModel && currentModel.name != values.name) {
        await LocalStorage.removeItem(`--model-${currentModel.name}`);
      }

      models.revalidate();

      if (currentModel && !duplicate) {
        await showToast({ title: "Models Saved" });
      } else {
        await showToast({ title: "Added Model" });
      }

      pop();
    },
    initialValues: currentModel || getDefaultValues(),
    validation: {
      name: FormValidation.Required,
    },
  });

  return (
    <Form
      actions={
        <ActionPanel>
          <Action.SubmitForm title="Save" onSubmit={handleSubmit} />
        </ActionPanel>
      }