Page MenuHomePhabricator
Differential D3694

[services] Dev mode - Add scripts for running local cloud
ClosedPublic
Actions

Authored by • karol on Apr 11 2022, 6:02 AM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Apr 24, 6:10 PM
Unknown Object (File)
Thu, Apr 17, 9:08 AM
Unknown Object (File)
Thu, Apr 17, 7:56 AM
Unknown Object (File)
Thu, Apr 17, 6:15 AM
Unknown Object (File)
Thu, Apr 17, 3:28 AM
Unknown Object (File)
Wed, Apr 16, 10:39 PM
Unknown Object (File)
Wed, Apr 16, 6:02 AM
Unknown Object (File)
Tue, Apr 8, 6:47 PM
View All Files
Subscribers
• abosh
• adrian
ashoat
atul
• benschac
tomek

Details

Reviewers
tomek
• jim
Commits
rCOMM48bddf139b7b: [services] Dev mode - Add scripts for running local cloud
Summary

Depends on D3693

Adding scripts so the local cloud can be easily launched.

Test Plan
cd services
docker-compose down
yarn run-local-cloud

Diff Detail

Repository
rCOMM Comm
Lint
No Lint Coverage
Unit
No Test Coverage

Event Timeline

• karol created this revision.Apr 11 2022, 6:02 AM
Herald added subscribers: • abosh, • benschac, atul and 3 others. · View Herald TranscriptApr 11 2022, 6:02 AM
Harbormaster completed remote builds in B8063: Diff 11282.Apr 11 2022, 6:19 AM
• karol requested review of this revision.Apr 11 2022, 6:19 AM
• karol planned changes to this revision.Apr 11 2022, 6:35 AM
• karol edited the summary of this revision. (Show Details)
• karol edited the test plan for this revision. (Show Details)
• karol added reviewers: tomek, • jim.
• karol added a parent revision: D3693: [services] Dev mode - Add terraform.
• karol updated this revision to Diff 11289.Apr 11 2022, 6:35 AM

Updating D3694: [services] Dev mode - Add scripts for running local cloud

