@difizen/libro-widget 0.0.2-alpha.0

package/es/base/protocal.d.ts

@@ -0,0 +1,171 @@
+import type { JSONObject, JSONValue } from '@difizen/libro-common';
+import type { IComm, IKernelConnection, KernelMessage } from '@difizen/libro-kernel';
+import { Syringe } from '@difizen/mana-app';
+import type { WidgetView } from './widget-view.js';
+export interface IWidgetViewOptions {
+    model_id: string;
+    comm: IClassicComm;
+}
+export interface IWidgetViewProps {
+    attributes: any;
+    options: IWidgetViewOptions;
+}
+/**
+ * A simple dictionary type.
+ */
+export type Dict<T> = Record<string, T>;
+export type BufferJSON = {
+    [property: string]: BufferJSON;
+} | BufferJSON[] | string | number | boolean | null | ArrayBuffer | DataView;
+export interface ISerializedState {
+    state: JSONObject;
+    buffers: ArrayBuffer[];
+    buffer_paths: (string | number)[][];
+}
+/**
+ * The widget manager interface exposed on the Widget instances
+ */
+export interface IWidgets {
+    getModel: (model_id: string) => WidgetView;
+    /**
+     * Returns true if the given model is registered, otherwise false.
+     *
+     * #### Notes
+     * This is a synchronous way to check if a model is registered.
+     */
+    hasModel: (model_id: string) => boolean;
+    /**
+     * Register a model instance promise with the manager.
+     *
+     * By registering the model, it can later be retrieved with `getModel`.
+     */
+    registerWidgetView: (model_id: string, model: Promise<WidgetView>) => void;
+    newWidgetView: (attributes: any, options: IWidgetViewOptions) => Promise<WidgetView>;
+}
+export declare const LibroWidgetsFactory: unique symbol;
+export type LibroWidgetsFactory = (options: WidgetsOption) => IWidgets;
+export declare const WidgetsOption: unique symbol;
+export interface WidgetsOption {
+    kc: IKernelConnection;
+    id: string;
+}
+export interface IWidgetView {
+    initialize: (props: IWidgetViewProps) => void;
+    toJSON: () => string;
+    set_state: (state: Dict<unknown>) => void;
+    handleCommMsg: (msg: KernelMessage.ICommMsgMsg) => Promise<void>;
+    model_id: string;
+    name: string;
+    module: string;
+    model_module: string;
+    model_name: string;
+    model_module_version: string;
+    view_module: string;
+    view_name: string | null;
+    view_module_version: string;
+    view_count: number | null;
+}
+export declare const IWidgetView: unique symbol;
+export declare const WidgetViewContribution: Syringe.DefinedToken;
+export interface WidgetViewContribution {
+    canHandle: (attributes: any) => number;
+    factory: (props: IWidgetViewProps) => Promise<WidgetView>;
+}
+export interface InstanceRecord {
+    startDate: number;
+    endDate: number;
+}
+interface Stage {
+    name: string;
+    backup_workers: number;
+    terminated_workers: number;
+    running_workers: number;
+    total_workers: number;
+    input_records: number;
+    output_records: number;
+    finished_percentage: number;
+}
+export interface Task {
+    name: string;
+    status: 'WAITING' | 'RUNNING' | 'SUCCESS' | 'FAILED' | 'SUSPENDED' | 'CANCELLED';
+    stages: Stage[];
+}
+export interface ProgressInstance {
+    id: string;
+    status: 'Running' | 'Suspended' | 'Terminated';
+    logview: string;
+    tasks: Task[];
+}
+export interface ProgressItem {
+    name: string;
+    key: string;
+    gen_time: string;
+    logView: string;
+    instances?: ProgressInstance[];
+}
+export type InstancesRecords = Record<string, InstanceRecord>;
+/**
+ * Callbacks for services shim comms.
+ */
+export interface ICallbacks {
+    shell?: Record<string, (msg: KernelMessage.IShellMessage) => void>;
+    iopub?: Record<string, (msg: KernelMessage.IIOPubMessage) => void>;
+    input?: (msg: KernelMessage.IStdinMessage) => void;
+}
+export declare const LibroWidgetCommFactory: unique symbol;
+export type LibroWidgetCommFactory = (options: WidgetCommOption) => IClassicComm;
+export declare const WidgetCommOption: unique symbol;
+export interface WidgetCommOption {
+    comm: IComm;
+}
+export interface IClassicComm {
+    /**
+     * Comm id
+     * @return {string}
+     */
+    comm_id: string;
+    /**
+     * Target name
+     * @return {string}
+     */
+    target_name: string;
+    /**
+     * Opens a sibling comm in the backend
+     * @param  data
+     * @param  callbacks
+     * @param  metadata
+     * @param  buffers
+     * @return msg id
+     */
+    open(data: JSONValue, callbacks?: ICallbacks, metadata?: JSONObject, buffers?: ArrayBuffer[] | ArrayBufferView[]): string;
+    /**
+     * Sends a message to the sibling comm in the backend
+     * @param  data
+     * @param  callbacks
+     * @param  metadata
+     * @param  buffers
+     * @return message id
+     */
+    send(data: JSONValue, callbacks?: ICallbacks, metadata?: JSONObject, buffers?: ArrayBuffer[] | ArrayBufferView[]): string;
+    /**
+     * Closes the sibling comm in the backend
+     * @param  data
+     * @param  callbacks
+     * @param  metadata
+     * @param  buffers
+     * @return msg id
+     */
+    close(data?: JSONValue, callbacks?: ICallbacks, metadata?: JSONObject, buffers?: ArrayBuffer[] | ArrayBufferView[]): string;
+    /**
+     * Register a message handler
+     * @param  callback, which is given a message
+     */
+    on_msg(callback: (x: any) => void): void;
+    /**
+     * Register a handler for when the comm is closed by the backend
+     * @param  callback, which is given a message
+     */
+    on_close(callback: (x: any) => void): void;
+}
+export {};
+//# sourceMappingURL=protocal.d.ts.map

