molstar 3.4.0 → 3.6.1

package/lib/mol-plugin-ui/react18.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2018-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ *
+ * @author David Sehnal <david.sehnal@gmail.com>
+ * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ */
+import { PluginUIContext } from './context';
+import { PluginUISpec } from './spec';
+export declare function createPluginUI(target: HTMLElement, spec?: PluginUISpec, options?: {
+    onBeforeUIRender?: (ctx: PluginUIContext) => (Promise<void> | void);
+}): Promise<PluginUIContext>;

package/lib/mol-plugin-ui/react18.js

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) 2018-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ *
+ * @author David Sehnal <david.sehnal@gmail.com>
+ * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ */
+import { __awaiter, __generator } from "tslib";
+import { createElement } from 'react';
+import { createRoot } from 'react-dom/client';
+import { Plugin } from './plugin';
+import { PluginUIContext } from './context';
+import { DefaultPluginUISpec } from './spec';
+export function createPluginUI(target, spec, options) {
+    return __awaiter(this, void 0, void 0, function () {
+        var ctx;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ctx = new PluginUIContext(spec || DefaultPluginUISpec());
+                    return [4 /*yield*/, ctx.init()];
+                case 1:
+                    _a.sent();
+                    if (!(options === null || options === void 0 ? void 0 : options.onBeforeUIRender)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, options.onBeforeUIRender(ctx)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    createRoot(target).render(createElement(Plugin, { plugin: ctx }));
+                    return [2 /*return*/, ctx];
+            }
+        });
+    });
+}

package/lib/mol-plugin-ui/skin/base/base.scss

@@ -1,33 +1,33 @@
-
-@mixin user-select($select) {
-  -webkit-user-select: $select;
-     -moz-user-select: $select;
-      -ms-user-select: $select; // IE10+
-          user-select: $select;
-}
-
-.msp-plugin {
-    font-family: "Helvetica Neue", "Segoe UI", Helvetica, "Source Sans Pro", Arial, sans-serif;
-    font-size: 14px;
-    line-height: 1.42857143;
-
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-
-    @import 'variables';
-
-    @import "normalize";
-
-    @import 'layout';
-    @import 'ui';
-    @import 'logo';
-
-    .msp-plugin-content {
-        color: $font-color;
-    }
-
-    background: $default-background;
+
+@mixin user-select($select) {
+  -webkit-user-select: $select;
+     -moz-user-select: $select;
+      -ms-user-select: $select; // IE10+
+          user-select: $select;
+}
+
+.msp-plugin {
+    font-family: "Helvetica Neue", "Segoe UI", Helvetica, "Source Sans Pro", Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.42857143;
+
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+
+    @import 'variables';
+
+    @import "normalize";
+
+    @import 'layout';
+    @import 'ui';
+    @import 'logo';
+
+    .msp-plugin-content {
+        color: $font-color;
+    }
+
+    background: $default-background;
 }