• karol added a child revision: D3690: [services] Dev mode - Set up Backup service.Apr 11 2022, 6:37 AM
Harbormaster completed remote builds in B8070: Diff 11289.Apr 11 2022, 6:46 AM
tomek accepted this revision.Apr 26 2022, 10:46 AM
tomek added inline comments.
services/scripts/run_local_cloud.sh
5 ↗(On Diff #11289)

What is the result of including --force-recreate? Does that mean that the data will be gone after restarting a container?

This revision is now accepted and ready to land.Apr 26 2022, 10:46 AM
• karol added inline comments.Apr 27 2022, 6:32 AM
services/scripts/run_local_cloud.sh
5 ↗(On Diff #11289)

Yes, I think we can remove this or make it optional at least. I'm not recalling right now what exactly wasn't working properly without recreating the container. We can always add it later.

• karol updated this revision to Diff 12030.Apr 28 2022, 1:19 AM

do not use force recreate

Harbormaster completed remote builds in B8640: Diff 12030.Apr 28 2022, 1:24 AM
• karol mentioned this in D3693: [services] Dev mode - Add terraform.May 5 2022, 1:27 AM
Closed by commit rCOMM48bddf139b7b: [services] Dev mode - Add scripts for running local cloud (authored by • karol). · Explain WhyMay 6 2022, 1:46 AM
This revision was automatically updated to reflect the committed changes.
• karol added a commit: rCOMM48bddf139b7b: [services] Dev mode - Add scripts for running local cloud.
• karol mentioned this in D4437: [services] Add reset local cloud command.Jul 8 2022, 1:56 AM

Revision Contents
Changeset List

PathSize
services/
3 lines
scripts/
13 lines

Diff 12030

View Options

services/package.json

Show First 20 Lines • Show All 89 Lines • ▼ Show 20 Linestype Props = {
+accountPassword: string, +accountPassword: string,
+setAccountPassword: SetState<string>, +setAccountPassword: SetState<string>,
+currentTabType: TabType, +currentTabType: TabType,
+setCurrentTabType: SetState<TabType>, +setCurrentTabType: SetState<TabType>,
+queuedChanges: ThreadChanges, +queuedChanges: ThreadChanges,
+setQueuedChanges: SetState<ThreadChanges>, +setQueuedChanges: SetState<ThreadChanges>,
+namePlaceholder: string, +namePlaceholder: string,
+changeQueued: boolean, +changeQueued: boolean,
+onChangeName: (event: SyntheticEvent<HTMLInputElement>) => void,
}; };
class ThreadSettingsModal extends React.PureComponent<Props> { class ThreadSettingsModal extends React.PureComponent<Props> {
nameInput: ?HTMLInputElement; nameInput: ?HTMLInputElement;
accountPasswordInput: ?HTMLInputElement; accountPasswordInput: ?HTMLInputElement;
constructor(props: Props) { constructor(props: Props) {
super(props); super(props);
} }
▲ Show 20 Lines • Show All 55 Lines • ▼ Show 20 Lines const inputDisabled =
!this.hasPermissionForTab(threadInfo, this.props.currentTabType); !this.hasPermissionForTab(threadInfo, this.props.currentTabType);
let mainContent = null; let mainContent = null;
if (this.props.currentTabType === 'general') { if (this.props.currentTabType === 'general') {
mainContent = ( mainContent = (
<ThreadSettingsGeneralTab <ThreadSettingsGeneralTab
threadNameValue={firstLine(this.possiblyChangedValue('name'))} threadNameValue={firstLine(this.possiblyChangedValue('name'))}
threadNamePlaceholder={this.props.namePlaceholder} threadNamePlaceholder={this.props.namePlaceholder}
threadNameOnChange={this.onChangeName} threadNameOnChange={this.props.onChangeName}
threadNameDisabled={inputDisabled} threadNameDisabled={inputDisabled}
threadNameInputRef={this.nameInputRef} threadNameInputRef={this.nameInputRef}
threadDescriptionValue={this.possiblyChangedValue('description')} threadDescriptionValue={this.possiblyChangedValue('description')}
threadDescriptionOnChange={this.onChangeDescription} threadDescriptionOnChange={this.onChangeDescription}
threadDescriptionDisabled={inputDisabled} threadDescriptionDisabled={inputDisabled}
threadColorCurrentColor={this.possiblyChangedValue('color')} threadColorCurrentColor={this.possiblyChangedValue('color')}
threadColorOnColorSelection={this.onChangeColor} threadColorOnColorSelection={this.onChangeColor}
/> />
▲ Show 20 Lines • Show All 110 Lines • ▼ Show 20 Linesclass ThreadSettingsModal extends React.PureComponent<Props> {
nameInputRef = (nameInput: ?HTMLInputElement) => { nameInputRef = (nameInput: ?HTMLInputElement) => {
this.nameInput = nameInput; this.nameInput = nameInput;
}; };
accountPasswordInputRef = (accountPasswordInput: ?HTMLInputElement) => { accountPasswordInputRef = (accountPasswordInput: ?HTMLInputElement) => {
this.accountPasswordInput = accountPasswordInput; this.accountPasswordInput = accountPasswordInput;
}; };
onChangeName = (event: SyntheticEvent<HTMLInputElement>) => {
const target = event.currentTarget;
const newValue =
target.value !== this.props.threadInfo.name ? target.value : undefined;
this.props.setQueuedChanges(
Object.freeze({
...this.props.queuedChanges,
name: firstLine(newValue),
}),
);
};
onChangeDescription = (event: SyntheticEvent<HTMLTextAreaElement>) => { onChangeDescription = (event: SyntheticEvent<HTMLTextAreaElement>) => {
const target = event.currentTarget; const target = event.currentTarget;
const newValue = const newValue =
target.value !== this.props.threadInfo.description target.value !== this.props.threadInfo.description
? target.value ? target.value
: undefined; : undefined;
this.props.setQueuedChanges( this.props.setQueuedChanges(
Object.freeze({ Object.freeze({
▲ Show 20 Lines • Show All 127 Lines • ▼ Show 20 Lines function ConnectedThreadSettingsModal(props) {
}, [threadInfo, userInfos, viewerID]); }, [threadInfo, userInfos, viewerID]);
const changeQueued: boolean = React.useMemo( const changeQueued: boolean = React.useMemo(
() => () =>
Object.values(queuedChanges).some(v => v !== null && v !== undefined), Object.values(queuedChanges).some(v => v !== null && v !== undefined),
[queuedChanges], [queuedChanges],
); );
const onChangeName = React.useCallback(
(event: SyntheticEvent<HTMLInputElement>) => {
const target = event.currentTarget;
setQueuedChanges(
Object.freeze({
...queuedChanges,
name: firstLine(
target.value !== threadInfo?.name ? target.value : undefined,
),
}),
);
},
[queuedChanges, threadInfo],
);
if (!threadInfo) { if (!threadInfo) {
return ( return (
<Modal onClose={modalContext.clearModal} name="Invalid thread"> <Modal onClose={modalContext.clearModal} name="Invalid thread">
<div className={css.modal_body}> <div className={css.modal_body}>
<p>You no longer have permission to view this thread</p> <p>You no longer have permission to view this thread</p>
</div> </div>
</Modal> </Modal>
); );
Show All 15 Lines return (
accountPassword={accountPassword} accountPassword={accountPassword}
setAccountPassword={setAccountPassword} setAccountPassword={setAccountPassword}
currentTabType={currentTabType} currentTabType={currentTabType}
setCurrentTabType={setCurrentTabType} setCurrentTabType={setCurrentTabType}
queuedChanges={queuedChanges} queuedChanges={queuedChanges}
setQueuedChanges={setQueuedChanges} setQueuedChanges={setQueuedChanges}
namePlaceholder={namePlaceholder} namePlaceholder={namePlaceholder}
changeQueued={changeQueued} changeQueued={changeQueued}
onChangeName={onChangeName}
/> />
); );
}, },
); );
export default ConnectedThreadSettingsModal; export default ConnectedThreadSettingsModal;
View Options

services/scripts/run_local_cloud.sh

Show First 20 Lines • Show All 89 Lines • ▼ Show 20 Linestype Props = {
+accountPassword: string, +accountPassword: string,
+setAccountPassword: SetState<string>, +setAccountPassword: SetState<string>,
+currentTabType: TabType, +currentTabType: TabType,
+setCurrentTabType: SetState<TabType>, +setCurrentTabType: SetState<TabType>,
+queuedChanges: ThreadChanges, +queuedChanges: ThreadChanges,
+setQueuedChanges: SetState<ThreadChanges>, +setQueuedChanges: SetState<ThreadChanges>,
+namePlaceholder: string, +namePlaceholder: string,
+changeQueued: boolean, +changeQueued: boolean,
+onChangeName: (event: SyntheticEvent<HTMLInputElement>) => void,
}; };
class ThreadSettingsModal extends React.PureComponent<Props> { class ThreadSettingsModal extends React.PureComponent<Props> {
nameInput: ?HTMLInputElement; nameInput: ?HTMLInputElement;
accountPasswordInput: ?HTMLInputElement; accountPasswordInput: ?HTMLInputElement;
constructor(props: Props) { constructor(props: Props) {
super(props); super(props);
} }
▲ Show 20 Lines • Show All 55 Lines • ▼ Show 20 Lines const inputDisabled =
!this.hasPermissionForTab(threadInfo, this.props.currentTabType); !this.hasPermissionForTab(threadInfo, this.props.currentTabType);
let mainContent = null; let mainContent = null;
if (this.props.currentTabType === 'general') { if (this.props.currentTabType === 'general') {
mainContent = ( mainContent = (
<ThreadSettingsGeneralTab <ThreadSettingsGeneralTab
threadNameValue={firstLine(this.possiblyChangedValue('name'))} threadNameValue={firstLine(this.possiblyChangedValue('name'))}
threadNamePlaceholder={this.props.namePlaceholder} threadNamePlaceholder={this.props.namePlaceholder}
threadNameOnChange={this.onChangeName} threadNameOnChange={this.props.onChangeName}
threadNameDisabled={inputDisabled} threadNameDisabled={inputDisabled}
threadNameInputRef={this.nameInputRef} threadNameInputRef={this.nameInputRef}
threadDescriptionValue={this.possiblyChangedValue('description')} threadDescriptionValue={this.possiblyChangedValue('description')}
threadDescriptionOnChange={this.onChangeDescription} threadDescriptionOnChange={this.onChangeDescription}
threadDescriptionDisabled={inputDisabled} threadDescriptionDisabled={inputDisabled}
threadColorCurrentColor={this.possiblyChangedValue('color')} threadColorCurrentColor={this.possiblyChangedValue('color')}
threadColorOnColorSelection={this.onChangeColor} threadColorOnColorSelection={this.onChangeColor}
/> />
▲ Show 20 Lines • Show All 110 Lines • ▼ Show 20 Linesclass ThreadSettingsModal extends React.PureComponent<Props> {
nameInputRef = (nameInput: ?HTMLInputElement) => { nameInputRef = (nameInput: ?HTMLInputElement) => {
this.nameInput = nameInput; this.nameInput = nameInput;
}; };
accountPasswordInputRef = (accountPasswordInput: ?HTMLInputElement) => { accountPasswordInputRef = (accountPasswordInput: ?HTMLInputElement) => {
this.accountPasswordInput = accountPasswordInput; this.accountPasswordInput = accountPasswordInput;
}; };
onChangeName = (event: SyntheticEvent<HTMLInputElement>) => {
const target = event.currentTarget;
const newValue =
target.value !== this.props.threadInfo.name ? target.value : undefined;
this.props.setQueuedChanges(
Object.freeze({
...this.props.queuedChanges,
name: firstLine(newValue),
}),
);
};
onChangeDescription = (event: SyntheticEvent<HTMLTextAreaElement>) => { onChangeDescription = (event: SyntheticEvent<HTMLTextAreaElement>) => {
const target = event.currentTarget; const target = event.currentTarget;
const newValue = const newValue =
target.value !== this.props.threadInfo.description target.value !== this.props.threadInfo.description
? target.value ? target.value
: undefined; : undefined;
this.props.setQueuedChanges( this.props.setQueuedChanges(
Object.freeze({ Object.freeze({
▲ Show 20 Lines • Show All 127 Lines • ▼ Show 20 Lines function ConnectedThreadSettingsModal(props) {
}, [threadInfo, userInfos, viewerID]); }, [threadInfo, userInfos, viewerID]);
const changeQueued: boolean = React.useMemo( const changeQueued: boolean = React.useMemo(
() => () =>
Object.values(queuedChanges).some(v => v !== null && v !== undefined), Object.values(queuedChanges).some(v => v !== null && v !== undefined),
[queuedChanges], [queuedChanges],
); );
const onChangeName = React.useCallback(
(event: SyntheticEvent<HTMLInputElement>) => {
const target = event.currentTarget;
setQueuedChanges(
Object.freeze({
...queuedChanges,
name: firstLine(
target.value !== threadInfo?.name ? target.value : undefined,
),
}),
);
},
[queuedChanges, threadInfo],
);
if (!threadInfo) { if (!threadInfo) {
return ( return (
<Modal onClose={modalContext.clearModal} name="Invalid thread"> <Modal onClose={modalContext.clearModal} name="Invalid thread">
<div className={css.modal_body}> <div className={css.modal_body}>
<p>You no longer have permission to view this thread</p> <p>You no longer have permission to view this thread</p>
</div> </div>
</Modal> </Modal>
); );
Show All 15 Lines return (
accountPassword={accountPassword} accountPassword={accountPassword}
setAccountPassword={setAccountPassword} setAccountPassword={setAccountPassword}
currentTabType={currentTabType} currentTabType={currentTabType}
setCurrentTabType={setCurrentTabType} setCurrentTabType={setCurrentTabType}
queuedChanges={queuedChanges} queuedChanges={queuedChanges}
setQueuedChanges={setQueuedChanges} setQueuedChanges={setQueuedChanges}
namePlaceholder={namePlaceholder} namePlaceholder={namePlaceholder}
changeQueued={changeQueued} changeQueued={changeQueued}
onChangeName={onChangeName}
/> />
); );
}, },
); );
export default ConnectedThreadSettingsModal; export default ConnectedThreadSettingsModal;