package/es/base/protocal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"protocal.d.ts","sourceRoot":"","sources":["../../src/base/protocal.ts"],"names":[],"mappings":"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"}

package/es/base/protocal.js

@@ -0,0 +1,21 @@
+import { Syringe } from '@difizen/mana-app';
+
+/**
+ * A simple dictionary type.
+ */
+
+/**
+ * The widget manager interface exposed on the Widget instances
+ */
+
+export var LibroWidgetsFactory = Symbol('LibroWidgetsFactory');
+export var WidgetsOption = Symbol('WidgetsOption');
+export var IWidgetView = Symbol('IWidgetView');
+export var WidgetViewContribution = Syringe.defineToken('WidgetViewContribution');
+
+/**
+ * Callbacks for services shim comms.
+ */
+
+export var LibroWidgetCommFactory = Symbol('LibroWidgetCommFactory');
+export var WidgetCommOption = Symbol('WidgetCommOption');

package/es/base/utils.d.ts

@@ -0,0 +1,27 @@
+import type { BufferJSON, Dict } from './protocal.js';
+/**
+ * Takes an object 'state' and fills in buffer[i] at 'path' buffer_paths[i]
+ * where buffer_paths[i] is a list indicating where in the object buffer[i] should
+ * be placed
+ * Example: state = {a: 1, b: {}, c: [0, null]}
+ * buffers = [array1, array2]
+ * buffer_paths = [['b', 'data'], ['c', 1]]
+ * Will lead to {a: 1, b: {data: array1}, c: [0, array2]}
+ */
+export declare function put_buffers(state: Dict<BufferJSON>, buffer_paths: (string | number)[][], buffers: (DataView | ArrayBuffer | ArrayBufferView | {
+    buffer: ArrayBuffer;
+})[]): void;
+/**
+ * Creates a wrappable Promise rejection function.
+ *
+ * Creates a function that logs an error message before rethrowing
+ * the original error that caused the promise to reject.
+ */
+export declare function reject(message: string, log: boolean): (error: Error) => never;
+/**
+ * A polyfill for Object.assign
+ *
+ * This is from code that Typescript 2.4 generates for a polyfill.
+ */
+export declare const assign: any;
+//# sourceMappingURL=utils.d.ts.map

