1b9be8fe2d
- Migrate `StatefulVue`:
- Introduce `UseCollectionState` that replaces its behavior and acts
as a shared state store.
- Add more encapsulated, granular functions based on read or write
access to state in CollectionState.
- Some linting rules get activates due to new code-base compability to
modern parses, fix linting errors.
- Rename Dialog to ModalDialog as after refactoring,
eslintvue/no-reserved-component-names does not allow name Dialog.
- To comply with `vue/multi-word-component-names`, rename:
- `Code` -> `CodeInstruction`
- `Handle` -> `SliderHandle`
- `Documentable` -> `DocumentableNode`
- `Node` -> `NodeContent`
- `INode` -> `INodeContent`
- `Responsive` -> `SizeObserver`
- Remove `vue-property-decorator` and `vue-class-component`
dependencies.
- Refactor `watch` with computed properties when possible for cleaner
code.
- Introduce `UseApplication` to reduce repeated code in new components
that use `computed` more heavily than before.
- Change TypeScript target to `es2017` to allow top level async calls
for getting application context/state/instance to simplify the code by
removing async calls. However, mocha (unit and integration) tests do
not run with top level awaits, so a workaround is used.
39 lines
1.5 KiB
TypeScript
39 lines
1.5 KiB
TypeScript
import { IApplicationContext, IApplicationContextChangedEvent } from '@/application/Context/IApplicationContext';
|
|
import { ICategoryCollectionState } from '@/application/Context/State/ICategoryCollectionState';
|
|
import { IApplication } from '@/domain/IApplication';
|
|
import { OperatingSystem } from '@/domain/OperatingSystem';
|
|
import { CategoryCollectionStateStub } from './CategoryCollectionStateStub';
|
|
import { ApplicationStub } from './ApplicationStub';
|
|
import { EventSourceStub } from './EventSourceStub';
|
|
import { ApplicationContextChangedEventStub } from './ApplicationContextChangedEventStub';
|
|
|
|
export class ApplicationContextStub implements IApplicationContext {
|
|
public state: ICategoryCollectionState = new CategoryCollectionStateStub();
|
|
|
|
public changeContext(os: OperatingSystem): void {
|
|
const oldState = this.state;
|
|
const newState = new CategoryCollectionStateStub()
|
|
.withOs(os);
|
|
this.state = newState;
|
|
const event = new ApplicationContextChangedEventStub()
|
|
.withOldState(oldState)
|
|
.withNewState(newState);
|
|
this.dispatchContextChange(event);
|
|
}
|
|
|
|
public app: IApplication = new ApplicationStub();
|
|
|
|
public contextChanged = new EventSourceStub<IApplicationContextChangedEvent>();
|
|
|
|
public withState(state: ICategoryCollectionState) {
|
|
this.state = state;
|
|
return this;
|
|
}
|
|
|
|
public dispatchContextChange(
|
|
event: IApplicationContextChangedEvent = new ApplicationContextChangedEventStub(),
|
|
) {
|
|
this.contextChanged.notify(event);
|
|
}
|
|
}
|