@difizen/libro-app 0.2.45

package/src/app-viewer.tsx

@@ -0,0 +1,85 @@
+import type { NavigatableView } from '@difizen/mana-app';
+import { ViewRender, ViewManager } from '@difizen/mana-app';
+import {
+  BaseView,
+  inject,
+  LabelProvider,
+  prop,
+  transient,
+  URI as VScodeURI,
+  URIIconReference,
+  useInject,
+  view,
+  ViewInstance,
+  ViewOption,
+  Deferred,
+  URI,
+  CommandRegistry,
+} from '@difizen/mana-app';
+import { forwardRef } from 'react';
+
+import './index.less';
+import { LibroAppView } from './app-view.js';
+import { AppViewerFactory } from './protocol.js';
+
+export const AppViewerComponent = forwardRef(function LibroEditorComponent() {
+  const instance = useInject<LibroAppViewer>(ViewInstance);
+
+  return (
+    <div className="libro-app-viewer-container">
+      {instance.appView && <ViewRender view={instance.appView}></ViewRender>}
+    </div>
+  );
+});
+
+@transient()
+@view(AppViewerFactory)
+export class LibroAppViewer extends BaseView implements NavigatableView {
+  @inject(CommandRegistry) commandRegistry: CommandRegistry;
+
+  override view = AppViewerComponent;
+
+  @prop()
+  appView?: LibroAppView;
+
+  @prop() filePath?: string;
+
+  protected defer = new Deferred<void>();
+
+  get ready() {
+    return this.defer.promise;
+  }
+
+  constructor(
+    @inject(ViewOption) options: { path: string },
+    @inject(LabelProvider) labelProvider: LabelProvider,
+    @inject(ViewManager) viewManager: ViewManager,
+  ) {
+    super();
+    this.filePath = options.path;
+    this.title.caption = options.path;
+    const uri = new URI(options.path);
+    viewManager
+      .getOrCreateView(LibroAppView, options)
+      .then((appView) => {
+        this.appView = appView;
+        return;
+      })
+      .catch(() => {
+        //
+      });
+    const uriRef = URIIconReference.create('file', new VScodeURI(options.path));
+    const iconClass = labelProvider.getIcon(uriRef);
+    this.title.icon = <div className={iconClass} />;
+    this.title.label = uri.displayName;
+  }
+
+  getResourceUri(): URI | undefined {
+    return new URI(this.filePath);
+  }
+
+  createMoveToUri(resourceUri: URI): URI | undefined {
+    this.filePath = resourceUri.path.toString();
+    return resourceUri;
+  }
+}

package/src/index.less

@@ -0,0 +1,147 @@
+.libro-app-container {
+  background: var(--mana-libro-background);
+  height: 100%;
+
+  .libro-cell-collapsed-expander {
+    padding-left: 0;
+  }
+
+  .libro-app-container-header {
+    padding: 12px 24px;
+    border-bottom: 1px solid var(--mana-libro-code-border-color);
+  }
+
+  .libro-app-cell-container {
+    position: relative;
+  }
+
+  .libro-app-container-content {
+    height: calc(100% - 56px);
+
+    .libro-view-top {
+      display: none;
+    }
+  }
+
+  .libro-app-cell-list {
+    padding: 0 48px 12px;
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .libro-markdown-collapser {
+    position: absolute;
+    top: 4px;
+    left: -24px;
+    z-index: 90;
+    min-width: 24px;
+    white-space: pre-wrap;
+    text-align: center;
+    cursor: pointer;
+  }
+
+  .libro-markdown-warpper-container {
+    .libro-markdown-preview {
+      min-height: 50px;
+      padding: 0 4px;
+      overflow: hidden;
+
+      img {
+        max-width: 100%;
+        max-height: 100%;
+      }
+
+      a {
+        text-decoration: none;
+      }
+
+      a:hover {
+        text-decoration: underline;
+      }
+
+      a:focus,
+      input:focus,
+      select:focus,
+      textarea:focus {
+        outline: 1px solid -webkit-focus-ring-color;
+        outline-offset: -1px;
+      }
+
+      hr {
+        height: 2px;
+        border: 0;
+        border-bottom: 2px solid;
+      }
+
+      div {
+        width: 100%;
+        min-height: 20px;
+      }
+
+      /* Adjust margin of first item in markdown cell */
+      *:first-child {
+        margin-top: 0;
+      }
+
+      /* h1 tags don't need top margin */
+      h1:first-child {
+        margin-top: 0;
+      }
+
+      /* Removes bottom margin when only one item exists in markdown cell */
+      #preview > *:only-child,
+      #preview > *:last-child {
+        margin-bottom: 0;
+        padding-bottom: 0;
+      }
+
+      table {
+        border-collapse: collapse;
+        border-spacing: 0;
+      }
+
+      table th,
+      table td {
+        border: 1px solid;
+      }
+
+      table > thead > tr > th {
+        text-align: left;
+        border-bottom: 1px solid;
+      }
+
+      table > thead > tr > th,
+      table > thead > tr > td,
+      table > tbody > tr > th,
+      table > tbody > tr > td {
+        padding: 5px 10px;
+      }
+
+      table > tbody > tr + tr > td {
+        border-top: 1px solid;
+      }
+
+      blockquote {
+        margin: 0 7px 0 5px;
+        padding: 0 16px 0 10px;
+        border-left-width: 5px;
+        border-left-style: solid;
+      }
+
+      code {
+        font-size: 1em;
+      }
+
+      pre code {
+        color: var(--mana-libro-text-default-color);
+        font-family: 12px;
+        line-height: 1.357em;
+        white-space: pre-wrap;
+      }
+    }
+  }
+}
+
+.libro-app-viewer-container {
+  height: 100%;
+}

package/src/index.spec.ts

@@ -0,0 +1,8 @@
+import assert from 'assert';
+import 'reflect-metadata';
+
+describe('libro-app', () => {
+  it('#import', () => {
+    assert(true);
+  });
+});

package/src/index.ts

@@ -0,0 +1 @@
+export * from './module.js';

package/src/module.ts

@@ -0,0 +1,13 @@
+import { ManaModule } from '@difizen/mana-app';
+
+import { AppFileCommandContribution } from './app-file-command-contribution.js';
+import { LibroAppOpenHandler } from './app-open-handler.js';
+import { LibroAppView } from './app-view.js';
+import { LibroAppViewer } from './app-viewer.js';
+
+export const LibroAppModule = ManaModule.create().register(
+  AppFileCommandContribution,
+  LibroAppOpenHandler,
+  LibroAppViewer,
+  LibroAppView,
+);

package/src/protocol.ts

@@ -0,0 +1 @@
+export const AppViewerFactory = 'libro-app-viewer';