@difizen/libro-output 0.2.0 → 0.2.2

package/es/display-data-output/display-data-output-model.d.ts

@@ -1,9 +1,13 @@
 /// <reference types="react" resolution-mode="require"/>
 import { LibroOutputView } from '@difizen/libro-core';
 import type { BaseOutputView, IOutputOptions } from '@difizen/libro-core';
+import type { IRenderMimeRegistry, IRendererFactory } from '@difizen/libro-rendermime';
 import '../index.less';
 export declare class DisplayDataOutputModel extends LibroOutputView implements BaseOutputView {
+    renderMimeRegistry: IRenderMimeRegistry;
+    renderFactory?: IRendererFactory;
     constructor(options: IOutputOptions);
+    getRenderFactory(): IRendererFactory | undefined;
     view: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
     toJSON(): {
         output_type: string;
@@ -18,5 +22,6 @@ export declare class DisplayDataOutputModel extends LibroOutputView implements B
         metadata: import("@difizen/libro-common").PartialJSONValue | import("@difizen/libro-common").PartialJSONObject | undefined;
         execution_count?: undefined;
     };
+    dispose(force?: boolean): void;
 }
 //# sourceMappingURL=display-data-output-model.d.ts.map

package/es/display-data-output/display-data-output-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-data-output-model.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-model.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAc1E,OAAO,eAAe,CAAC;AAwBvB,qBAEa,sBAAuB,SAAQ,eAAgB,YAAW,cAAc;gBACnD,OAAO,EAAE,cAAc;IAO9C,IAAI,2FAAgC;IACpC,MAAM;;;;;;;;;;;;;CAehB"}
+{"version":3,"file":"display-data-output-model.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-model.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAYvF,OAAO,eAAe,CAAC;AAmBvB,qBAEa,sBAAuB,SAAQ,eAAgB,YAAW,cAAc;IACvD,kBAAkB,EAAE,mBAAmB,CAAC;IACpE,aAAa,CAAC,EAAE,gBAAgB,CAAC;gBACD,OAAO,EAAE,cAAc;IAQvD,gBAAgB;IAUP,IAAI,2FAAgC;IACpC,MAAM;;;;;;;;;;;;;IAgBN,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;CAMxC"}

package/es/display-data-output/display-data-output-model.js

@@ -1,10 +1,13 @@
 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;
+var _dec, _dec2, _dec3, _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 _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 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); }; }
@@ -12,6 +15,8 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 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 { LibroOutputView } from '@difizen/libro-core';
 import { RenderMimeRegistry } from '@difizen/libro-rendermime';
 import { getOrigin, useInject, view, ViewInstance, ViewOption } from '@difizen/mana-app';
@@ -22,12 +27,11 @@ import "../index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DisplayDataOutputModelRender = /*#__PURE__*/forwardRef(function DisplayDataOutputModelRender(_props, ref) {
   var output = useInject(ViewInstance);
-  var defaultRenderMime = useInject(RenderMimeRegistry);
   var model = getOrigin(output);
-  var defaultRenderMimeType = defaultRenderMime.preferredMimeType(model);
+  var factory = model.getRenderFactory();
   var children = null;
-  if (defaultRenderMimeType) {
-    var OutputRender = defaultRenderMime.createRenderer(defaultRenderMimeType, model);
+  if (factory) {
+    var OutputRender = factory.render;
     children = /*#__PURE__*/_jsx(OutputRender, {
       model: model
     });
@@ -38,13 +42,14 @@ var DisplayDataOutputModelRender = /*#__PURE__*/forwardRef(function DisplayDataO
     children: children
   });
 });