package/es/base/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/base/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEtD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,EACvB,YAAY,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EAAE,EACnC,OAAO,EAAE,CAAC,QAAQ,GAAG,WAAW,GAAG,eAAe,GAAG;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,CAAC,EAAE,GAC9E,IAAI,CAiBN;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,WACV,KAAK,KAAG,KAAK,CAMtD;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,KAYhB,CAAC"}

package/es/base/utils.js

@@ -0,0 +1,59 @@
+/**
+ * Takes an object 'state' and fills in buffer[i] at 'path' buffer_paths[i]
+ * where buffer_paths[i] is a list indicating where in the object buffer[i] should
+ * be placed
+ * Example: state = {a: 1, b: {}, c: [0, null]}
+ * buffers = [array1, array2]
+ * buffer_paths = [['b', 'data'], ['c', 1]]
+ * Will lead to {a: 1, b: {data: array1}, c: [0, array2]}
+ */
+export function put_buffers(state, buffer_paths, buffers) {
+  for (var i = 0; i < buffer_paths.length; i++) {
+    var buffer_path = buffer_paths[i];
+    // make sure the buffers are DataViews
+    var buffer = buffers[i];
+    if (!(buffer instanceof DataView)) {
+      buffer = new DataView(buffer instanceof ArrayBuffer ? buffer : buffer.buffer);
+    }
+    // say we want to set state[x][y][z] = buffer
+    var obj = state;
+    // we first get obj = state[x][y]
+    for (var j = 0; j < buffer_path.length - 1; j++) {
+      obj = obj[buffer_path[j]];
+    }
+    // and then set: obj[z] = buffer
+    obj[buffer_path[buffer_path.length - 1]] = buffer;
+  }
+}
+
+/**
+ * Creates a wrappable Promise rejection function.
+ *
+ * Creates a function that logs an error message before rethrowing
+ * the original error that caused the promise to reject.
+ */
+export function reject(message, log) {
+  return function promiseRejection(error) {
+    if (log) {
+      console.error(new Error(message));
+    }
+    throw error;
+  };
+}
+
+/**
+ * A polyfill for Object.assign
+ *
+ * This is from code that Typescript 2.4 generates for a polyfill.
+ */
+export var assign = Object.assign || function (t) {
+  for (var i = 1; i < (arguments.length <= 1 ? 0 : arguments.length - 1); i++) {
+    var s = i + 1 < 1 || arguments.length <= i + 1 ? undefined : arguments[i + 1];
+    for (var p in s) {
+      if (Object.prototype.hasOwnProperty.call(s, p)) {
+        t[p] = s[p];
+      }
+    }
+  }
+  return t;
+};

package/es/base/version.d.ts

@@ -0,0 +1,3 @@
+export declare const LIBRO_WIDGETS_VERSION = "2.0.0";
+export declare const PROTOCOL_VERSION = "2.1.0";
+//# sourceMappingURL=version.d.ts.map

package/es/base/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/base/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAC7C,eAAO,MAAM,gBAAgB,UAAU,CAAC"}

package/es/base/version.js

@@ -0,0 +1,2 @@
+export var LIBRO_WIDGETS_VERSION = '2.0.0';
+export var PROTOCOL_VERSION = '2.1.0';

package/es/base/widget-manager.d.ts

@@ -0,0 +1,18 @@
+import { LibroService } from '@difizen/libro-core';
+import type { IKernelConnection } from '@difizen/libro-kernel';
+import { LibroKernelManager } from '@difizen/libro-kernel';
+import { ApplicationContribution } from '@difizen/mana-app';
+import type { LibroWidgets } from './libro-widgets.js';
+import type { WidgetsOption } from './protocal.js';
+export declare class LibroWidgetManager implements ApplicationContribution {
+    widgetsFactory: (options: WidgetsOption) => LibroWidgets;
+    kernelManager: LibroKernelManager;
+    libroService: LibroService;
+    initialize: () => void;
+    getOrCreateWidgets: (kc: IKernelConnection) => LibroWidgets;
+    /**
+     * Dictionary of model ids and model instance promises
+     */
+    private widgets;
+}
+//# sourceMappingURL=widget-manager.d.ts.map

