@difizen/libro-output 1.0.2 → 1.0.4

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;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"}
+{"version":3,"file":"display-data-output-model.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-model.tsx"],"names":[],"mappings":";AAEA,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;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

@@ -17,12 +17,12 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 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 { getBundleOptions } from '@difizen/libro-common';
 import { LibroOutputView } from '@difizen/libro-core';
 import { RenderMimeRegistry } from '@difizen/libro-rendermime';
 import { getOrigin, useInject, view, ViewInstance, ViewOption } from '@difizen/libro-common/app';
 import { inject, transient } from '@difizen/libro-common/app';
 import { forwardRef } from 'react';
-import { getBundleOptions } from "../output-utils.js";
 import "../index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DisplayDataOutputModelRender = /*#__PURE__*/forwardRef(function DisplayDataOutputModelRender(_props, ref) {

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

@@ -1 +1 @@
-{"version":3,"file":"error-output-model.d.ts","sourceRoot":"","sources":["../../src/error-output/error-output-model.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAc1E,OAAO,eAAe,CAAC;AAuDvB,qBAEa,gBAAiB,SAAQ,eAAgB,YAAW,cAAc;gBAC7C,OAAO,EAAE,cAAc;IAO9C,IAAI,2FAA0B;IAC9B,MAAM;;;;;;IASf,eAAe,UAAS;CACzB"}
+{"version":3,"file":"error-output-model.d.ts","sourceRoot":"","sources":["../../src/error-output/error-output-model.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAc1E,OAAO,eAAe,CAAC;AAqDvB,qBAEa,gBAAiB,SAAQ,eAAgB,YAAW,cAAc;gBAC7C,OAAO,EAAE,cAAc;IAO9C,IAAI,2FAA0B;IAC9B,MAAM;;;;;;IASf,eAAe,UAAS;CACzB"}

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

@@ -15,7 +15,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 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 { defaultSanitizer } from '@difizen/libro-common';
+import { defaultSanitizer, getBundleOptions } from '@difizen/libro-common';
 import { LibroOutputView } from '@difizen/libro-core';
 import { RenderMimeRegistry, renderText } from '@difizen/libro-rendermime';
 import { inject, transient } from '@difizen/libro-common/app';
@@ -23,7 +23,6 @@ import { getOrigin, prop, useInject, view, ViewInstance, ViewOption } from '@dif
 import { Button } from 'antd';
 import { forwardRef, createRef, useEffect } from 'react';
 import "../index.less";
-import { getBundleOptions } from "../output-utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ErrorOutputModelRender = /*#__PURE__*/forwardRef(function ErrorOutputModelRender(_props, ref) {

package/es/index.less

@@ -159,7 +159,7 @@
    * Code font variables are used for typography of code and other monospaces content.
    */
 
-  --jp-code-font-size: 14px;
+  --jp-code-font-size: 13px;
   --jp-code-line-height: 1.3077; /* 17px for 13px base */
   --jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
   --jp-code-font-family-default: menlo-regular, consolas, 'DejaVu Sans Mono', monospace;
@@ -444,7 +444,7 @@
 |---------------------------------------------------------------------------- */
 
 .libro-html-common-render {
-  color: var(--jp-content-font-color1);
+  color: var(--mana-libro-text-default-color);
   font-family: var(--jp-content-font-family);
   font-size: var(--jp-content-font-size1);
   line-height: var(--jp-content-line-height);
@@ -589,7 +589,7 @@
 }
 
 .libro-html-common-render hr {
-  color: var(--jp-border-color2);
+  color: var(--mana-libro-text-default-color);
   background-color: var(--jp-border-color1);
   margin-top: 1em;
   margin-bottom: 1em;
@@ -622,7 +622,7 @@
   border-collapse: collapse;
   border-spacing: 0;
   border: none;
-  color: var(--jp-ui-font-color1);
+  color: var(--mana-libro-text-default-color);
   font-size: var(--jp-ui-font-size1);
   table-layout: fixed;
   // margin-left: auto;
@@ -666,11 +666,11 @@
 }
 
 .libro-html-common-render tbody tr:nth-child(even) {
-  background: var(--jp-rendermime-table-row-background);
+  background: var(--mana-libro-menu-hover-color);
 }
 
 .libro-html-common-render tbody tr:hover {
-  background: var(--jp-rendermime-table-row-hover-background);
+  background: var(--mana-libro-menu-hover-color);
 }
 
 .libro-html-common-render p {

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;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"}
+{"version":3,"file":"stream-output-model.d.ts","sourceRoot":"","sources":["../../src/stream-output/stream-output-model.tsx"],"names":[],"mappings":";AAUA,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;AAGvF,OAAO,eAAe,CAAC;AA2BvB,qBAEa,iBAAkB,SAAQ,eAAgB,YAAW,cAAc;IAClD,kBAAkB,EAAE,mBAAmB,CAAC;IACpE,aAAa,CAAC,EAAE,gBAAgB,CAAC;gBAED,OAAO,EAAE,cAAc;IAQvD,gBAAgB;IASP,IAAI,2FAA2B;IAC/B,MAAM;;;;;;;;;CAOhB"}

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

@@ -15,23 +15,38 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 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';
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { getBundleOptions } from '@difizen/libro-common';
 import { inject, transient } from '@difizen/libro-common/app';
 import { getOrigin, useInject, view, ViewInstance, ViewOption } from '@difizen/libro-common/app';
-import { forwardRef } from 'react';
+import { LibroOutputView } from '@difizen/libro-core';
+import { RenderMimeRegistry } from '@difizen/libro-rendermime';
+import { forwardRef, useEffect, useState } from 'react';
 import "../index.less";
-import { getBundleOptions } from "../output-utils.js";
 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 _useState = useState(new Date().getTime().toString()),
+    _useState2 = _slicedToArray(_useState, 2),
+    refreshKey = _useState2[0],
+    setRefreshKey = _useState2[1];
   var factory = model.getRenderFactory();
+  useEffect(function () {
+    model.onUpdate(function () {
+      setRefreshKey(new Date().getTime().toString());
+    });
+  });
   if (factory) {
     var OutputRender = factory.render;
     var children = /*#__PURE__*/_jsx(OutputRender, {
       model: model
-    });
+    }, refreshKey);
     return /*#__PURE__*/_jsx("div", {
       ref: ref,
       className: 'libro-stream-container',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@difizen/libro-output",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "",
   "keywords": [
     "libro",
@@ -32,9 +32,9 @@
     "src"
   ],
   "dependencies": {
-    "@difizen/libro-common": "^1.0.2",
-    "@difizen/libro-core": "^1.0.2",
-    "@difizen/libro-rendermime": "^1.0.2",
+    "@difizen/libro-common": "^1.0.4",
+    "@difizen/libro-core": "^1.0.4",
+    "@difizen/libro-rendermime": "^1.0.4",
     "markdown-it": "^13.0.1"
   },
   "peerDependencies": {

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

@@ -1,4 +1,5 @@
 import type { JSONObject } from '@difizen/libro-common';
+import { getBundleOptions } from '@difizen/libro-common';
 import { LibroOutputView } from '@difizen/libro-core';
 import type { BaseOutputView, IOutputOptions } from '@difizen/libro-core';
 import { RenderMimeRegistry } from '@difizen/libro-rendermime';
@@ -13,7 +14,6 @@ import {
 import { inject, transient } from '@difizen/libro-common/app';
 import { forwardRef } from 'react';
 
-import { getBundleOptions } from '../output-utils.js';
 import '../index.less';
 
 const DisplayDataOutputModelRender = forwardRef<HTMLDivElement>(

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

@@ -1,4 +1,4 @@
-import { defaultSanitizer } from '@difizen/libro-common';
+import { defaultSanitizer, getBundleOptions } from '@difizen/libro-common';
 import type { IError, JSONObject } from '@difizen/libro-common';
 import { LibroOutputView } from '@difizen/libro-core';
 import type { BaseOutputView, IOutputOptions } from '@difizen/libro-core';
@@ -17,8 +17,6 @@ import { Button } from 'antd';
 import { forwardRef, createRef, useEffect } from 'react';
 import '../index.less';
 
-import { getBundleOptions } from '../output-utils.js';
-
 const ErrorOutputModelRender = forwardRef<HTMLDivElement>(
   function ErrorOutputModelRender(_props, ref) {
     const output = useInject<ErrorOutputModel>(ViewInstance);

package/src/index.less

@@ -159,7 +159,7 @@
    * Code font variables are used for typography of code and other monospaces content.
    */
 
-  --jp-code-font-size: 14px;
+  --jp-code-font-size: 13px;
   --jp-code-line-height: 1.3077; /* 17px for 13px base */
   --jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
   --jp-code-font-family-default: menlo-regular, consolas, 'DejaVu Sans Mono', monospace;
@@ -444,7 +444,7 @@
 |---------------------------------------------------------------------------- */
 
 .libro-html-common-render {
-  color: var(--jp-content-font-color1);
+  color: var(--mana-libro-text-default-color);
   font-family: var(--jp-content-font-family);
   font-size: var(--jp-content-font-size1);
   line-height: var(--jp-content-line-height);
@@ -589,7 +589,7 @@
 }
 
 .libro-html-common-render hr {
-  color: var(--jp-border-color2);
+  color: var(--mana-libro-text-default-color);
   background-color: var(--jp-border-color1);
   margin-top: 1em;
   margin-bottom: 1em;
@@ -622,7 +622,7 @@
   border-collapse: collapse;
   border-spacing: 0;
   border: none;
-  color: var(--jp-ui-font-color1);
+  color: var(--mana-libro-text-default-color);
   font-size: var(--jp-ui-font-size1);
   table-layout: fixed;
   // margin-left: auto;
@@ -666,11 +666,11 @@
 }
 
 .libro-html-common-render tbody tr:nth-child(even) {
-  background: var(--jp-rendermime-table-row-background);
+  background: var(--mana-libro-menu-hover-color);
 }
 
 .libro-html-common-render tbody tr:hover {
-  background: var(--jp-rendermime-table-row-hover-background);
+  background: var(--mana-libro-menu-hover-color);
 }
 
 .libro-html-common-render p {

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

@@ -1,8 +1,5 @@
 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, IRendererFactory } from '@difizen/libro-rendermime';
+import { getBundleOptions } from '@difizen/libro-common';
 import { inject, transient } from '@difizen/libro-common/app';
 import {
   getOrigin,
@@ -11,20 +8,29 @@ import {
   ViewInstance,
   ViewOption,
 } from '@difizen/libro-common/app';
-import { forwardRef } from 'react';
+import { LibroOutputView } from '@difizen/libro-core';
+import type { BaseOutputView, IOutputOptions } from '@difizen/libro-core';
+import { RenderMimeRegistry } from '@difizen/libro-rendermime';
+import type { IRenderMimeRegistry, IRendererFactory } from '@difizen/libro-rendermime';
+import { forwardRef, useEffect, useState } from 'react';
 
 import '../index.less';
 
-import { getBundleOptions } from '../output-utils.js';
-
 const StreamOutputModelRender = forwardRef<HTMLDivElement>(
   function StreamOutputModelRender(_props, ref) {
     const output = useInject<StreamOutputModel>(ViewInstance);
     const model = getOrigin(output);
+    const [refreshKey, setRefreshKey] = useState(new Date().getTime().toString());
     const factory = model.getRenderFactory();
+
+    useEffect(() => {
+      model.onUpdate(() => {
+        setRefreshKey(new Date().getTime().toString());
+      });
+    });
     if (factory) {
       const OutputRender = factory.render;
-      const children = <OutputRender model={model} />;
+      const children = <OutputRender model={model} key={refreshKey} />;
       return (
         <div ref={ref} className={'libro-stream-container'}>
           {children}
@@ -48,6 +54,7 @@ export class StreamOutputModel extends LibroOutputView implements BaseOutputView
     this.data = data as JSONObject;
     this.metadata = metadata;
   }
+
   getRenderFactory() {
     const renderMimeType = this.renderMimeRegistry.preferredMimeType(this);
     if (renderMimeType) {