web.lib.components.quarkus-project.quarkus-project-flow.tsx Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of code-quarkus Show documentation
Customize a Web Interface to generate Quarkus starter projects.
There is a newer version: 37
import * as React from 'react';
import {
  generateProject,
  resolveInitialProject,
  Target,
  mapExtensions
} from '../api/quarkus-project-utils';
import { useAnalytics } from '../../core/analytics';
import { CodeQuarkusForm } from './quarkus-project-edition-form';
import { LoadingModal } from '../modals/loading-modal';
import { NextStepsModal } from '../modals/next-steps-modal';
import { ConfiguredCodeQuarkusProps } from '../code-quarkus';
import { ErrorModal } from '../modals/error-modal';
import { Platform, QuarkusProject } from '../api/model';
import { Api } from '../api/code-quarkus-api';
import { MissingExtensionWarningModal } from '../layout/missing-extension-warning-modal';

enum Status {
  EDITION = 'EDITION', RUNNING = 'RUNNING', ERROR = 'ERROR', DOWNLOADED = 'DOWNLOADED'
}

interface RunState {
  status: Status;
  result?: any;
  error?: any;
}

interface QuarkusProjectFlowProps extends ConfiguredCodeQuarkusProps {
  platform: Platform;
  api: Api;
  project: QuarkusProject;
  setProject: React.Dispatch>;
  filter: string;
  setFilter: React.Dispatch>;
}

export function QuarkusProjectFlow(props: QuarkusProjectFlowProps) {
  const initialized = React.useRef(false);
  const [ run, setRun ] = React.useState({ status: Status.EDITION });
  const [ missingExtensions, setMissingExtensions ] = React.useState([]);
  const analytics = useAnalytics();

  const generate = (target: Target = Target.DOWNLOAD) => {
    if (run.status !== Status.EDITION) {
      console.error(`Trying to generate an application from the wrong status: ${run.status}`);
      return;
    }
    if (target === Target.GITHUB) {
      setRun({ status: Status.RUNNING });
    }
    analytics.event('Generate application', { type: target });
    generateProject(props.api, props.config.environment, props.project, target).then((result) => {
      setRun((prev) => ({ ...prev, result, status: Status.DOWNLOADED }));
    }).catch((error: any) => {
      setRun(() => ({ status: Status.ERROR, error }));
    });
    if (target === Target.GITHUB) {
      props.setProject(prev => ({ ...prev, github: undefined }));
    }
  };

  React.useEffect(() => {
    if (!initialized.current) {
      initialized.current = true;
      if (props.project.github) {
        generate(Target.GITHUB);
      }
    }
    // eslint-disable-next-line
  }, []);

  const closeModal = (resetProject = true) => {
    setRun({ status: Status.EDITION });
    if (resetProject) {
      props.setProject(resolveInitialProject());
    }
  };

  const mappedExtensions = mapExtensions(props.platform.extensions, props.project.extensions);

  React.useEffect(() => {
    if(missingExtensions.length === 0 && mappedExtensions.missing.length > 0) {
      setMissingExtensions(mappedExtensions.missing);
      props.setProject((prev) => ({ ...prev, extensions: mappedExtensions.mapped.map(e => e.id) }));
    }
  }, [ missingExtensions, mappedExtensions.missing ]);
  
  return (
    <>
      
      {!run.error && run.status === Status.RUNNING && (
        
      )}
      {!run.error && run.status === Status.DOWNLOADED && (
          
      )}
      {run.error && (
         closeModal(false)} error={run.error}/>
      )}
      {missingExtensions.length > 0 && }
    
  );
}