Make resource viewer take whole webview width, prevent extension name…

… '..' (#426)

extensions/src/resource-viewer/resource-viewer.ts

@@ -3,6 +3,7 @@ import type { IWebViewProvider } from 'shared/models/web-view-provider.model';
 import type { SavedWebViewDefinition, WebViewDefinition } from 'shared/data/web-view.model';
 import type { ExecutionActivationContext } from 'extension-host/extension-types/extension-activation-context.model';
 import resourceViewerWebView from './resource-viewer.web-view?inline';
+import resourceViewerWebViewStyles from './resource-viewer.web-view.scss?inline';
 
 const { logger } = papi;
 logger.info('Resource Viewer is importing!');
@@ -22,6 +23,7 @@ const resourceWebViewProvider: IWebViewProvider = {
       ...savedWebView,
       title: 'Resource Viewer',
       content: resourceViewerWebView,
+      styles: resourceViewerWebViewStyles,
     };
   },
 };

extensions/src/resource-viewer/resource-viewer.web-view.scss

@@ -0,0 +1,5 @@
+// This class is built into the `usxeditor` library. We just need to override it
+/* stylelint-disable-next-line selector-class-pattern */
+.usxEditor {
+  width: auto !important;
+}

src/extension-host/services/extension.service.ts

@@ -107,6 +107,8 @@ let availableExtensions: ExtensionInfo[];
 /** Parse string extension manifest into an object and perform any transformations needed */
 function parseManifest(extensionManifestJson: string): ExtensionManifest {
   const extensionManifest = JSON.parse(extensionManifestJson) as ExtensionManifest;
+  if (extensionManifest.name.includes('..'))
+    throw new Error('Extension name must not include `..`!');
   // Replace ts with js so people can list their source code ts name but run the transpiled js
   if (extensionManifest.main && extensionManifest.main.toLowerCase().endsWith('.ts'))
     extensionManifest.main = `${extensionManifest.main.slice(0, -3)}.js`;