-export var DisplayDataOutputModel = (_dec = transient(), _dec2 = view('libro-display-data-output-model'), _dec(_class = _dec2(_class = /*#__PURE__*/function (_LibroOutputView) {
+export var DisplayDataOutputModel = (_dec = transient(), _dec2 = view('libro-display-data-output-model'), _dec3 = inject(RenderMimeRegistry), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_LibroOutputView) {
   _inherits(DisplayDataOutputModel, _LibroOutputView);
   var _super = _createSuper(DisplayDataOutputModel);
   function DisplayDataOutputModel(options) {
     var _this;
     _classCallCheck(this, DisplayDataOutputModel);
     _this = _super.call(this, options);
+    _initializerDefineProperty(_this, "renderMimeRegistry", _descriptor, _assertThisInitialized(_this));
     _this.view = DisplayDataOutputModelRender;
     var _getBundleOptions = getBundleOptions(options.output),
       data = _getBundleOptions.data,
@@ -56,6 +61,18 @@ export var DisplayDataOutputModel = (_dec = transient(), _dec2 = view('libro-dis
   }
   DisplayDataOutputModel = inject(ViewOption)(DisplayDataOutputModel, undefined, 0) || DisplayDataOutputModel;
   _createClass(DisplayDataOutputModel, [{
+    key: "getRenderFactory",
+    value: function getRenderFactory() {
+      var renderMimeType = this.renderMimeRegistry.preferredMimeType(this);
+      if (renderMimeType) {
+        var renderMime = this.renderMimeRegistry.createRenderer(renderMimeType, this);
+        this.renderFactory = getOrigin(renderMime);
+        this.allowClear = renderMime.allowClear === false ? false : true;
+        return renderMime;
+      }
+      return undefined;
+    }
+  }, {
     key: "toJSON",
     value: function toJSON() {
       if (this.raw.execution_count !== undefined) {
@@ -72,6 +89,19 @@ export var DisplayDataOutputModel = (_dec = transient(), _dec2 = view('libro-dis
         metadata: this.raw.metadata
       };
     }
+  }, {
+    key: "dispose",
+    value: function dispose(force) {
+      if (!force && this.allowClear === false) {
+        return;
+      }
+      _get(_getPrototypeOf(DisplayDataOutputModel.prototype), "dispose", this).call(this);
+    }
   }]);
   return DisplayDataOutputModel;
-}(LibroOutputView)) || _class) || _class);
+}(LibroOutputView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "renderMimeRegistry", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class) || _class);

package/es/stream-output/stream-output-model.d.ts

@@ -1,9 +1,13 @@
 /// <reference types="react" resolution-mode="require"/>
 import { LibroOutputView } from '@difizen/libro-core';
 import type { BaseOutputView, IOutputOptions } from '@difizen/libro-core';
+import type { IRenderMimeRegistry, IRendererFactory } from '@difizen/libro-rendermime';
 import '../index.less';
 export declare class StreamOutputModel extends LibroOutputView implements BaseOutputView {
+    renderMimeRegistry: IRenderMimeRegistry;
+    renderFactory?: IRendererFactory;
     constructor(options: IOutputOptions);
+    getRenderFactory(): IRendererFactory | undefined;
     view: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
     toJSON(): {
         output_type: string;

package/es/stream-output/stream-output-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stream-output-model.d.ts","sourceRoot":"","sources":["../../src/stream-output/stream-output-model.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAa1E,OAAO,eAAe,CAAC;AA0BvB,qBAEa,iBAAkB,SAAQ,eAAgB,YAAW,cAAc;gBAC9C,OAAO,EAAE,cAAc;IAO9C,IAAI,2FAA2B;IAC/B,MAAM;;;;;;;;;CAOhB"}
+{"version":3,"file":"stream-output-model.d.ts","sourceRoot":"","sources":["../../src/stream-output/stream-output-model.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAWvF,OAAO,eAAe,CAAC;AAsBvB,qBAEa,iBAAkB,SAAQ,eAAgB,YAAW,cAAc;IAClD,kBAAkB,EAAE,mBAAmB,CAAC;IACpE,aAAa,CAAC,EAAE,gBAAgB,CAAC;gBAED,OAAO,EAAE,cAAc;IAOvD,gBAAgB;IASP,IAAI,2FAA2B;IAC/B,MAAM;;;;;;;;;CAOhB"}

package/es/stream-output/stream-output-model.js

@@ -1,5 +1,6 @@
 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;
+var _dec, _dec2, _dec3, _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; }
@@ -12,6 +13,8 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 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 { LibroOutputView } from '@difizen/libro-core';
 import { RenderMimeRegistry } from '@difizen/libro-rendermime';
 import { inject, transient } from '@difizen/mana-app';
@@ -23,10 +26,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var StreamOutputModelRender = /*#__PURE__*/forwardRef(function StreamOutputModelRender(_props, ref) {
   var output = useInject(ViewInstance);
   var model = getOrigin(output);
-  var defaultRenderMime = useInject(RenderMimeRegistry);
-  var defaultRenderMimeType = defaultRenderMime.preferredMimeType(model);
-  if (defaultRenderMimeType) {
-    var OutputRender = defaultRenderMime.createRenderer(defaultRenderMimeType, model);
+  var factory = model.getRenderFactory();
+  if (factory) {
+    var OutputRender = factory.render;
     var children = /*#__PURE__*/_jsx(OutputRender, {
       model: model
     });
@@ -39,13 +41,14 @@ var StreamOutputModelRender = /*#__PURE__*/forwardRef(function StreamOutputModel
     return null;
   }
 });
-export var StreamOutputModel = (_dec = transient(), _dec2 = view('libro-stream-output-model'), _dec(_class = _dec2(_class = /*#__PURE__*/function (_LibroOutputView) {
+export var StreamOutputModel = (_dec = transient(), _dec2 = view('libro-stream-output-model'), _dec3 = inject(RenderMimeRegistry), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_LibroOutputView) {
   _inherits(StreamOutputModel, _LibroOutputView);
   var _super = _createSuper(StreamOutputModel);
   function StreamOutputModel(options) {
     var _this;
     _classCallCheck(this, StreamOutputModel);
     _this = _super.call(this, options);
+    _initializerDefineProperty(_this, "renderMimeRegistry", _descriptor, _assertThisInitialized(_this));
     _this.view = StreamOutputModelRender;
     var _getBundleOptions = getBundleOptions(options.output),
       data = _getBundleOptions.data,
@@ -57,6 +60,17 @@ export var StreamOutputModel = (_dec = transient(), _dec2 = view('libro-stream-o
   }
   StreamOutputModel = inject(ViewOption)(StreamOutputModel, undefined, 0) || StreamOutputModel;
   _createClass(StreamOutputModel, [{
+    key: "getRenderFactory",
+    value: function getRenderFactory() {
+      var renderMimeType = this.renderMimeRegistry.preferredMimeType(this);
+      if (renderMimeType) {
+        var renderMime = this.renderMimeRegistry.createRenderer(renderMimeType, this);
+        this.renderFactory = getOrigin(renderMime);
+        return renderMime;
+      }
+      return undefined;
+    }
+  }, {
     key: "toJSON",
     value: function toJSON() {
       return {
@@ -67,4 +81,9 @@ export var StreamOutputModel = (_dec = transient(), _dec2 = view('libro-stream-o
     }
   }]);
   return StreamOutputModel;
-}(LibroOutputView)) || _class) || _class);
+}(LibroOutputView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "renderMimeRegistry", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class) || _class);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@difizen/libro-output",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "",
   "keywords": [
     "libro",
@@ -32,15 +32,15 @@
     "src"
   ],
   "dependencies": {
-    "@difizen/libro-common": "^0.2.0",
-    "@difizen/libro-core": "^0.2.0",
-    "@difizen/libro-rendermime": "^0.2.0",
+    "@difizen/libro-common": "^0.2.2",
+    "@difizen/libro-core": "^0.2.2",
+    "@difizen/libro-rendermime": "^0.2.2",
     "@difizen/mana-app": "latest",
     "markdown-it": "^13.0.1"
   },
   "peerDependencies": {
     "antd": "^5.8.6",
-    "react": "^18.2.0"
+    "react": ">=16"
   },
   "devDependencies": {
     "@types/react": "^18.2.25",

package/src/display-data-output/display-data-output-model.tsx

@@ -2,7 +2,7 @@ import type { JSONObject } from '@difizen/libro-common';
 import { LibroOutputView } from '@difizen/libro-core';
 import type { BaseOutputView, IOutputOptions } from '@difizen/libro-core';
 import { RenderMimeRegistry } from '@difizen/libro-rendermime';
-import type { IRenderMimeRegistry } from '@difizen/libro-rendermime';
+import type { IRenderMimeRegistry, IRendererFactory } from '@difizen/libro-rendermime';
 import {
   getOrigin,
   useInject,
@@ -19,16 +19,11 @@ import '../index.less';
 const DisplayDataOutputModelRender = forwardRef<HTMLDivElement>(
   function DisplayDataOutputModelRender(_props, ref) {
     const output = useInject<DisplayDataOutputModel>(ViewInstance);
-    const defaultRenderMime = useInject<IRenderMimeRegistry>(RenderMimeRegistry);
-
     const model = getOrigin(output);
-    const defaultRenderMimeType = defaultRenderMime.preferredMimeType(model);
+    const factory = model.getRenderFactory();
     let children = null;
-    if (defaultRenderMimeType) {
-      const OutputRender = defaultRenderMime.createRenderer(
-        defaultRenderMimeType,
-        model,
-      );
+    if (factory) {
+      const OutputRender = factory.render;
       children = <OutputRender model={model} />;
     }
     return (
@@ -41,6 +36,8 @@ const DisplayDataOutputModelRender = forwardRef<HTMLDivElement>(
 @transient()
 @view('libro-display-data-output-model')
 export class DisplayDataOutputModel extends LibroOutputView implements BaseOutputView {
+  @inject(RenderMimeRegistry) renderMimeRegistry: IRenderMimeRegistry;
+  renderFactory?: IRendererFactory;
   constructor(@inject(ViewOption) options: IOutputOptions) {
     super(options);
     const { data, metadata } = getBundleOptions(options.output);
@@ -48,6 +45,17 @@ export class DisplayDataOutputModel extends LibroOutputView implements BaseOutpu
     this.data = data as JSONObject;
     this.metadata = metadata;
   }
+
+  getRenderFactory() {
+    const renderMimeType = this.renderMimeRegistry.preferredMimeType(this);
+    if (renderMimeType) {
+      const renderMime = this.renderMimeRegistry.createRenderer(renderMimeType, this);
+      this.renderFactory = getOrigin(renderMime);
+      this.allowClear = renderMime.allowClear === false ? false : true;
+      return renderMime;
+    }
+    return undefined;
+  }
   override view = DisplayDataOutputModelRender;
   override toJSON() {
     if (this.raw.execution_count !== undefined) {
@@ -64,4 +72,11 @@ export class DisplayDataOutputModel extends LibroOutputView implements BaseOutpu
       metadata: this.raw.metadata,
     };
   }
+
+  override dispose(force?: boolean): void {
+    if (!force && this.allowClear === false) {
+      return;
+    }
+    super.dispose();
+  }
 }

package/src/stream-output/stream-output-model.tsx

@@ -2,7 +2,7 @@ import type { JSONObject } from '@difizen/libro-common';
 import { LibroOutputView } from '@difizen/libro-core';
 import type { BaseOutputView, IOutputOptions } from '@difizen/libro-core';
 import { RenderMimeRegistry } from '@difizen/libro-rendermime';
-import type { IRenderMimeRegistry } from '@difizen/libro-rendermime';
+import type { IRenderMimeRegistry, IRendererFactory } from '@difizen/libro-rendermime';
 import { inject, transient } from '@difizen/mana-app';
 import {
   getOrigin,
@@ -21,13 +21,9 @@ const StreamOutputModelRender = forwardRef<HTMLDivElement>(
   function StreamOutputModelRender(_props, ref) {
     const output = useInject<StreamOutputModel>(ViewInstance);
     const model = getOrigin(output);
-    const defaultRenderMime = useInject<IRenderMimeRegistry>(RenderMimeRegistry);
-    const defaultRenderMimeType = defaultRenderMime.preferredMimeType(model);
-    if (defaultRenderMimeType) {
-      const OutputRender = defaultRenderMime.createRenderer(
-        defaultRenderMimeType,
-        model,
-      );
+    const factory = model.getRenderFactory();
+    if (factory) {
+      const OutputRender = factory.render;
       const children = <OutputRender model={model} />;
       return (
         <div ref={ref} className={'libro-stream-container'}>
@@ -42,6 +38,9 @@ const StreamOutputModelRender = forwardRef<HTMLDivElement>(
 @transient()
 @view('libro-stream-output-model')
 export class StreamOutputModel extends LibroOutputView implements BaseOutputView {
+  @inject(RenderMimeRegistry) renderMimeRegistry: IRenderMimeRegistry;
+  renderFactory?: IRendererFactory;
+
   constructor(@inject(ViewOption) options: IOutputOptions) {
     super(options);
     const { data, metadata } = getBundleOptions(options.output);
@@ -49,6 +48,15 @@ export class StreamOutputModel extends LibroOutputView implements BaseOutputView
     this.data = data as JSONObject;
     this.metadata = metadata;
   }
+  getRenderFactory() {
+    const renderMimeType = this.renderMimeRegistry.preferredMimeType(this);
+    if (renderMimeType) {
+      const renderMime = this.renderMimeRegistry.createRenderer(renderMimeType, this);
+      this.renderFactory = getOrigin(renderMime);
+      return renderMime;
+    }
+    return undefined;
+  }
   override view = StreamOutputModelRender;
   override toJSON() {
     return {