context.ts 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. /**
  2. * Copyright (c) 2018 mol* contributors, licensed under MIT, See LICENSE file for more info.
  3. *
  4. * @author David Sehnal <david.sehnal@gmail.com>
  5. */
  6. import { Transformer, Transform, State } from 'mol-state';
  7. import { Canvas3D } from 'mol-canvas3d/canvas3d';
  8. import { StateTransforms } from './state/transforms';
  9. import { PluginStateObject as SO } from './state/objects';
  10. import { RxEventHelper } from 'mol-util/rx-event-helper';
  11. import { PluginState } from './state';
  12. import { PluginCommand, PluginCommands } from './command';
  13. import { Task } from 'mol-task';
  14. import { merge } from 'rxjs';
  15. import { PluginBehaviors, BuiltInPluginBehaviors } from './behavior';
  16. import { Loci, EmptyLoci } from 'mol-model/loci';
  17. import { Representation } from 'mol-repr';
  18. import { CreateStructureFromPDBe } from './state/actions/basic';
  19. import { LogEntry } from 'mol-util/log-entry';
  20. export class PluginContext {
  21. private disposed = false;
  22. private ev = RxEventHelper.create();
  23. readonly state = new PluginState(this);
  24. readonly commands = new PluginCommand.Manager();
  25. readonly events = {
  26. state: {
  27. data: this.state.data.events,
  28. behavior: this.state.behavior.events,
  29. cameraSnapshots: this.state.cameraSnapshots.events,
  30. snapshots: this.state.snapshots.events,
  31. },
  32. log: this.ev<LogEntry>()
  33. };
  34. readonly behaviors = {
  35. state: {
  36. data: this.state.data.behaviors,
  37. behavior: this.state.behavior.behaviors
  38. },
  39. canvas: {
  40. highlightLoci: this.ev.behavior<{ loci: Loci, repr?: Representation.Any }>({ loci: EmptyLoci }),
  41. selectLoci: this.ev.behavior<{ loci: Loci, repr?: Representation.Any }>({ loci: EmptyLoci }),
  42. },
  43. command: this.commands.behaviour
  44. };
  45. readonly canvas3d: Canvas3D;
  46. initViewer(canvas: HTMLCanvasElement, container: HTMLDivElement) {
  47. try {
  48. (this.canvas3d as Canvas3D) = Canvas3D.create(canvas, container);
  49. this.canvas3d.animate();
  50. console.log('canvas3d created');
  51. return true;
  52. } catch (e) {
  53. console.error(e);
  54. return false;
  55. }
  56. }
  57. log(e: LogEntry) {
  58. this.events.log.next(e);
  59. }
  60. /**
  61. * This should be used in all transform related request so that it could be "spoofed" to allow
  62. * "static" access to resources.
  63. */
  64. async fetch(url: string, type: 'string' | 'binary' = 'string'): Promise<string | Uint8Array> {
  65. const req = await fetch(url, { referrerPolicy: 'origin-when-cross-origin' });
  66. return type === 'string' ? await req.text() : new Uint8Array(await req.arrayBuffer());
  67. }
  68. async runTask<T>(task: Task<T>) {
  69. return await task.run(p => console.log(p.root.progress.message), 250);
  70. }
  71. dispose() {
  72. if (this.disposed) return;
  73. this.commands.dispose();
  74. this.canvas3d.dispose();
  75. this.ev.dispose();
  76. this.state.dispose();
  77. this.disposed = true;
  78. }
  79. private initBuiltInBehavior() {
  80. BuiltInPluginBehaviors.State.registerDefault(this);
  81. BuiltInPluginBehaviors.Representation.registerDefault(this);
  82. BuiltInPluginBehaviors.Camera.registerDefault(this);
  83. merge(this.state.data.events.log, this.state.behavior.events.log).subscribe(e => this.events.log.next(e));
  84. }
  85. async _test_initBehaviors() {
  86. const tree = this.state.behavior.tree.build()
  87. .toRoot().apply(PluginBehaviors.Representation.HighlightLoci, { ref: PluginBehaviors.Representation.HighlightLoci.id })
  88. .toRoot().apply(PluginBehaviors.Representation.SelectLoci, { ref: PluginBehaviors.Representation.SelectLoci.id })
  89. .getTree();
  90. await this.runTask(this.state.behavior.update(tree));
  91. }
  92. _test_initDataActions() {
  93. this.state.data.actions
  94. .add(CreateStructureFromPDBe)
  95. .add(StateTransforms.Data.Download)
  96. .add(StateTransforms.Model.CreateStructureAssembly)
  97. .add(StateTransforms.Model.CreateStructure)
  98. .add(StateTransforms.Model.CreateModelFromTrajectory)
  99. .add(StateTransforms.Visuals.CreateStructureRepresentation);
  100. }
  101. applyTransform(state: State, a: Transform.Ref, transformer: Transformer, params: any) {
  102. const tree = state.tree.build().to(a).apply(transformer, params);
  103. return PluginCommands.State.Update.dispatch(this, { state, tree });
  104. }
  105. updateTransform(state: State, a: Transform.Ref, params: any) {
  106. const tree = state.build().to(a).update(params);
  107. return PluginCommands.State.Update.dispatch(this, { state, tree });
  108. }
  109. private initEvents() {
  110. merge(this.events.state.data.object.created, this.events.state.behavior.object.created).subscribe(o => {
  111. if (!SO.isBehavior(o.obj)) return;
  112. console.log('registering behavior', o.obj.label);
  113. o.obj.data.register();
  114. });
  115. merge(this.events.state.data.object.removed, this.events.state.behavior.object.removed).subscribe(o => {
  116. if (!SO.isBehavior(o.obj)) return;
  117. o.obj.data.unregister();
  118. });
  119. merge(this.events.state.data.object.updated, this.events.state.behavior.object.updated).subscribe(o => {
  120. if (o.action === 'recreate') {
  121. if (o.oldObj && SO.isBehavior(o.oldObj)) o.oldObj.data.unregister();
  122. if (o.obj && SO.isBehavior(o.obj)) o.obj.data.register();
  123. }
  124. });
  125. }
  126. constructor() {
  127. this.initEvents();
  128. this.initBuiltInBehavior();
  129. this._test_initBehaviors();
  130. this._test_initDataActions();
  131. }
  132. // logger = ;
  133. // settings = ;
  134. }