mirrors/BitwiseCmd
1
0
Fork 0
mirror of https://github.com/BorysLevytskyi/BitwiseCmd.git synced 2025-12-23 05:02:48 +01:00
Code Issues Projects Releases Wiki Activity

Make em toggle affect existing results

Browse Source
This commit is contained in:
BorysLevytskyi
2023-05-06 20:50:22 +02:00
parent e8e6e4697a
commit 6625e475e1
7 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/expression/components/BitwiseResultView.tsx
View File

@@ -5,25 +5,22 @@ import BitwiseResultViewModel from './BitwiseResultViewModel';
import { Expression, ExpressionToken } from '../expression-interfaces';
import { OperatorToken, ScalarToken } from '../expression';
type BitwiseOperationExpressionViewProps = {
type BitwiseResultViewProps = {
expression: Expression;
emphasizeBytes: boolean;
}
type BitwiseOperationExpressionViewState = {
type BitwiseResultViewState = {
}
export default class BitwiseResultView extends React.Component<BitwiseOperationExpressionViewProps, BitwiseOperationExpressionViewState> {
constructor(props: BitwiseOperationExpressionViewProps) {
export default class BitwiseResultView extends React.Component<BitwiseResultViewProps, BitwiseResultViewState> {
constructor(props: BitwiseResultViewProps) {
super(props);
this.state = {};
}
render() {
var rows = this.getRows();
if(!rows) {
return null;
}
return <table className="expression">
<tbody>
@@ -32,7 +29,7 @@ export default class BitwiseResultView extends React.Component<BitwiseOperationE
</table>
}
getRows() : JSX.Element[] | null {
getRows() : JSX.Element[] {
var model = BitwiseResultViewModel.createModel(this.props.expression, this.props.emphasizeBytes);
return model.items.map((itm, i) =>

2
src/expression/module.tsx
View File

@@ -12,7 +12,7 @@ const expressionAppModule = {
canHandle: (input:string) => parser.canParse(input),
handle: function(c: CommandInput) {
var expr = parser.parse(c.input);
appState.addCommandResult(c.input, <BitwiseResultView expression={expr!} emphasizeBytes={appState.emphasizeBytes} />);
appState.addCommandResult(c.input, () => <BitwiseResultView expression={expr!} emphasizeBytes={appState.emphasizeBytes} />);
}
});
}

2
src/index.tsx
View File

@@ -36,7 +36,7 @@ function initializeModules() {
// Last command handler reports that input is unknown
cmd.command({
canHandle: () => true,
handle: (c: CommandInput) => appData.appState.addCommandResult(c.input, <UnknownInputResultView input={c.input}/>)
handle: (c: CommandInput) => appData.appState.addCommandResult(c.input, () => <UnknownInputResultView input={c.input}/>)
});
}

8
src/networking/module.tsx
View File

@@ -25,18 +25,18 @@ const networkingAppModule = {
return;
if(result instanceof ParsingError) {
appState.addCommandResult(c.input, <ErrorResultView errorMessage={result.errorMessage} />);
appState.addCommandResult(c.input, () => <ErrorResultView errorMessage={(result as ParsingError).errorMessage} />);
return;
}
if(result instanceof SubnetCommand) {
appState.addCommandResult(c.input, <SubnetView subnet={result} />);
appState.addCommandResult(c.input, () => <SubnetView subnet={result as SubnetCommand} />);
trackCommand('SubnetCommand', c.options);
return;
}
if(result instanceof VpcCommand) {
appState.addCommandResult(c.input, <VpcView vpc={result} />);
appState.addCommandResult(c.input, () => <VpcView vpc={result as VpcCommand} />);
trackCommand('VpcCommand', c.options);
return;
}
@@ -56,7 +56,7 @@ const networkingAppModule = {
trackCommand("IpAddressesInput", c.options);
appState.addCommandResult(c.input, <IpAddressView ipAddresses={ipAddresses} />);
appState.addCommandResult(c.input, () => <IpAddressView ipAddresses={ipAddresses} />);
}
});

6
src/shell/AppState.ts
View File

@@ -14,11 +14,13 @@ export type PersistedAppData = {
export type CommandResultView = {
key: number,
input: string,
view: JSX.Element
view: ViewFactory
};
export type AppStateChangeHandler = (state: AppState) => void;
type ViewFactory = () => JSX.Element;
export default class AppState {
version: number = APP_VERSION;
@@ -47,7 +49,7 @@ export default class AppState {
this.donationClicked = persistData.donationClicked;
}
addCommandResult(input : string, view : JSX.Element) {
addCommandResult(input : string, view : ViewFactory) {
const key = generateKey();
this.commandResults.unshift({key, input, view});
log.debug(`command result added: ${input}`);

3
src/shell/components/AppRoot.tsx
View File

@@ -28,6 +28,7 @@ export default class AppRoot extends React.Component<AppRootProps, AppRootState>
}
refresh() {
console.log('refresh');
this.setState(this.props.appState);
}
@@ -39,7 +40,7 @@ export default class AppRoot extends React.Component<AppRootProps, AppRootState>
var results = this.state.commandResults.map((r, i) =>
<DisplayResultView resultIndex={i} resultKey={r.key} key={r.key} input={r.input} inputHash={hash.encodeHash(r.input)} appState={this.props.appState}>
{r.view}
{r.view()}
</DisplayResultView>);
return results;
}

14
src/shell/module.tsx
View File

@@ -17,19 +17,19 @@ const shellModule = {
cmd.debugMode = appState.debugMode;
appState.onChange(() => cmd.debugMode = appState.debugMode);
cmd.command("help", (c: CommandInput) => appState.addCommandResult(c.input, <HelpResultView />));
cmd.command("help", (c: CommandInput) => appState.addCommandResult(c.input, () => <HelpResultView />));
cmd.command("clear", () => appState.clearCommandResults());
cmd.command("em", () => appState.toggleEmphasizeBytes());
cmd.command("dark", () => appState.setUiTheme('dark'));
cmd.command("light", () => appState.setUiTheme('light'));
cmd.command("midnight", () => appState.setUiTheme('midnight'));
cmd.command("about", (c: CommandInput) => appState.addCommandResult(c.input, <AboutResultView />));
cmd.command("whatsnew", (c: CommandInput) => appState.addCommandResult(c.input, <WhatsnewResultView />));
cmd.command("guid", (c: CommandInput) => appState.addCommandResult(c.input, <TextResultView text={uuid()} />));
cmd.command("about", (c: CommandInput) => appState.addCommandResult(c.input, () => <AboutResultView />));
cmd.command("whatsnew", (c: CommandInput) => appState.addCommandResult(c.input, () => <WhatsnewResultView />));
cmd.command("guid", (c: CommandInput) => appState.addCommandResult(c.input, () => <TextResultView text={uuid()} />));
cmd.command("-notrack", () => {});
cmd.command("-debug", (c: CommandInput) => {
appState.toggleDebugMode();
appState.addCommandResult(c.input, <TextResultView text={`Debug Mode: ${appState.debugMode}`}/>);
appState.addCommandResult(c.input, () => <TextResultView text={`Debug Mode: ${appState.debugMode}`}/>);
});
cmd.command("donate", (c:CommandInput) => {
@@ -73,12 +73,12 @@ const shellModule = {
const command = s.input.substring(7).trim();
const result = executeCommand(command);
appState.addCommandResult(s.input, <TextResultView text={result} />);
appState.addCommandResult(s.input, () => <TextResultView text={result} />);
}
});
};
cmd.onError((input: string, err: Error) => appState.addCommandResult(input, <ErrorResultView errorMessage={err.toString()} />));
cmd.onError((input: string, err: Error) => appState.addCommandResult(input, () => <ErrorResultView errorMessage={err.toString()} />));
}
}