Issue #805: buildTmFv script, tmSaguaro umd library

package.json

@@ -11,11 +11,13 @@
     "devServer": "webpack-dev-server --config webpack.server.dev.config.js",
     "tsc": "tsc --incremental",
     "build": "webpack --config ./webpack.config.js",
-    "buildTm": "npm run cleanAll && npm run tsc && npm run cpStyles && npm run mkDist && webpack --config ./webpack.tm-saguaro.config.js",
+    "buildTmFv": "npm run cleanAll && npm run tsc && npm run initTmFvBuild && webpack --config ./webpack.tm-saguaro.config.js",
     "buildAll": "npm run cleanAll && npm run tsc && npm run cpStyles && npm run mkDist && npm run copyConfig && npm run copyDef && npm run build && npm run buildDoc",
     "buildApp": "npm run cleanAll && npm run tsc && npm run cpStyles && npm run mkDist && npm run copyConfig && npm run copyDef && npm run build",
     "cpStyles": "ncp src/styles lib/styles",
+    "cpPublic": "ncp public build/TmFeatureViewer && ncp src/examples/assembly-tm/index.html build/TmFeatureViewer/index.html",
     "mkDist": "mkdirp build/dist",
+    "initTmFvBuild": "mkdirp build/TmFeatureViewer && npm run cpPublic && npm run cpStyles",
     "copyConfig": "ncp lib/config.js build/dist/config.js",
     "copyDef": "ncp lib/app.d.ts build/dist/app.d.ts",
     "buildDoc": "typedoc --excludeExternals --externalPattern \"**/node_modules/**\"  --plugin typedoc-plugin-missing-exports src/RcsbFv3D/RcsbFv3DAssembly.tsx src/RcsbFv3D/RcsbFv3DUniprot.tsx src/RcsbFv3D/RcsbFv3DSequenceIdentity.tsx src/RcsbFv3D/RcsbFv3DCustom.tsx && sed -i '' '/---/d' docs/index.html",

src/examples/assembly-tm/index.html

@@ -4,6 +4,15 @@
     <meta charset="UTF-8">
     <title>RCSB PDB 1D3D Viewer</title>
     <script src="./tm-saguaro.js"></script>
+    <script defer type="module">
+      tmSaguaro.createViewer({
+          elementId: "tmSaguaro",
+          pdbEntry: "6f7h",
+          labelAsymId: "C",
+          side1: "Inside",
+          htpEntry: "AQP10_HUMAN"
+      });
+    </script>
 </head>
 <style>
     .ult_side1 { fill: #f88; }
@@ -34,4 +43,4 @@
 <div id="selectBis" ></div>
 
 </body>
-</html>
+</html>

src/examples/assembly-tm/index.ts

@@ -4,9 +4,7 @@ import { createFeatureViewerConfing } from "./FeatureViewConfig";
 import { registerRegionDescriptorData } from "./UniTmpHelper";
 import { TmFv3DCustom } from "./tmdet-viewer/TmFv3DCustom";
 
-export { DebugUtil };
-
-export function createViewer(configParams: any) {
+function createViewer(configParams: any) {
     document.addEventListener("DOMContentLoaded", (event) => {
         (async function(event) {
 
@@ -56,10 +54,4 @@ async function createConfig(configParams: any): Promise<RcsbFv3DCustomInterface>
     return panel3dConfig;
 }
 
-createViewer({
-    elementId: "tmSaguaro",
-    pdbEntry: "6f7h",
-    labelAsymId: "C",
-    side1: "Inside",
-    htpEntry: "AQP10_HUMAN"
-});
+export { DebugUtil, createViewer };

webpack.tm-saguaro.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 
 const commonConfig = {
-    mode:"production",
+    mode: "production",
     module: {
       rules: [
           {
@@ -42,7 +42,7 @@ const commonConfig = {
     }
 };
 
-const out_path = "build/examples";
+const out_path = "build/TmFeatureViewer";
 const examples = [];
 
 examples.push({
@@ -52,7 +52,11 @@ examples.push({
     },
     output: {
         filename: '[name].js',
-        path: path.resolve(__dirname, out_path+'/assembly-tm/')
+        path: path.resolve(__dirname, out_path),
+        library: {
+            name: 'tmSaguaro',
+            type: 'umd'
+        }
     }
 });