package/es/base/widget-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-manager.d.ts","sourceRoot":"","sources":["../../src/base/widget-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAA2B,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAErF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,qBACa,kBAAmB,YAAW,uBAAuB;IACnC,cAAc,EAAG,CAC5C,OAAO,EAAE,aAAa,KACnB,YAAY,CAAC;IACU,aAAa,EAAE,kBAAkB,CAAC;IACxC,YAAY,EAAE,YAAY,CAAC;IAEjD,UAAU,aAMR;IAEF,kBAAkB,OAAQ,iBAAiB,kBAQzC;IAEF;;OAEG;IAEH,OAAO,CAAC,OAAO,CAAwC;CACxD"}

package/es/base/widget-manager.js

@@ -0,0 +1,68 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _dec, _dec2, _dec3, _dec4, _dec5, _class, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { LibroService } from '@difizen/libro-core';
+import { KernelConnection, LibroKernelManager } from '@difizen/libro-kernel';
+import { inject, prop, singleton, ApplicationContribution } from '@difizen/mana-app';
+import { LibroWidgetsFactory } from "./protocal.js";
+export var LibroWidgetManager = (_dec = singleton({
+  contrib: ApplicationContribution
+}), _dec2 = inject(LibroWidgetsFactory), _dec3 = inject(LibroKernelManager), _dec4 = inject(LibroService), _dec5 = prop(), _dec(_class = (_class2 = /*#__PURE__*/_createClass(function LibroWidgetManager() {
+  var _this = this;
+  _classCallCheck(this, LibroWidgetManager);
+  _initializerDefineProperty(this, "widgetsFactory", _descriptor, this);
+  _initializerDefineProperty(this, "kernelManager", _descriptor2, this);
+  _initializerDefineProperty(this, "libroService", _descriptor3, this);
+  this.initialize = function () {
+    _this.kernelManager.onConnectToKernel(function (kc) {
+      if (kc instanceof KernelConnection) {
+        _this.getOrCreateWidgets(kc);
+      }
+    });
+  };
+  this.getOrCreateWidgets = function (kc) {
+    var widgets = _this.widgets.get(kc.id);
+    if (widgets) {
+      return widgets;
+    }
+    var newWidgets = _this.widgetsFactory({
+      kc: kc,
+      id: kc.id
+    });
+    _this.widgets.set(kc.id, newWidgets);
+    return newWidgets;
+  };
+  /**
+   * Dictionary of model ids and model instance promises
+   */
+  _initializerDefineProperty(this, "widgets", _descriptor4, this);
+}), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "widgetsFactory", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "kernelManager", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "libroService", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, "widgets", [_dec5], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return new Map();
+  }
+})), _class2)) || _class);

package/es/base/widget-view-contribution.d.ts

@@ -0,0 +1,10 @@
+import { ViewManager } from '@difizen/mana-app';
+import type { IWidgetViewProps } from './protocal.js';
+import { WidgetViewContribution } from './protocal.js';
+import { WidgetView } from './widget-view.js';
+export declare class DefaultWidgetViewContribution implements WidgetViewContribution {
+    viewManager: ViewManager;
+    canHandle: () => number;
+    factory(props: IWidgetViewProps): Promise<WidgetView>;
+}
+//# sourceMappingURL=widget-view-contribution.d.ts.map

package/es/base/widget-view-contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-view-contribution.d.ts","sourceRoot":"","sources":["../../src/base/widget-view-contribution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAEnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,qBACa,6BAA8B,YAAW,sBAAsB;IACrD,WAAW,EAAE,WAAW,CAAC;IAC9C,SAAS,eAAW;IACpB,OAAO,CAAC,KAAK,EAAE,gBAAgB;CAGhC"}

package/es/base/widget-view-contribution.js

