@difizen/libro-jupyter 0.1.33 → 0.1.34

package/es/cell/jupyter-code-cell-view.d.ts

@@ -4,7 +4,9 @@ import type { CodeEditorViewOptions, CompletionProvider, TooltipProvider } from
 import type { LibroJupyterView } from '../libro-jupyter-view.js';
 import type { JupyterCodeCellModel } from './jupyter-code-cell-model.js';
 export declare class JupyterCodeCellView extends LibroCodeCellView {
-    parent: LibroJupyterView;
+    protected _parent: LibroJupyterView;
+    get parent(): LibroJupyterView;
+    set parent(value: LibroJupyterView);
     view: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
     model: JupyterCodeCellModel;
     clearExecution: () => void;

package/es/cell/jupyter-code-cell-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jupyter-code-cell-view.d.ts","sourceRoot":"","sources":["../../src/cell/jupyter-code-cell-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAElB,eAAe,EAEhB,MAAM,4BAA4B,CAAC;AAWpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAkBzE,qBAEa,mBAAoB,SAAQ,iBAAiB;IAChD,MAAM,EAAE,gBAAgB,CAAC;IACxB,IAAI,2FAA4B;IACjC,KAAK,EAAE,oBAAoB,CAAC;IAE3B,cAAc,aAQrB;cAEiB,eAAe,IAAI,qBAAqB;IAe3D,eAAe,EAAE,eAAe,CAqB9B;IAEF,kBAAkB,EAAE,kBAAkB,CA8BpC;IAEa,GAAG;CA8EnB"}
+{"version":3,"file":"jupyter-code-cell-view.d.ts","sourceRoot":"","sources":["../../src/cell/jupyter-code-cell-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAElB,eAAe,EAEhB,MAAM,4BAA4B,CAAC;AAWpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAkBzE,qBAEa,mBAAoB,SAAQ,iBAAiB;IACxD,UAAkB,OAAO,EAAE,gBAAgB,CAAC;IAE5C,IAAa,MAAM,IAGQ,gBAAgB,CAD1C;IACD,IAAa,MAAM,CAAC,KAAK,EAAE,gBAAgB,EAG1C;IAEQ,IAAI,2FAA4B;IACjC,KAAK,EAAE,oBAAoB,CAAC;IAE3B,cAAc,aAQrB;cAEiB,eAAe,IAAI,qBAAqB;IAe3D,eAAe,EAAE,eAAe,CAqB9B;IAEF,kBAAkB,EAAE,kBAAkB,CA8BpC;IAEa,GAAG;CA8EnB"}

package/es/cell/jupyter-code-cell-view.js

@@ -153,6 +153,15 @@ export var JupyterCodeCellView = (_dec = transient(), _dec2 = view('jupyter-code
     return _this;
   }
   _createClass(JupyterCodeCellView, [{
+    key: "parent",
+    get: function get() {
+      return this._parent;
+    },
+    set: function set(value) {
+      this._parent = value;
+      this.parentDefer.resolve(this.parent);
+    }
+  }, {
     key: "getEditorOption",
     value: function getEditorOption() {
       var options = _get(_getPrototypeOf(JupyterCodeCellView.prototype), "getEditorOption", this).call(this);

package/es/index.d.ts

@@ -32,4 +32,5 @@ export * from './toolbar/index.js';
 export * from './file/index.js';
 export * from './libro-jupyter-view.js';
 export * from './config/index.js';
+export * from './widget/index.js';
 //# sourceMappingURL=index.d.ts.map

package/es/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0CAA0C,CAAC;AACzD,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0CAA0C,CAAC;AACzD,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/es/index.js

@@ -31,4 +31,5 @@ export * from "./theme/index.js";
 export * from "./toolbar/index.js";
 export * from "./file/index.js";
 export * from "./libro-jupyter-view.js";
-export * from "./config/index.js";
+export * from "./config/index.js";
+export * from "./widget/index.js";

package/es/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AA4BA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAiC/C,eAAO,MAAM,kBAAkB,YA2D5B,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AA2BA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAiC/C,eAAO,MAAM,kBAAkB,YA0D5B,CAAC"}

package/es/module.js

@@ -9,7 +9,6 @@ import { DisplayDataOutputModule, ErrorOutputModule, StreamOutputModule } from '
 import { RawCellModule } from '@difizen/libro-raw-cell';
 import { LibroSearchModule } from '@difizen/libro-search';
 import { SearchCodeCellModule } from '@difizen/libro-search-code-cell';
-import { WidgetModule } from '@difizen/libro-widget';
 import { ManaModule } from '@difizen/mana-app';
 import { LibroBetweenCellModule } from "./add-between-cell/index.js";
 import { JupyterCodeCellModel, JupyterCodeCellView } from "./cell/index.js";
@@ -30,8 +29,8 @@ import { LibroJupyterOutputArea } from "./output/index.js";
 import { PlotlyModule } from "./rendermime/index.js";
 import { LibroJupyterColorContribution } from "./theme/index.js";
 import { KernelStatusSelector, LibroJupyterToolbarContribution, SaveFileErrorContribution } from "./toolbar/index.js";
-import { LibroWidgetMimeContribution } from "./widget/index.js";
-export var LibroJupyterModule = ManaModule.create().register(JupyterWorkspaceService, LibroJupyterFileService, LibroJupyterCommandContribution, LibroJupyterKeybindingContribution, LibroJupyterToolbarContribution, ConfigAppContribution, SaveFileErrorContribution, LibroKeybindRegistry, LibroJupyterContentContribution, LibroJupyterContentSaveContribution, LibroJupyterOutputArea, LibroJupyterColorContribution, LibroJupyterSettingContribution, JupyterServerLaunchManager, LibroJupyterView, LibroWidgetMimeContribution, {
+import { WidgetModule } from "./widget/index.js";
+export var LibroJupyterModule = ManaModule.create().register(JupyterWorkspaceService, LibroJupyterFileService, LibroJupyterCommandContribution, LibroJupyterKeybindingContribution, LibroJupyterToolbarContribution, ConfigAppContribution, SaveFileErrorContribution, LibroKeybindRegistry, LibroJupyterContentContribution, LibroJupyterContentSaveContribution, LibroJupyterOutputArea, LibroJupyterColorContribution, LibroJupyterSettingContribution, JupyterServerLaunchManager, LibroJupyterView, {
   token: CellExecutionTimeProvider,
   useValue: CellExecutionTip
 }, {

package/es/output/libro-jupyter-outputarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"libro-jupyter-outputarea.d.ts","sourceRoot":"","sources":["../../src/output/libro-jupyter-outputarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,uBAAuB,EAEvB,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAWtD,qBAEa,sBAAuB,SAAQ,eAAe;IACjD,IAAI,EAAE,uBAAuB,CAAC;IACtC,SAAS,CAAC,YAAY,wBAA+B;gBAErB,MAAM,EAAE,iBAAiB;IAKzD,SAAS;IA6DA,OAAO,IAAI,IAAI;IAKf,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;CAIjD"}
+{"version":3,"file":"libro-jupyter-outputarea.d.ts","sourceRoot":"","sources":["../../src/output/libro-jupyter-outputarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,uBAAuB,EAEvB,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAatD,qBAEa,sBAAuB,SAAQ,eAAe;IACjD,IAAI,EAAE,uBAAuB,CAAC;IACtC,SAAS,CAAC,YAAY,wBAA+B;gBAErB,MAAM,EAAE,iBAAiB;IAKzD,SAAS;IAgEA,OAAO,IAAI,IAAI;IAKf,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;CAMjD"}

package/es/output/libro-jupyter-outputarea.js

@@ -21,7 +21,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 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 { LibroOutputArea } from '@difizen/libro-core';
-import { isDisplayDataMsg, isErrorMsg, isExecuteReplyMsg, isExecuteResultMsg, isStreamMsg, isUpdateDisplayDataMsg } from '@difizen/libro-kernel';
+import { isClearOutputMsg, isDisplayDataMsg, isErrorMsg, isExecuteInputMsg, isExecuteReplyMsg, isExecuteResultMsg, isStreamMsg, isUpdateDisplayDataMsg } from '@difizen/libro-kernel';
 import { inject, transient, view, ViewOption } from '@difizen/mana-app';
 export var LibroJupyterOutputArea = (_dec = transient(), _dec2 = view('libro-output-area'), _dec(_class = _dec2(_class = /*#__PURE__*/function (_LibroOutputArea) {
   _inherits(LibroJupyterOutputArea, _LibroOutputArea);
@@ -43,65 +43,67 @@ export var LibroJupyterOutputArea = (_dec = transient(), _dec2 = view('libro-out
       cellModel.msgChangeEmitter.event(function (msg) {
         var transientMsg = msg.content.transient || {};
         var displayId = transientMsg['display_id'];
-        if (msg.header.msg_type !== 'status') {
-          if (msg.header.msg_type === 'execute_input') {
-            cellModel.executeCount = msg.content.execution_count;
-          }
-          if (isDisplayDataMsg(msg) || isStreamMsg(msg) || isErrorMsg(msg) || isExecuteResultMsg(msg)) {
-            var output = _objectSpread(_objectSpread({}, msg.content), {}, {
-              output_type: msg.header.msg_type
-            });
-            _this2.add(output);
-          }
-          if (isUpdateDisplayDataMsg(msg)) {
-            var _output = _objectSpread(_objectSpread({}, msg.content), {}, {
-              output_type: 'display_data'
-            });
-            var targets = _this2.displayIdMap.get(displayId);
-            if (targets) {
-              var _iterator = _createForOfIteratorHelper(targets),
-                _step;
-              try {
-                for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                  var index = _step.value;
-                  _this2.set(index, _output);
-                }
-              } catch (err) {
-                _iterator.e(err);
-              } finally {
-                _iterator.f();
+        if (isExecuteInputMsg(msg)) {
+          cellModel.executeCount = msg.content.execution_count;
+        }
+        if (isDisplayDataMsg(msg) || isStreamMsg(msg) || isErrorMsg(msg) || isExecuteResultMsg(msg)) {
+          var output = _objectSpread(_objectSpread({}, msg.content), {}, {
+            output_type: msg.header.msg_type
+          });
+          _this2.add(output);
+        }
+        if (isUpdateDisplayDataMsg(msg)) {
+          var _output = _objectSpread(_objectSpread({}, msg.content), {}, {
+            output_type: 'display_data'
+          });
+          var targets = _this2.displayIdMap.get(displayId);
+          if (targets) {
+            var _iterator = _createForOfIteratorHelper(targets),
+              _step;
+            try {
+              for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                var index = _step.value;
+                _this2.set(index, _output);
               }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
             }
           }
-          if (displayId && isDisplayDataMsg(msg)) {
-            var _targets = _this2.displayIdMap.get(displayId) || [];
-            _targets.push(_this2.outputs.length);
-            _this2.displayIdMap.set(displayId, _targets);
+        }
+        if (displayId && isDisplayDataMsg(msg)) {
+          var _targets = _this2.displayIdMap.get(displayId) || [];
+          _targets.push(_this2.outputs.length);
+          _this2.displayIdMap.set(displayId, _targets);
+        }
+        //Handle an execute reply message.
+        if (isExecuteReplyMsg(msg)) {
+          var content = msg.content;
+          if (content.status !== 'ok') {
+            return;
+          }
+          var payload = content && content.payload;
+          if (!payload || !payload.length) {
+            return;
           }
-          //Handle an execute reply message.
-          if (isExecuteReplyMsg(msg)) {
-            var content = msg.content;
-            if (content.status !== 'ok') {
-              return;
-            }
-            var payload = content && content.payload;
-            if (!payload || !payload.length) {
-              return;
-            }
-            var pages = payload.filter(function (i) {
-              return i.source === 'page';
-            });
-            if (!pages.length) {
-              return;
-            }
-            var page = JSON.parse(JSON.stringify(pages[0]));
-            var _output2 = {
-              output_type: 'display_data',
-              data: page.data,
-              metadata: {}
-            };
-            _this2.add(_output2);
+          var pages = payload.filter(function (i) {
+            return i.source === 'page';
+          });
+          if (!pages.length) {
+            return;
           }
+          var page = JSON.parse(JSON.stringify(pages[0]));
+          var _output2 = {
+            output_type: 'display_data',
+            data: page.data,
+            metadata: {}
+          };
+          _this2.add(_output2);
+        }
+        if (isClearOutputMsg(msg)) {
+          var wait = msg.content.wait;
+          _this2.clear(wait);
         }
       });
     }
@@ -115,7 +117,9 @@ export var LibroJupyterOutputArea = (_dec = transient(), _dec2 = view('libro-out
     key: "clear",
     value: function clear(wait) {
       _get(_getPrototypeOf(LibroJupyterOutputArea.prototype), "clear", this).call(this, wait);
-      this.displayIdMap.clear();
+      if (!wait) {
+        this.displayIdMap.clear();
+      }
     }
   }]);
   return LibroJupyterOutputArea;

package/es/widget/box/contribution.d.ts

@@ -0,0 +1,10 @@
+import { ViewManager } from '@difizen/mana-app';
+import type { IWidgetViewProps } from '../protocol.js';
+import { WidgetViewContribution } from '../protocol.js';
+import { VBoxWidget } from './view.js';
+export declare class VBoxWidgetContribution implements WidgetViewContribution {
+    viewManager: ViewManager;
+    canHandle: (attributes: any) => 1 | 100;
+    factory(props: IWidgetViewProps): Promise<VBoxWidget>;
+}
+//# sourceMappingURL=contribution.d.ts.map

package/es/widget/box/contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contribution.d.ts","sourceRoot":"","sources":["../../../src/widget/box/contribution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAEnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,qBACa,sBAAuB,YAAW,sBAAsB;IAC9C,WAAW,EAAE,WAAW,CAAC;IAC9C,SAAS,eAAgB,GAAG,aAc1B;IACF,OAAO,CAAC,KAAK,EAAE,gBAAgB;CAGhC"}

package/es/widget/box/contribution.js

@@ -0,0 +1,48 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 "../protocol.js";
+import { VBoxWidget } from "./view.js";
+export var VBoxWidgetContribution = (_dec = singleton({
+  contrib: WidgetViewContribution
+}), _dec2 = inject(ViewManager), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function VBoxWidgetContribution() {
+    _classCallCheck(this, VBoxWidgetContribution);
+    _initializerDefineProperty(this, "viewManager", _descriptor, this);
+    this.canHandle = function (attributes) {
+      if (attributes._model_name === 'VBoxModel') {
+        return 100;
+      }
+      if (attributes.__view_name === 'VBoxView') {
+        return 100;
+      }
+      if (attributes._model_name === 'HBoxModel') {
+        return 100;
+      }
+      if (attributes.__view_name === 'HBoxView') {
+        return 100;
+      }
+      return 1;
+    };
+  }
+  _createClass(VBoxWidgetContribution, [{
+    key: "factory",
+    value: function factory(props) {
+      return this.viewManager.getOrCreateView(VBoxWidget, props);
+    }
+  }]);
+  return VBoxWidgetContribution;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "viewManager", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);

package/es/widget/box/index.d.ts

@@ -0,0 +1,3 @@
+export * from './contribution.js';
+export * from './view.js';
+//# sourceMappingURL=index.d.ts.map

package/es/widget/box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widget/box/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC"}

package/es/widget/box/index.js

@@ -0,0 +1,2 @@
+export * from "./contribution.js";
+export * from "./view.js";

package/es/widget/box/index.less

@@ -0,0 +1,3 @@
+.libro-widget-hbox {
+  display: flex;
+}

package/es/widget/box/view.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" resolution-mode="require"/>
+import { LibroContextKey } from '@difizen/libro-core';
+import type { IWidgetViewProps, WidgetState } from '../protocol.js';
+import { WidgetView } from '../widget-view.js';
+import './index.less';
+export declare const LibroWidgetBoxComponent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+interface BoxState extends WidgetState {
+    children: string[];
+    box_style?: string;
+}
+export declare class VBoxWidget extends WidgetView {
+    view: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+    state: BoxState;
+    constructor(props: IWidgetViewProps, libroContextKey: LibroContextKey);
+    protected initialize(props: IWidgetViewProps): void;
+    getCls: () => "" | "libro-widget-hbox" | "libro-widget-vbox";
+}
+export {};
+//# sourceMappingURL=view.d.ts.map

package/es/widget/box/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/widget/box/view.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AActD,OAAO,KAAK,EAAY,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAmCtB,eAAO,MAAM,uBAAuB,0FAiBnC,CAAC;AAEF,UAAU,QAAS,SAAQ,WAAW;IACpC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAEa,UAAW,SAAQ,UAAU;IAC/B,IAAI,2FAA2B;IAG/B,KAAK,EAAE,QAAQ,CAGtB;gBAGoB,KAAK,EAAE,gBAAgB,EAClB,eAAe,EAAE,eAAe;IAM3D,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAKnD,MAAM,uDAQJ;CACH"}

package/es/widget/box/view.js

@@ -0,0 +1,114 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _dec3, _class, _class2, _descriptor;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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); }
+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 { LibroContextKey } from '@difizen/libro-core';
+import { view, transient, useInject, ViewInstance, prop, inject, ViewOption, ViewRender, getOrigin } from '@difizen/mana-app';
+import { forwardRef } from 'react';
+import { defaultWidgetState } from "../protocol.js";
+import { WidgetView } from "../widget-view.js";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var WidgetRender = function WidgetRender(props) {
+  var widgets = props.widgets,
+    modelId = props.modelId,
+    cell = props.cell;
+  if (!widgets) {
+    return null;
+  }
+  var widgetView;
+  try {
+    widgetView = widgets.getModel(modelId);
+  } catch (ex) {
+    //
+  }
+  if (!widgetView) {
+    return null;
+  }
+  if (cell) {
+    widgetView.setCell(getOrigin(cell));
+  }
+  if (widgetView.isCommClosed) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: "libro-widget-render-container",
+    children: /*#__PURE__*/_jsx("div", {
+      className: "libro-widget-render",
+      children: /*#__PURE__*/_jsx(ViewRender, {
+        view: widgetView
+      })
+    })
+  });
+};
+export var LibroWidgetBoxComponent = /*#__PURE__*/forwardRef(function LibroWidgetBoxComponent(props, ref) {
+  var widget = useInject(ViewInstance);
+  return /*#__PURE__*/_jsx("div", {
+    className: "libro-widget-box ".concat(widget.getCls()),
+    ref: ref,
+    children: widget.state.children.map(function (modelId) {
+      return /*#__PURE__*/_jsx(WidgetRender, {
+        cell: widget.cell,
+        widgets: widget.widgets,
+        modelId: modelId
+      }, modelId);
+    })
+  });
+});
+export var VBoxWidget = (_dec = transient(), _dec2 = view('libro-widget-box-view'), _dec3 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_WidgetView) {
+  _inherits(VBoxWidget, _WidgetView);
+  var _super = _createSuper(VBoxWidget);
+  function VBoxWidget(props, libroContextKey) {
+    var _this;
+    _classCallCheck(this, VBoxWidget);
+    _this = _super.call(this, props, libroContextKey);
+    _this.view = LibroWidgetBoxComponent;
+    _initializerDefineProperty(_this, "state", _descriptor, _assertThisInitialized(_this));
+    _this.getCls = function () {
+      if (_this.model_name === 'HBoxModel') {
+        return 'libro-widget-hbox';
+      }
+      if (_this.model_name === 'VBoxModel') {
+        return 'libro-widget-vbox';
+      }
+      return '';
+    };
+    _this.initialize(props);
+    return _this;
+  }
+  VBoxWidget = inject(LibroContextKey)(VBoxWidget, undefined, 1) || VBoxWidget;
+  VBoxWidget = inject(ViewOption)(VBoxWidget, undefined, 0) || VBoxWidget;
+  _createClass(VBoxWidget, [{
+    key: "initialize",
+    value: function initialize(props) {
+      var attributes = props.attributes;
+      this.setState(attributes);
+    }
+  }]);
+  return VBoxWidget;
+}(WidgetView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "state", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return _objectSpread(_objectSpread({}, defaultWidgetState), {}, {
+      children: []
+    });
+  }
+})), _class2)) || _class) || _class);

package/es/widget/comm.d.ts

@@ -0,0 +1,65 @@
+import type { JSONObject } from '@difizen/libro-common';
+import type { IComm, IKernelConnection, IShellFuture } from '@difizen/libro-kernel';
+import type { ICallbacks, IClassicComm } from './protocol.js';
+import { WidgetCommOption } from './protocol.js';
+/**
+ * Public constructor
+ * @param  {IComm} jsServicesComm - @jupyterlab/services IComm instance
+ */
+export declare class Comm implements IClassicComm {
+    constructor(options: WidgetCommOption);
+    /**
+     * Comm id
+     * @return {string}
+     */
+    get comm_id(): string;
+    /**
+     * Target name
+     * @return {string}
+     */
+    get target_name(): string;
+    /**
+     * Opens a sibling comm in the backend
+     * @param  data
+     * @param  callbacks
+     * @param  metadata
+     * @return msg id
+     */
+    open(data: JSONObject, 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: JSONObject, callbacks?: ICallbacks, metadata?: JSONObject, buffers?: ArrayBuffer[] | ArrayBufferView[]): string;
+    /**
+     * Closes the sibling comm in the backend
+     * @param  data
+     * @param  callbacks
+     * @param  metadata
+     * @return msg id
+     */
+    close(data?: JSONObject, callbacks?: ICallbacks, metadata?: JSONObject, buffers?: ArrayBuffer[] | ArrayBufferView[]): string;
+    /**
+     * Register a message handler
+     * @param  callback, which is given a message
+     */
+    onMsg(callback: (x: any) => void): void;
+    /**
+     * Register a handler for when the comm is closed by the backend
+     * @param  callback, which is given a message
+     */
+    onClose(callback: (x: any) => void): void;
+    /**
+     * Hooks callback object up with @jupyterlab/services IKernelFuture
+     * @param  @jupyterlab/services IKernelFuture instance
+     * @param  callbacks
+     */
+    _hookupCallbacks(future: IShellFuture, callbacks?: ICallbacks): void;
+    jsServicesComm: IComm;
+    kernel: IKernelConnection;
+}
+//# sourceMappingURL=comm.d.ts.map

package/es/widget/comm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comm.d.ts","sourceRoot":"","sources":["../../src/widget/comm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpF,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD;;;GAGG;AACH,qBACa,IAAK,YAAW,YAAY;gBACD,OAAO,EAAE,gBAAgB;IAI/D;;;OAGG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED;;;OAGG;IACH,IAAI,WAAW,IAAI,MAAM,CAExB;IAED;;;;;;OAMG;IACH,IAAI,CACF,IAAI,EAAE,UAAU,EAChB,SAAS,CAAC,EAAE,UAAU,EACtB,QAAQ,CAAC,EAAE,UAAU,EACrB,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,GAC1C,MAAM;IAMT;;;;;;;OAOG;IACH,IAAI,CACF,IAAI,EAAE,UAAU,EAChB,SAAS,CAAC,EAAE,UAAU,EACtB,QAAQ,CAAC,EAAE,UAAU,EACrB,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,GAC1C,MAAM;IAMT;;;;;;OAMG;IACH,KAAK,CACH,IAAI,CAAC,EAAE,UAAU,EACjB,SAAS,CAAC,EAAE,UAAU,EACtB,QAAQ,CAAC,EAAE,UAAU,EACrB,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,GAC1C,MAAM;IAMT;;;OAGG;IACH,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI;IAIvC;;;OAGG;IACH,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI;IAIzC;;;;OAIG;IACH,gBAAgB,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,UAAU,GAAG,IAAI;IAwCpE,cAAc,EAAE,KAAK,CAAC;IACtB,MAAM,EAAE,iBAAiB,CAAC;CAC3B"}