[Misc] Fix hosted envs in TS (#9171)

(master → master)
ApryseSDK · Jun 19, 2024 · c5650d9 · c5650d9
1 parent 6c3505e
commit c5650d9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/custom-ui/index.html b/custom-ui/index.html
@@ -2,6 +2,7 @@
 
 <head>
   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
+  <script src='./global.js'></script>
   <script src='/lib/webviewer.min.js'></script>
 </head>
 

diff --git a/custom-ui/index.ts b/custom-ui/index.ts
@@ -2,9 +2,11 @@
 const hashFile = `/${(window.location.hash || 'webviewer-demo.pdf').replace('#', '')}`;
 // Remove init_timestamp so that the demo doesn't expire
 window.localStorage.removeItem('init_timestamp');
+// @ts-ignore
+const WebViewerConstructor = isWebComponent() ? WebViewer.WebComponent : WebViewer;
 
 const viewerElement = document.getElementById('viewer');
-WebViewer.WebComponent({
+WebViewerConstructor({
   path: '/lib',
   initialDoc: hashFile,
   enableRedaction: true,
@@ -546,7 +548,6 @@ WebViewer.WebComponent({
 
   const redactionPanelToggle = new UI.Components.ToggleElementButton(
     {
-      type: 'toggleElementButton',
       img: 'icon-redact-panel',
       dataElement: 'redactionPanelToggle',
       toggleElement: 'redactionPanel',
@@ -555,7 +556,6 @@ WebViewer.WebComponent({
 
   const fullPageRedactionToggle = new UI.Components.ToggleElementButton(
     {
-      type: 'toggleElementButton',
       img: 'icon-tool-page-redact',
       dataElement: 'pageRedactionToggleButton',
       toggleElement: 'pageRedactionModal',
@@ -622,15 +622,13 @@ WebViewer.WebComponent({
     label: 'View',
     title: 'View',
     toolbarGroup: 'toolbarGroup-View',
-    type: 'ribbonItem',
     groupedItems: []
   });
   const annotateRibbonItem = new UI.Components.RibbonItem({
     dataElement: 'toolbarGroup-Annotate',
     label: 'Annotate',
     title: 'Annotate',
     toolbarGroup: 'toolbarGroup-Annotate',
-    type: 'ribbonItem',
     groupedItems: ['annotateGroupedItems']
   });
 
@@ -639,7 +637,6 @@ WebViewer.WebComponent({
     label: 'Shapes',
     title: 'Shapes',
     toolbarGroup: 'toolbarGroup-Shapes',
-    type: 'ribbonItem',
     groupedItems: ['shapesGroupedItems']
   });
 
@@ -704,8 +701,6 @@ WebViewer.WebComponent({
     dataElement: 'default-ribbon-group',
     grow: 2,
     justifyContent: 'start',
-    title: 'Default Tools',
-    type: 'ribbonGroup',
     items: [
       viewRibbonItem,
       annotateRibbonItem,
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,6 +2,7 @@ @@
     <head>
       <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
+      <script src='./global.js'></script>
       <script src='/lib/webviewer.min.js'></script>
     </head>
@@ Expand Down @@