mirror of
https://github.com/Kong/insomnia
synced 2024-11-12 17:26:32 +00:00
874 lines
33 KiB
JavaScript
874 lines
33 KiB
JavaScript
// @flow
|
|
import type { Settings } from '../../models/settings';
|
|
import type { Response } from '../../models/response';
|
|
import type { OAuth2Token } from '../../models/o-auth-2-token';
|
|
import type { Workspace } from '../../models/workspace';
|
|
import type { WorkspaceMeta } from '../../models/workspace-meta';
|
|
import type {
|
|
Request,
|
|
RequestAuthentication,
|
|
RequestBody,
|
|
RequestHeader,
|
|
RequestParameter,
|
|
} from '../../models/request';
|
|
import type { SidebarChildObjects } from './sidebar/sidebar-children';
|
|
import * as React from 'react';
|
|
import autobind from 'autobind-decorator';
|
|
import { registerModal, showModal } from './modals/index';
|
|
import AlertModal from './modals/alert-modal';
|
|
import WrapperModal from './modals/wrapper-modal';
|
|
import ErrorModal from './modals/error-modal';
|
|
import CookiesModal from './modals/cookies-modal';
|
|
import CookieModifyModal from '../components/modals/cookie-modify-modal';
|
|
import EnvironmentEditModal from './modals/environment-edit-modal';
|
|
import GenerateCodeModal from './modals/generate-code-modal';
|
|
import LoginModal from './modals/login-modal';
|
|
import ResponseDebugModal from './modals/response-debug-modal';
|
|
import PaymentNotificationModal from './modals/payment-notification-modal';
|
|
import NunjucksModal from './modals/nunjucks-modal';
|
|
import PromptModal from './modals/prompt-modal';
|
|
import AskModal from './modals/ask-modal';
|
|
import GenerateConfigModal from './modals/generate-config-modal';
|
|
import SelectModal from './modals/select-modal';
|
|
import RequestCreateModal from './modals/request-create-modal';
|
|
import RequestSwitcherModal from './modals/request-switcher-modal';
|
|
import SettingsModal from './modals/settings-modal';
|
|
import FilterHelpModal from './modals/filter-help-modal';
|
|
import RequestSettingsModal from './modals/request-settings-modal';
|
|
import SetupSyncModal from './modals/setup-sync-modal';
|
|
import SyncStagingModal from './modals/sync-staging-modal';
|
|
import GitRepositorySettingsModal from './modals/git-repository-settings-modal';
|
|
import GitStagingModal from './modals/git-staging-modal';
|
|
import GitBranchesModal from './modals/git-branches-modal';
|
|
import GitLogModal from './modals/git-log-modal';
|
|
import SyncMergeModal from './modals/sync-merge-modal';
|
|
import SyncHistoryModal from './modals/sync-history-modal';
|
|
import SyncShareModal from './modals/sync-share-modal';
|
|
import SyncBranchesModal from './modals/sync-branches-modal';
|
|
import SyncDeleteModal from './modals/sync-delete-modal';
|
|
import RequestRenderErrorModal from './modals/request-render-error-modal';
|
|
import WorkspaceEnvironmentsEditModal from './modals/workspace-environments-edit-modal';
|
|
import WorkspaceSettingsModal from './modals/workspace-settings-modal';
|
|
import WorkspaceShareSettingsModal from './modals/workspace-share-settings-modal';
|
|
import CodePromptModal from './modals/code-prompt-modal';
|
|
import * as db from '../../common/database';
|
|
import * as models from '../../models/index';
|
|
import * as importers from 'insomnia-importers';
|
|
import type { CookieJar } from '../../models/cookie-jar';
|
|
import type { Environment } from '../../models/environment';
|
|
import ErrorBoundary from './error-boundary';
|
|
import type { ClientCertificate } from '../../models/client-certificate';
|
|
import MoveRequestGroupModal from './modals/move-request-group-modal';
|
|
import AddKeyCombinationModal from './modals/add-key-combination-modal';
|
|
import ExportRequestsModal from './modals/export-requests-modal';
|
|
import VCS from '../../sync/vcs';
|
|
import type { StatusCandidate } from '../../sync/types';
|
|
import type { RequestMeta } from '../../models/request-meta';
|
|
import type { RequestVersion } from '../../models/request-version';
|
|
import type { ApiSpec } from '../../models/api-spec';
|
|
import GitVCS from '../../sync/git/git-vcs';
|
|
import { trackPageView } from '../../common/analytics';
|
|
import type { GitRepository } from '../../models/git-repository';
|
|
import WrapperHome from './wrapper-home';
|
|
import WrapperDesign from './wrapper-design';
|
|
import WrapperUnitTest from './wrapper-unit-test';
|
|
import WrapperOnboarding from './wrapper-onboarding';
|
|
import WrapperDebug from './wrapper-debug';
|
|
import { importRaw } from '../../common/import';
|
|
import GitSyncDropdown from './dropdowns/git-sync-dropdown';
|
|
import { DropdownButton } from './base/dropdown';
|
|
import type { ForceToWorkspace } from '../redux/modules/helpers';
|
|
import type { UnitTest } from '../../models/unit-test';
|
|
import type { UnitTestResult } from '../../models/unit-test-result';
|
|
import type { UnitTestSuite } from '../../models/unit-test-suite';
|
|
import type { GlobalActivity } from '../../common/constants';
|
|
import {
|
|
ACTIVITY_DEBUG,
|
|
ACTIVITY_HOME,
|
|
ACTIVITY_INSOMNIA,
|
|
ACTIVITY_SPEC,
|
|
ACTIVITY_UNIT_TEST,
|
|
getAppName,
|
|
} from '../../common/constants';
|
|
import { Spectral } from '@stoplight/spectral';
|
|
import ProtoFilesModal from './modals/proto-files-modal';
|
|
import { GrpcDispatchModalWrapper } from '../context/grpc';
|
|
|
|
const spectral = new Spectral();
|
|
|
|
export type WrapperProps = {
|
|
// Helper Functions
|
|
handleActivateRequest: Function,
|
|
handleSetSidebarFilter: Function,
|
|
handleToggleMenuBar: Function,
|
|
handleImportFileToWorkspace: (workspaceId: string, forceToWorkspace?: ForceToWorkspace) => void,
|
|
handleImportClipBoardToWorkspace: (
|
|
workspaceId: string,
|
|
forceToWorkspace?: ForceToWorkspace,
|
|
) => void,
|
|
handleImportUriToWorkspace: (
|
|
workspaceId: string,
|
|
uri: string,
|
|
forceToWorkspace?: ForceToWorkspace,
|
|
) => void,
|
|
handleInitializeEntities: () => Promise<void>,
|
|
handleExportFile: Function,
|
|
handleShowExportRequestsModal: Function,
|
|
handleShowSettingsModal: Function,
|
|
handleExportRequestsToFile: Function,
|
|
handleSetActiveWorkspace: (workspaceId: string | null) => void,
|
|
handleSetActiveEnvironment: Function,
|
|
handleMoveDoc: Function,
|
|
handleCreateRequest: Function,
|
|
handleDuplicateRequest: Function,
|
|
handleDuplicateRequestGroup: Function,
|
|
handleMoveRequestGroup: Function,
|
|
handleDuplicateWorkspace: Function,
|
|
handleDuplicateWorkspaceById: (onComplete: () => void, workspaceId: string) => void,
|
|
handleRenameWorkspaceById: (onComplete: () => void, workspaceId: string) => void,
|
|
handleDeleteWorkspaceById: (onComplete: () => void, workspaceId: string) => void,
|
|
handleCreateRequestGroup: Function,
|
|
handleGenerateCodeForActiveRequest: Function,
|
|
handleGenerateCode: Function,
|
|
handleCopyAsCurl: Function,
|
|
handleCreateRequestForWorkspace: Function,
|
|
handleSetRequestPaneRef: Function,
|
|
handleSetResponsePaneRef: Function,
|
|
handleSetResponsePreviewMode: Function,
|
|
handleRender: Function,
|
|
handleGetRenderContext: Function,
|
|
handleSetResponseFilter: Function,
|
|
handleSetActiveResponse: Function,
|
|
handleSetSidebarRef: Function,
|
|
handleStartDragSidebar: Function,
|
|
handleResetDragSidebar: Function,
|
|
handleStartDragPaneHorizontal: Function,
|
|
handleStartDragPaneVertical: Function,
|
|
handleResetDragPaneHorizontal: Function,
|
|
handleResetDragPaneVertical: Function,
|
|
handleSetRequestGroupCollapsed: Function,
|
|
handleSetRequestPinned: Function,
|
|
handleSendRequestWithEnvironment: Function,
|
|
handleSendAndDownloadRequestWithEnvironment: Function,
|
|
handleUpdateRequestMimeType: Function,
|
|
handleUpdateDownloadPath: Function,
|
|
handleSetActiveActivity: (activity: GlobalActivity) => void,
|
|
|
|
// Properties
|
|
activity: GlobalActivity,
|
|
apiSpecs: Array<ApiSpec>,
|
|
loadStartTime: number,
|
|
isLoading: boolean,
|
|
paneWidth: number,
|
|
paneHeight: number,
|
|
responsePreviewMode: string,
|
|
responseFilter: string,
|
|
responseFilterHistory: Array<string>,
|
|
responseDownloadPath: string | null,
|
|
sidebarWidth: number,
|
|
sidebarHidden: boolean,
|
|
sidebarFilter: string,
|
|
sidebarChildren: SidebarChildObjects,
|
|
settings: Settings,
|
|
workspaces: Array<Workspace>,
|
|
requestMetas: Array<RequestMeta>,
|
|
requests: Array<Request>,
|
|
requestVersions: Array<RequestVersion>,
|
|
unseenWorkspaces: Array<Workspace>,
|
|
workspaceChildren: Array<Object>,
|
|
activeWorkspaceMeta: WorkspaceMeta,
|
|
environments: Array<Object>,
|
|
activeApiSpec: ApiSpec,
|
|
activeRequestResponses: Array<Response>,
|
|
activeWorkspace: Workspace,
|
|
activeCookieJar: CookieJar,
|
|
activeEnvironment: Environment | null,
|
|
activeGitRepository: GitRepository | null,
|
|
activeProtoFiles: Array<ProtoFile>,
|
|
activeUnitTestResult: UnitTestResult | null,
|
|
activeUnitTestSuites: Array<UnitTestSuite>,
|
|
activeUnitTests: Array<UnitTest>,
|
|
activeWorkspaceClientCertificates: Array<ClientCertificate>,
|
|
headerEditorKey: string,
|
|
isVariableUncovered: boolean,
|
|
vcs: VCS | null,
|
|
gitVCS: GitVCS | null,
|
|
gitRepositories: Array<GitRepository>,
|
|
syncItems: Array<StatusCandidate>,
|
|
|
|
// Optional
|
|
oAuth2Token: OAuth2Token | null,
|
|
activeRequest: Request | null,
|
|
activeResponse: Response | null,
|
|
};
|
|
|
|
type State = {
|
|
forceRefreshKey: number,
|
|
activeGitBranch: string,
|
|
};
|
|
|
|
const rUpdate = (request, ...args) => {
|
|
if (!request) {
|
|
throw new Error('Tried to update null request');
|
|
}
|
|
|
|
return models.request.update(request, ...args);
|
|
};
|
|
|
|
const sUpdate = models.settings.update;
|
|
|
|
@autobind
|
|
class Wrapper extends React.PureComponent<WrapperProps, State> {
|
|
constructor(props: any) {
|
|
super(props);
|
|
this.state = {
|
|
forceRefreshKey: Date.now(),
|
|
activeGitBranch: 'no-vcs',
|
|
};
|
|
}
|
|
|
|
// Request updaters
|
|
async _handleForceUpdateRequest(r: Request, patch: Object): Promise<Request> {
|
|
const newRequest = await rUpdate(r, patch);
|
|
|
|
// Give it a second for the app to render first. If we don't wait, it will refresh
|
|
// on the old request and won't catch the newest one.
|
|
// TODO: Move this refresh key into redux store so we don't need timeout
|
|
window.setTimeout(this._forceRequestPaneRefresh, 100);
|
|
|
|
return newRequest;
|
|
}
|
|
|
|
_handleForceUpdateRequestHeaders(r: Request, headers: Array<RequestHeader>): Promise<Request> {
|
|
return this._handleForceUpdateRequest(r, { headers });
|
|
}
|
|
|
|
async _handleUpdateApiSpec(s: ApiSpec): Promise<void> {
|
|
await models.apiSpec.update(s);
|
|
}
|
|
|
|
static _handleUpdateRequestBody(r: Request, body: RequestBody): Promise<Request> {
|
|
return rUpdate(r, { body });
|
|
}
|
|
|
|
static _handleUpdateRequestParameters(
|
|
r: Request,
|
|
parameters: Array<RequestParameter>,
|
|
): Promise<Request> {
|
|
return rUpdate(r, { parameters });
|
|
}
|
|
|
|
static _handleUpdateRequestAuthentication(
|
|
r: Request,
|
|
authentication: RequestAuthentication,
|
|
): Promise<Request> {
|
|
return rUpdate(r, { authentication });
|
|
}
|
|
|
|
static _handleUpdateRequestHeaders(r: Request, headers: Array<RequestHeader>): Promise<Request> {
|
|
return rUpdate(r, { headers });
|
|
}
|
|
|
|
static _handleUpdateRequestMethod(r: Request, method: string): Promise<Request> {
|
|
return rUpdate(r, { method });
|
|
}
|
|
|
|
static _handleUpdateRequestUrl(r: Request, url: string): Promise<Request> {
|
|
// Don't update if we don't need to
|
|
if (r.url === url) {
|
|
return Promise.resolve(r);
|
|
}
|
|
|
|
return rUpdate(r, { url });
|
|
}
|
|
|
|
async _handleImport(text: string): Promise<Request | null> {
|
|
// Allow user to paste any import file into the url. If it results in
|
|
// only one item, it will overwrite the current request.
|
|
try {
|
|
const { data } = await importers.convert(text);
|
|
const { resources } = data;
|
|
const r = resources[0];
|
|
|
|
if (r && r._type === 'request' && this.props.activeRequest) {
|
|
// Only pull fields that we want to update
|
|
return this._handleForceUpdateRequest(this.props.activeRequest, {
|
|
url: r.url,
|
|
method: r.method,
|
|
headers: r.headers,
|
|
body: r.body,
|
|
authentication: r.authentication,
|
|
parameters: r.parameters,
|
|
});
|
|
}
|
|
} catch (e) {
|
|
// Import failed, that's alright
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
async _handleWorkspaceActivityChange(workspaceId: string, nextActivity: GlobalActivity) {
|
|
const { activity, activeApiSpec, handleSetActiveActivity } = this.props;
|
|
|
|
// Remember last activity on workspace for later, but only if it isn't HOME
|
|
if (nextActivity !== ACTIVITY_HOME) {
|
|
await models.workspaceMeta.updateByParentId(workspaceId, { activeActivity: nextActivity });
|
|
}
|
|
|
|
const notEditingASpec = activity !== ACTIVITY_SPEC;
|
|
if (notEditingASpec) {
|
|
handleSetActiveActivity(nextActivity);
|
|
return;
|
|
}
|
|
|
|
// Handle switching away from the spec design activity. For this, we want to generate
|
|
// requests that can be accessed from debug or test.
|
|
|
|
// If there are errors in the spec, show the user a warning first
|
|
const results = await spectral.run(activeApiSpec.contents);
|
|
if (activeApiSpec.contents && results && results.length) {
|
|
showModal(AlertModal, {
|
|
title: 'Error Generating Configuration',
|
|
message:
|
|
'Some requests may not be available due to errors found in the ' +
|
|
'specification. We recommend fixing errors before proceeding. 🤗',
|
|
okLabel: 'Proceed',
|
|
addCancel: true,
|
|
onConfirm: () => {
|
|
handleSetActiveActivity(nextActivity);
|
|
},
|
|
});
|
|
return;
|
|
}
|
|
|
|
// Delaying generation so design to debug mode is smooth
|
|
handleSetActiveActivity(nextActivity);
|
|
setTimeout(() => {
|
|
importRaw(() => Promise.resolve(workspaceId), activeApiSpec.contents);
|
|
}, 1000);
|
|
}
|
|
|
|
// Settings updaters
|
|
_handleUpdateSettingsShowPasswords(showPasswords: boolean): Promise<Settings> {
|
|
return sUpdate(this.props.settings, { showPasswords });
|
|
}
|
|
|
|
_handleUpdateSettingsUseBulkHeaderEditor(useBulkHeaderEditor: boolean): Promise<Settings> {
|
|
return sUpdate(this.props.settings, { useBulkHeaderEditor });
|
|
}
|
|
|
|
_handleUpdateSettingsUseBulkParametersEditor(
|
|
useBulkParametersEditor: boolean,
|
|
): Promise<Settings> {
|
|
return sUpdate(this.props.settings, { useBulkParametersEditor });
|
|
}
|
|
|
|
_handleImportFile(forceToWorkspace?: ForceToWorkspace): void {
|
|
this.props.handleImportFileToWorkspace(this.props.activeWorkspace._id, forceToWorkspace);
|
|
}
|
|
|
|
_handleImportUri(uri: string, forceToWorkspace?: ForceToWorkspace): void {
|
|
this.props.handleImportUriToWorkspace(this.props.activeWorkspace._id, uri, forceToWorkspace);
|
|
}
|
|
|
|
_handleImportClipBoard(forceToWorkspace?: ForceToWorkspace): void {
|
|
this.props.handleImportClipBoardToWorkspace(this.props.activeWorkspace._id, forceToWorkspace);
|
|
}
|
|
|
|
_handleSetActiveResponse(responseId: string | null): void {
|
|
if (!this.props.activeRequest) {
|
|
console.warn('Tried to set active response when request not active');
|
|
return;
|
|
}
|
|
|
|
this.props.handleSetActiveResponse(this.props.activeRequest._id, responseId);
|
|
}
|
|
|
|
_handleShowEnvironmentsModal(): void {
|
|
showModal(WorkspaceEnvironmentsEditModal, this.props.activeWorkspace);
|
|
}
|
|
|
|
_handleShowCookiesModal(): void {
|
|
showModal(CookiesModal, this.props.activeWorkspace);
|
|
}
|
|
|
|
static _handleShowModifyCookieModal(cookie: Object): void {
|
|
showModal(CookieModifyModal, cookie);
|
|
}
|
|
|
|
_handleShowRequestSettingsModal(): void {
|
|
showModal(RequestSettingsModal, { request: this.props.activeRequest });
|
|
}
|
|
|
|
async _handleDeleteResponses(requestId: string, environmentId: string | null): Promise<void> {
|
|
const { handleSetActiveResponse, activeRequest } = this.props;
|
|
|
|
await models.response.removeForRequest(requestId, environmentId);
|
|
|
|
if (activeRequest && activeRequest._id === requestId) {
|
|
await handleSetActiveResponse(requestId, null);
|
|
}
|
|
}
|
|
|
|
async _handleDeleteResponse(response: Response): Promise<void> {
|
|
if (response) {
|
|
await models.response.remove(response);
|
|
}
|
|
|
|
// Also unset active response it's the one we're deleting
|
|
if (this.props.activeResponse && this.props.activeResponse._id === response._id) {
|
|
this._handleSetActiveResponse(null);
|
|
}
|
|
}
|
|
|
|
async _handleRemoveActiveWorkspace(): Promise<void> {
|
|
const { workspaces, activeWorkspace } = this.props;
|
|
if (workspaces.length <= 1) {
|
|
showModal(AlertModal, {
|
|
title: 'Deleting Last Workspace',
|
|
message: 'Since you deleted your only workspace, a new one has been created for you.',
|
|
onConfirm: async () => {
|
|
await models.workspace.create({ name: getAppName() });
|
|
await models.workspace.remove(activeWorkspace);
|
|
},
|
|
});
|
|
} else {
|
|
await models.workspace.remove(activeWorkspace);
|
|
}
|
|
}
|
|
|
|
async _handleActiveWorkspaceClearAllResponses(): Promise<void> {
|
|
const docs = await db.withDescendants(this.props.activeWorkspace, models.request.type);
|
|
const requests = docs.filter(doc => doc.type === models.request.type);
|
|
for (const req of requests) {
|
|
await models.response.removeForRequest(req._id);
|
|
}
|
|
}
|
|
|
|
_handleSendRequestWithActiveEnvironment(): void {
|
|
const { activeRequest, activeEnvironment, handleSendRequestWithEnvironment } = this.props;
|
|
const activeRequestId = activeRequest ? activeRequest._id : 'n/a';
|
|
const activeEnvironmentId = activeEnvironment ? activeEnvironment._id : 'n/a';
|
|
handleSendRequestWithEnvironment(activeRequestId, activeEnvironmentId);
|
|
}
|
|
|
|
async _handleSendAndDownloadRequestWithActiveEnvironment(filename?: string): Promise<void> {
|
|
const {
|
|
activeRequest,
|
|
activeEnvironment,
|
|
handleSendAndDownloadRequestWithEnvironment,
|
|
} = this.props;
|
|
|
|
const activeRequestId = activeRequest ? activeRequest._id : 'n/a';
|
|
const activeEnvironmentId = activeEnvironment ? activeEnvironment._id : 'n/a';
|
|
await handleSendAndDownloadRequestWithEnvironment(
|
|
activeRequestId,
|
|
activeEnvironmentId,
|
|
filename,
|
|
);
|
|
}
|
|
|
|
_handleSetPreviewMode(previewMode: string): void {
|
|
const activeRequest = this.props.activeRequest;
|
|
const activeRequestId = activeRequest ? activeRequest._id : 'n/a';
|
|
this.props.handleSetResponsePreviewMode(activeRequestId, previewMode);
|
|
}
|
|
|
|
_handleSetResponseFilter(filter: string): void {
|
|
const activeRequest = this.props.activeRequest;
|
|
const activeRequestId = activeRequest ? activeRequest._id : 'n/a';
|
|
this.props.handleSetResponseFilter(activeRequestId, filter);
|
|
}
|
|
|
|
_handleCreateRequestInWorkspace() {
|
|
const { activeWorkspace, handleCreateRequest } = this.props;
|
|
handleCreateRequest(activeWorkspace._id);
|
|
}
|
|
|
|
_handleCreateRequestGroupInWorkspace() {
|
|
const { activeWorkspace, handleCreateRequestGroup } = this.props;
|
|
handleCreateRequestGroup(activeWorkspace._id);
|
|
}
|
|
|
|
_handleChangeEnvironment(id: string | null) {
|
|
const { handleSetActiveEnvironment } = this.props;
|
|
handleSetActiveEnvironment(id);
|
|
}
|
|
|
|
_forceRequestPaneRefresh(): void {
|
|
this.setState({ forceRefreshKey: Date.now() });
|
|
}
|
|
|
|
_handleGitBranchChanged(branch) {
|
|
this.setState({ activeGitBranch: branch || 'no-vcs' });
|
|
}
|
|
|
|
componentDidMount() {
|
|
const { activity } = this.props;
|
|
trackPageView(`/${activity || ''}`);
|
|
}
|
|
|
|
componentDidUpdate(prevProps: Props) {
|
|
// We're using activities as page views so here we monitor
|
|
// for a change in activity and send it as a pageview.
|
|
const { activity } = this.props;
|
|
if (prevProps.activity !== activity) {
|
|
trackPageView(`/${activity || ''}`);
|
|
}
|
|
}
|
|
|
|
render() {
|
|
const {
|
|
activeCookieJar,
|
|
activeEnvironment,
|
|
activeGitRepository,
|
|
activeProtoFiles,
|
|
activeRequest,
|
|
activeWorkspace,
|
|
activeWorkspaceClientCertificates,
|
|
activity,
|
|
gitVCS,
|
|
handleActivateRequest,
|
|
handleDuplicateWorkspace,
|
|
handleExportFile,
|
|
handleExportRequestsToFile,
|
|
handleGetRenderContext,
|
|
handleInitializeEntities,
|
|
handleRender,
|
|
handleSetActiveWorkspace,
|
|
handleShowExportRequestsModal,
|
|
handleToggleMenuBar,
|
|
isVariableUncovered,
|
|
requestMetas,
|
|
settings,
|
|
sidebarChildren,
|
|
syncItems,
|
|
vcs,
|
|
workspaceChildren,
|
|
workspaces,
|
|
} = this.props;
|
|
|
|
// Setup git sync dropdown for use in Design/Debug pages
|
|
let gitSyncDropdown = null;
|
|
if (gitVCS) {
|
|
gitSyncDropdown = (
|
|
<GitSyncDropdown
|
|
className="margin-left"
|
|
workspace={activeWorkspace}
|
|
dropdownButtonClassName="btn--clicky-small btn-sync btn-utility"
|
|
gitRepository={activeGitRepository}
|
|
vcs={gitVCS}
|
|
handleInitializeEntities={handleInitializeEntities}
|
|
handleGitBranchChanged={this._handleGitBranchChanged}
|
|
renderDropdownButton={children => (
|
|
<DropdownButton className="btn--clicky-small btn-sync btn-utility">
|
|
{children}
|
|
</DropdownButton>
|
|
)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<React.Fragment>
|
|
<div key="modals" className="modals">
|
|
<ErrorBoundary showAlert>
|
|
<AlertModal ref={registerModal} />
|
|
<ErrorModal ref={registerModal} />
|
|
<PromptModal ref={registerModal} />
|
|
|
|
<WrapperModal ref={registerModal} />
|
|
<LoginModal ref={registerModal} />
|
|
<AskModal ref={registerModal} />
|
|
<SelectModal ref={registerModal} />
|
|
<RequestCreateModal ref={registerModal} />
|
|
<PaymentNotificationModal ref={registerModal} />
|
|
<FilterHelpModal ref={registerModal} />
|
|
<RequestRenderErrorModal ref={registerModal} />
|
|
<GenerateConfigModal ref={registerModal} settings={settings} />
|
|
|
|
<CodePromptModal
|
|
ref={registerModal}
|
|
handleRender={handleRender}
|
|
handleGetRenderContext={handleGetRenderContext}
|
|
nunjucksPowerUserMode={settings.nunjucksPowerUserMode}
|
|
editorFontSize={settings.editorFontSize}
|
|
editorIndentSize={settings.editorIndentSize}
|
|
editorKeyMap={settings.editorKeyMap}
|
|
editorLineWrapping={settings.editorLineWrapping}
|
|
isVariableUncovered={isVariableUncovered}
|
|
/>
|
|
|
|
<RequestSettingsModal
|
|
ref={registerModal}
|
|
editorFontSize={settings.editorFontSize}
|
|
editorIndentSize={settings.editorIndentSize}
|
|
editorKeyMap={settings.editorKeyMap}
|
|
editorLineWrapping={settings.editorLineWrapping}
|
|
handleRender={handleRender}
|
|
handleGetRenderContext={handleGetRenderContext}
|
|
nunjucksPowerUserMode={settings.nunjucksPowerUserMode}
|
|
workspaces={workspaces}
|
|
isVariableUncovered={isVariableUncovered}
|
|
/>
|
|
|
|
{/* TODO: Figure out why cookieJar is sometimes null */}
|
|
{activeCookieJar ? (
|
|
<CookiesModal
|
|
handleShowModifyCookieModal={Wrapper._handleShowModifyCookieModal}
|
|
handleRender={handleRender}
|
|
nunjucksPowerUserMode={settings.nunjucksPowerUserMode}
|
|
ref={registerModal}
|
|
workspace={activeWorkspace}
|
|
cookieJar={activeCookieJar}
|
|
isVariableUncovered={isVariableUncovered}
|
|
/>
|
|
) : null}
|
|
|
|
<CookieModifyModal
|
|
handleRender={handleRender}
|
|
handleGetRenderContext={handleGetRenderContext}
|
|
nunjucksPowerUserMode={settings.nunjucksPowerUserMode}
|
|
ref={registerModal}
|
|
cookieJar={activeCookieJar}
|
|
workspace={activeWorkspace}
|
|
isVariableUncovered={isVariableUncovered}
|
|
/>
|
|
|
|
<NunjucksModal
|
|
uniqueKey={`key::${this.state.forceRefreshKey}`}
|
|
ref={registerModal}
|
|
handleRender={handleRender}
|
|
handleGetRenderContext={handleGetRenderContext}
|
|
workspace={activeWorkspace}
|
|
/>
|
|
|
|
<MoveRequestGroupModal ref={registerModal} workspaces={workspaces} />
|
|
|
|
<WorkspaceSettingsModal
|
|
ref={registerModal}
|
|
clientCertificates={activeWorkspaceClientCertificates}
|
|
workspace={activeWorkspace}
|
|
editorFontSize={settings.editorFontSize}
|
|
editorIndentSize={settings.editorIndentSize}
|
|
editorKeyMap={settings.editorKeyMap}
|
|
editorLineWrapping={settings.editorLineWrapping}
|
|
handleRender={handleRender}
|
|
handleGetRenderContext={handleGetRenderContext}
|
|
nunjucksPowerUserMode={settings.nunjucksPowerUserMode}
|
|
handleRemoveWorkspace={this._handleRemoveActiveWorkspace}
|
|
handleDuplicateWorkspace={handleDuplicateWorkspace}
|
|
handleClearAllResponses={this._handleActiveWorkspaceClearAllResponses}
|
|
isVariableUncovered={isVariableUncovered}
|
|
/>
|
|
|
|
<WorkspaceShareSettingsModal ref={registerModal} workspace={activeWorkspace} />
|
|
|
|
<GenerateCodeModal
|
|
ref={registerModal}
|
|
environmentId={activeEnvironment ? activeEnvironment._id : 'n/a'}
|
|
editorFontSize={settings.editorFontSize}
|
|
editorIndentSize={settings.editorIndentSize}
|
|
editorKeyMap={settings.editorKeyMap}
|
|
/>
|
|
|
|
<SettingsModal
|
|
ref={registerModal}
|
|
handleShowExportRequestsModal={handleShowExportRequestsModal}
|
|
handleExportAllToFile={handleExportFile}
|
|
handleImportClipBoard={this._handleImportClipBoard}
|
|
handleImportFile={this._handleImportFile}
|
|
handleImportUri={this._handleImportUri}
|
|
handleToggleMenuBar={handleToggleMenuBar}
|
|
settings={settings}
|
|
activity={activity}
|
|
/>
|
|
|
|
<ResponseDebugModal ref={registerModal} settings={settings} />
|
|
|
|
<RequestSwitcherModal
|
|
ref={registerModal}
|
|
workspace={activeWorkspace}
|
|
workspaces={workspaces}
|
|
workspaceChildren={workspaceChildren}
|
|
activeRequest={activeRequest}
|
|
activateRequest={handleActivateRequest}
|
|
requestMetas={requestMetas}
|
|
handleSetActiveWorkspace={handleSetActiveWorkspace}
|
|
/>
|
|
|
|
<EnvironmentEditModal
|
|
ref={registerModal}
|
|
editorFontSize={settings.editorFontSize}
|
|
editorIndentSize={settings.editorIndentSize}
|
|
editorKeyMap={settings.editorKeyMap}
|
|
lineWrapping={settings.editorLineWrapping}
|
|
onChange={models.requestGroup.update}
|
|
render={handleRender}
|
|
getRenderContext={handleGetRenderContext}
|
|
nunjucksPowerUserMode={settings.nunjucksPowerUserMode}
|
|
isVariableUncovered={isVariableUncovered}
|
|
/>
|
|
|
|
<SetupSyncModal ref={registerModal} workspace={activeWorkspace} />
|
|
|
|
{gitVCS && (
|
|
<React.Fragment>
|
|
<GitStagingModal ref={registerModal} workspace={activeWorkspace} vcs={gitVCS} />
|
|
<GitLogModal ref={registerModal} vcs={gitVCS} />
|
|
<GitRepositorySettingsModal ref={registerModal} />
|
|
{activeGitRepository !== null && (
|
|
<GitBranchesModal
|
|
ref={registerModal}
|
|
vcs={gitVCS}
|
|
gitRepository={activeGitRepository}
|
|
handleInitializeEntities={handleInitializeEntities}
|
|
handleGitBranchChanged={this._handleGitBranchChanged}
|
|
/>
|
|
)}
|
|
</React.Fragment>
|
|
)}
|
|
|
|
{vcs && (
|
|
<React.Fragment>
|
|
<SyncStagingModal
|
|
ref={registerModal}
|
|
workspace={activeWorkspace}
|
|
vcs={vcs}
|
|
syncItems={syncItems}
|
|
/>
|
|
<SyncMergeModal
|
|
ref={registerModal}
|
|
workspace={activeWorkspace}
|
|
syncItems={syncItems}
|
|
vcs={vcs}
|
|
/>
|
|
<SyncBranchesModal
|
|
ref={registerModal}
|
|
workspace={activeWorkspace}
|
|
vcs={vcs}
|
|
syncItems={syncItems}
|
|
/>
|
|
<SyncDeleteModal ref={registerModal} workspace={activeWorkspace} vcs={vcs} />
|
|
<SyncHistoryModal ref={registerModal} workspace={activeWorkspace} vcs={vcs} />
|
|
<SyncShareModal ref={registerModal} workspace={activeWorkspace} vcs={vcs} />
|
|
</React.Fragment>
|
|
)}
|
|
|
|
<WorkspaceEnvironmentsEditModal
|
|
ref={registerModal}
|
|
handleChangeEnvironment={this._handleChangeEnvironment}
|
|
lineWrapping={settings.editorLineWrapping}
|
|
editorFontSize={settings.editorFontSize}
|
|
editorIndentSize={settings.editorIndentSize}
|
|
editorKeyMap={settings.editorKeyMap}
|
|
activeEnvironmentId={activeEnvironment ? activeEnvironment._id : null}
|
|
render={handleRender}
|
|
getRenderContext={handleGetRenderContext}
|
|
nunjucksPowerUserMode={settings.nunjucksPowerUserMode}
|
|
isVariableUncovered={isVariableUncovered}
|
|
/>
|
|
|
|
<AddKeyCombinationModal ref={registerModal} />
|
|
<ExportRequestsModal
|
|
ref={registerModal}
|
|
childObjects={sidebarChildren.all}
|
|
handleExportRequestsToFile={handleExportRequestsToFile}
|
|
/>
|
|
|
|
<GrpcDispatchModalWrapper>
|
|
{dispatch => (
|
|
<ProtoFilesModal
|
|
ref={registerModal}
|
|
grpcDispatch={dispatch}
|
|
workspace={activeWorkspace}
|
|
protoFiles={activeProtoFiles}
|
|
/>
|
|
)}
|
|
</GrpcDispatchModalWrapper>
|
|
</ErrorBoundary>
|
|
</div>
|
|
<React.Fragment key={`views::${this.state.activeGitBranch}`}>
|
|
{activity === ACTIVITY_HOME && (
|
|
<WrapperHome
|
|
wrapperProps={this.props}
|
|
handleImportFile={this._handleImportFile}
|
|
handleImportUri={this._handleImportUri}
|
|
handleImportClipboard={this._handleImportClipBoard}
|
|
/>
|
|
)}
|
|
|
|
{activity === ACTIVITY_SPEC && (
|
|
<WrapperDesign
|
|
gitSyncDropdown={gitSyncDropdown}
|
|
handleActivityChange={this._handleWorkspaceActivityChange}
|
|
handleUpdateApiSpec={this._handleUpdateApiSpec}
|
|
wrapperProps={this.props}
|
|
/>
|
|
)}
|
|
|
|
{activity === ACTIVITY_UNIT_TEST && (
|
|
<WrapperUnitTest
|
|
gitSyncDropdown={gitSyncDropdown}
|
|
wrapperProps={this.props}
|
|
handleActivityChange={this._handleWorkspaceActivityChange}
|
|
children={sidebarChildren}
|
|
/>
|
|
)}
|
|
|
|
{(activity === ACTIVITY_DEBUG || activity === ACTIVITY_INSOMNIA) && (
|
|
<WrapperDebug
|
|
forceRefreshKey={this.state.forceRefreshKey}
|
|
gitSyncDropdown={gitSyncDropdown}
|
|
handleActivityChange={this._handleWorkspaceActivityChange}
|
|
handleChangeEnvironment={this._handleChangeEnvironment}
|
|
handleDeleteResponse={this._handleDeleteResponse}
|
|
handleDeleteResponses={this._handleDeleteResponses}
|
|
handleForceUpdateRequest={this._handleForceUpdateRequest}
|
|
handleForceUpdateRequestHeaders={this._handleForceUpdateRequestHeaders}
|
|
handleImport={this._handleImport}
|
|
handleImportFile={this._handleImportFile}
|
|
handleRequestCreate={this._handleCreateRequestInWorkspace}
|
|
handleRequestGroupCreate={this._handleCreateRequestGroupInWorkspace}
|
|
handleSendAndDownloadRequestWithActiveEnvironment={
|
|
this._handleSendAndDownloadRequestWithActiveEnvironment
|
|
}
|
|
handleSendRequestWithActiveEnvironment={this._handleSendRequestWithActiveEnvironment}
|
|
handleSetActiveResponse={this._handleSetActiveResponse}
|
|
handleSetPreviewMode={this._handleSetPreviewMode}
|
|
handleSetResponseFilter={this._handleSetResponseFilter}
|
|
handleShowCookiesModal={this._handleShowCookiesModal}
|
|
handleShowRequestSettingsModal={this._handleShowRequestSettingsModal}
|
|
handleUpdateRequestAuthentication={Wrapper._handleUpdateRequestAuthentication}
|
|
handleUpdateRequestBody={Wrapper._handleUpdateRequestBody}
|
|
handleUpdateRequestHeaders={Wrapper._handleUpdateRequestHeaders}
|
|
handleUpdateRequestMethod={Wrapper._handleUpdateRequestMethod}
|
|
handleUpdateRequestParameters={Wrapper._handleUpdateRequestParameters}
|
|
handleUpdateRequestUrl={Wrapper._handleUpdateRequestUrl}
|
|
handleUpdateSettingsShowPasswords={this._handleUpdateSettingsShowPasswords}
|
|
handleUpdateSettingsUseBulkHeaderEditor={
|
|
this._handleUpdateSettingsUseBulkHeaderEditor
|
|
}
|
|
handleUpdateSettingsUseBulkParametersEditor={
|
|
this._handleUpdateSettingsUseBulkParametersEditor
|
|
}
|
|
wrapperProps={this.props}
|
|
/>
|
|
)}
|
|
|
|
{activity === null && (
|
|
<WrapperOnboarding
|
|
wrapperProps={this.props}
|
|
handleImportFile={this._handleImportFile}
|
|
handleImportUri={this._handleImportUri}
|
|
/>
|
|
)}
|
|
</React.Fragment>
|
|
</React.Fragment>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Wrapper;
|