implab/implabjs-djx Files · djx/src/main/ts/tsx/Scope.ts

`Subscribable` is made compatible with rxjs, added map, filter and scan...

`Subscribable` is made compatible with rxjs, added map, filter and scan methods to observables. `watch` can accept either stateful object and a property name to observe or the subscribable value. added ref attribute to the markup elements and widgets. `bind`, `tooggleClass` and `attach` methods can be passed to `ref` attribute in the markup to interact with elemnts and widgets.

cin - - Load All Authors

File last commit:

r102:c65ea2350b1a v1.3


                r102:c65ea2350b1a

v1.3

Download file

             Scope.ts
        
                    42 lines
            
             | 1.2 KiB
            
                | video/mp2t
            
             |
                TypeScriptLexer
            
             / djx / src / main / ts / tsx / Scope.ts
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      import { IDestroyable, IRemovable } from "@implab/core-amd/interfaces";

      import { isDestroyable, isRemovable } from "@implab/core-amd/safe";

      import { isUnsubsribable, Unsubscribable } from "../observable";

      export interface IScope {

          own(target: (() => void) | IDestroyable | IRemovable | Unsubscribable): void;

      }

      export class Scope implements IDestroyable, IScope {

          private readonly _cleanup: (() => void)[] = [];

          static readonly dummy: IScope = { own() { } };

          own(target: (() => void) | IDestroyable | IRemovable | Unsubscribable) {

              if (target instanceof Function) {

                  this._cleanup.push(target);

              } else if (isDestroyable(target)) {

                  this._cleanup.push(() => target.destroy());

              } else if (isRemovable(target)) {

                  this._cleanup.push(() => target.remove());

              } else if (isUnsubsribable(target)) {

                  this._cleanup.push(() => target.unsubscribe());

              }

          }

          clean() {

              const guard = (cb: () => void) => {

                  try {

                      cb();

                  } catch {

                      // guard

                  }

              }

              this._cleanup.forEach(guard);

              this._cleanup.length = 0;

          }

          destroy() {

              this.clean();

          }

      }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				import { IDestroyable, IRemovable } from "@implab/core-amd/interfaces";
				import { isDestroyable, isRemovable } from "@implab/core-amd/safe";
				import { isUnsubsribable, Unsubscribable } from "../observable";

				export interface IScope {
				own(target: (() => void) \| IDestroyable \| IRemovable \| Unsubscribable): void;
				}

				export class Scope implements IDestroyable, IScope {
				private readonly _cleanup: (() => void)[] = [];

				static readonly dummy: IScope = { own() { } };

				own(target: (() => void) \| IDestroyable \| IRemovable \| Unsubscribable) {
				if (target instanceof Function) {
				this._cleanup.push(target);
				} else if (isDestroyable(target)) {
				this._cleanup.push(() => target.destroy());
				} else if (isRemovable(target)) {
				this._cleanup.push(() => target.remove());
				} else if (isUnsubsribable(target)) {
				this._cleanup.push(() => target.unsubscribe());
				}
				}

				clean() {
				const guard = (cb: () => void) => {
				try {
				cb();
				} catch {
				// guard
				}
				}

				this._cleanup.forEach(guard);
				this._cleanup.length = 0;
				}

				destroy() {
				this.clean();
				}

				}