@@ -0,0 +1,36 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _dec, _dec2, _class, _class2, _descriptor;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { ViewManager, inject, singleton } from '@difizen/mana-app';
+import { WidgetViewContribution } from "./protocal.js";
+import { WidgetView } from "./widget-view.js";
+export var DefaultWidgetViewContribution = (_dec = singleton({
+  contrib: WidgetViewContribution
+}), _dec2 = inject(ViewManager), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function DefaultWidgetViewContribution() {
+    _classCallCheck(this, DefaultWidgetViewContribution);
+    _initializerDefineProperty(this, "viewManager", _descriptor, this);
+    this.canHandle = function () {
+      return 1;
+    };
+  }
+  _createClass(DefaultWidgetViewContribution, [{
+    key: "factory",
+    value: function factory(props) {
+      return this.viewManager.getOrCreateView(WidgetView, props);
+    }
+  }]);
+  return DefaultWidgetViewContribution;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "viewManager", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);

package/es/base/widget-view.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { JSONValue } from '@difizen/libro-common';
+import { LirboContextKey } from '@difizen/libro-core';
+import type { KernelMessage } from '@difizen/libro-kernel';
+import { BaseView } from '@difizen/mana-app';
+import type { ViewComponent } from '@difizen/mana-app';
+import type { IWidgetViewProps } from './protocal.js';
+import type { Dict, IWidgets, IWidgetView, IClassicComm, ICallbacks } from './protocal.js';
+export declare const LibroWidgetComponent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+export declare class WidgetView extends BaseView implements IWidgetView {
+    view: ViewComponent;
+    lirboContextKey: LirboContextKey;
+    disableCommandMode: boolean;
+    constructor(props: IWidgetViewProps, lirboContextKey: LirboContextKey);
+    onViewMount(): void;
+    initialize(props: IWidgetViewProps): void;
+    /**
+     * Handle incoming comm msg.
+     */
+    handleCommMsg(msg: KernelMessage.ICommMsgMsg): Promise<void>;
+    handleCommClosed: () => void;
+    /**
+     * Handle when a widget is updated from the backend.
+     *
+     * This function is meant for internal use only. Values set here will not be propagated on a sync.
+     */
+    set_state(state: Dict<unknown>): void;
+    /**
+     * Serialize the model.  See the deserialization function at the top of this file
+     * and the kernel-side serializer/deserializer.
+     */
+    toJSON(): string;
+    /**
+     * Send a custom msg over the comm.
+     */
+    send: (data: JSONValue, callbacks?: ICallbacks, buffers?: ArrayBuffer[] | ArrayBufferView[]) => void;
+    comm: IClassicComm;
+    libroWidgets: IWidgets;
+    model_id: string;
+    state_change: Promise<any>;
+    name: string;
+    module: string;
+    isCommClosed: boolean;
+    model_module: string;
+    model_name: string;
+    model_module_version: string;
+    view_module: string;
+    view_name: string | null;
+    view_module_version: string;
+    view_count: number | null;
+}
+//# sourceMappingURL=widget-view.d.ts.map

package/es/base/widget-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-view.d.ts","sourceRoot":"","sources":["../../src/base/widget-view.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAuC,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAEV,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,oBAAoB,0FAIhC,CAAC;AAEF,qBAEa,UAAW,SAAQ,QAAS,YAAW,WAAW;IACpD,IAAI,EAAE,aAAa,CAAwB;IACpD,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,UAAQ;gBAEJ,KAAK,EAAE,gBAAgB,EAClB,eAAe,EAAE,eAAe;IAOlD,WAAW;IAepB,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IA2BzC;;OAEG;IACH,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAa5D,gBAAgB,aAEd;IACF;;;;OAIG;IACH,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;IAIrC;;;OAGG;IACH,MAAM,IAAI,MAAM;IAIhB;;OAEG;IACH,IAAI,SACI,SAAS,cACH,UAAU,YACZ,WAAW,EAAE,GAAG,eAAe,EAAE,UAK3C;IAEF,IAAI,EAAE,YAAY,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,UAAS;IAErB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B"}

package/es/base/widget-view.js

@@ -0,0 +1,137 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _dec, _dec2, _class;
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { LirboContextKey } from '@difizen/libro-core';
+import { inject, transient, ViewOption, view, BaseView } from '@difizen/mana-app';
+import { forwardRef } from 'react';
+import { assign } from "./utils.js";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var LibroWidgetComponent = /*#__PURE__*/forwardRef(function LibroWidgetComponent() {
+  return /*#__PURE__*/_jsx(_Fragment, {});
+});
+export var WidgetView = (_dec = transient(), _dec2 = view('libro-widget-view'), _dec(_class = _dec2(_class = /*#__PURE__*/function (_BaseView) {
+  _inherits(WidgetView, _BaseView);
+  var _super = _createSuper(WidgetView);
+  function WidgetView(props, lirboContextKey) {
+    var _this;
+    _classCallCheck(this, WidgetView);
+    _this = _super.call(this);
+    _this.view = LibroWidgetComponent;
+    _this.disableCommandMode = true;
+    _this.handleCommClosed = function () {
+      _this.isCommClosed = true;
+    };
+    /**
+     * Send a custom msg over the comm.
+     */
+    _this.send = function (data, callbacks, buffers) {
+      if (_this.comm !== undefined) {
+        _this.comm.send(data, callbacks, {}, buffers);
+      }
+    };
+    _this.isCommClosed = false;
+    _this.initialize(props);
+    _this.lirboContextKey = lirboContextKey;
+    return _this;
+  }
+  WidgetView = inject(LirboContextKey)(WidgetView, undefined, 1) || WidgetView;
+  WidgetView = inject(ViewOption)(WidgetView, undefined, 0) || WidgetView;
+  _createClass(WidgetView, [{
+    key: "onViewMount",
+    value: function onViewMount() {
+      var _this2 = this;
+      if (this.container && this.container.current && this.disableCommandMode) {
+        this.container.current.addEventListener('focusin', function () {
+          _this2.lirboContextKey.disableCommandMode();
+        });
+        this.container.current.addEventListener('blur', function (e) {
+          var _this2$container, _this2$container$curr;
+          if ((_this2$container = _this2.container) !== null && _this2$container !== void 0 && (_this2$container$curr = _this2$container.current) !== null && _this2$container$curr !== void 0 && _this2$container$curr.contains(e.relatedTarget)) {
+            _this2.lirboContextKey.disableCommandMode();
+          } else {
+            _this2.lirboContextKey.enableCommandMode();
+          }
+        });
+      }
+    }
+  }, {
+    key: "initialize",
+    value: function initialize(props) {
+      this.model_module = props.attributes._model_module;
+      this.model_name = props.attributes._model_name;
+      this.model_module_version = props.attributes._model_module_version;
+      this.view_module = props.attributes._view_module;
+      this.view_name = props.attributes._view_name;
+      this.view_module_version = props.attributes._view_module_version;
+      this.view_count = props.attributes._view_count;
+
+      // Attributes should be initialized here, since user initialization may depend on it
+      // this.libroWidgets = props.options.libroWidgets;
+      var comm = props.options.comm;
+      if (comm) {
+        // Remember comm associated with the model.
+        this.comm = comm;
+
+        // Hook comm messages up to model.
+        comm.on_close(this.handleCommClosed.bind(this));
+        comm.on_msg(this.handleCommMsg.bind(this));
+      } else {
+        this.isCommClosed = false;
+      }
+      this.model_id = props.options.model_id;
+      this.state_change = Promise.resolve();
+    }
+
+    /**
+     * Handle incoming comm msg.
+     */
+  }, {
+    key: "handleCommMsg",
+    value: function handleCommMsg(msg) {
+      var data = msg.content.data;
+      var method = data.method;
+      switch (method) {
+        case 'update':
+        case 'echo_update':
+          // eslint-disable-next-line no-case-declarations
+          var state = data.state;
+          this.set_state(state);
+      }
+      return Promise.resolve();
+    }
+  }, {
+    key: "set_state",
+    value:
+    /**
+     * Handle when a widget is updated from the backend.
+     *
+     * This function is meant for internal use only. Values set here will not be propagated on a sync.
+     */
+    function set_state(state) {
+      assign(this, state);
+    }
+
+    /**
+     * Serialize the model.  See the deserialization function at the top of this file
+     * and the kernel-side serializer/deserializer.
+     */
+  }, {
+    key: "toJSON",
+    value: function toJSON() {
+      return "IPY_MODEL_".concat(this.model_id);
+    }
+  }]);
+  return WidgetView;
+}(BaseView)) || _class) || _class);