Updated textures to be read only in game dump

Author: Mindstormman06

src/extension.ts

@@ -1218,7 +1218,8 @@ export async function activate(context: vscode.ExtensionContext) {
                 );
                 if (isBntxTextureResult(raw)) {
                     const texName = raw.metadata?.name ?? filePath.split('/').pop() ?? 'texture';
-                    openTextureViewer(texName, raw, diskArchive, filePath, async (data) => {
+                    const isReadOnly = uri.scheme === 'totk-dump' || uri.scheme === 'sarc-dump';
+                    const onSaveCallback = isReadOnly ? undefined : async (data: any) => {
                         const payloadStr = JSON.stringify(data);
                         const updateArgs = isTxtgFile(uri.fsPath)
                             ? ['update-txtg-metadata', diskArchive, filePath, payloadStr]
@@ -1236,7 +1237,8 @@ export async function activate(context: vscode.ExtensionContext) {
 
                         // Automatically refresh the texture viewer to show the applied changes
                         void vscode.commands.executeCommand('totk-editor.openBntxTexture', uri);
-                    });
+                    };
+                    openTextureViewer(texName, raw, diskArchive, filePath, onSaveCallback);
                 } else {
                     void vscode.window.showErrorMessage('Failed to load texture preview.');
                 }

src/textureViewer.ts

@@ -38,7 +38,7 @@ export function openTextureViewer(
         }
 
         existing.reveal();
-        existing.webview.html = buildHtml(result, existing.webview);
+        existing.webview.html = buildHtml(result, existing.webview, !onSave);
         return;
     }
 
@@ -60,7 +60,7 @@ export function openTextureViewer(
         { enableScripts: true, retainContextWhenHidden: false, localResourceRoots: localRoots },
     );
 
-    panel.webview.html = buildHtml(result, panel.webview);
+    panel.webview.html = buildHtml(result, panel.webview, !onSave);
     panels.set(key, panel);
     panel.onDidDispose(() => {
         panels.delete(key);
@@ -86,7 +86,7 @@ export function openTextureViewer(
     });
 }
 
-function buildHtml(result: BntxTextureResult, webview: vscode.Webview): string {
+function buildHtml(result: BntxTextureResult, webview: vscode.Webview, isReadOnly: boolean): string {
     const meta = result.metadata;
     let imgSrc = '';
     if (result.pngPath) {
@@ -107,13 +107,13 @@ function buildHtml(result: BntxTextureResult, webview: vscode.Webview): string {
     const scaledH = Math.round(texH * scale);
 
     const channelsSection = meta?.channels
-        ? buildSection('Channels', buildChannelRows(meta.channels))
+        ? buildSection('Channels', buildChannelRows(meta.channels, isReadOnly))
         : '';
     const imageInfoSection = meta?.imageInfo
-        ? buildSection('Image Info', buildImageInfoRows(meta.imageInfo))
+        ? buildSection('Image Info', buildImageInfoRows(meta.imageInfo, isReadOnly))
         : '';
     const miscSection = meta?.misc
-        ? buildSection('Misc', buildMiscRows(meta.misc))
+        ? buildSection('Misc', buildMiscRows(meta.misc, isReadOnly))
         : '';
     const metaSections = meta
         ? `${channelsSection}${imageInfoSection}${miscSection}`
@@ -362,9 +362,9 @@ function buildHtml(result: BntxTextureResult, webview: vscode.Webview): string {
             : '<div class="no-image">No preview</div>'}
     </div>
     <div class="props-panel">
-        <div style="margin-bottom: 12px; display: flex; justify-content: flex-end;">
+        ${!isReadOnly ? `<div style="margin-bottom: 12px; display: flex; justify-content: flex-end;">
             <button class="save-btn" onclick="saveMetadata()">Save Changes</button>
-        </div>
+        </div>` : ''}
         ${metaSections}
         ${errorNote}
     </div>
@@ -435,9 +435,12 @@ function buildSection(title: string, rows: string): string {
     </div>`;
 }
 
-function buildChannelRows(ch: BntxChannelInfo): string {
+function buildChannelRows(ch: BntxChannelInfo, isReadOnly: boolean): string {
     const opts = ['Red', 'Green', 'Blue', 'Alpha', 'Zero', 'One'];
     const select = (id: string, current: string) => {
+        if (isReadOnly) {
+            return escapeHtml(current);
+        }
         const options = opts.map(o => `<option value="${o}" ${current === o ? 'selected' : ''}>${o}</option>`).join('');
         return `<select id="${id}" class="meta-input">${options}</select>`;
     };
@@ -449,25 +452,25 @@ function buildChannelRows(ch: BntxChannelInfo): string {
     ].join('');
 }
 
-function buildImageInfoRows(info: BntxImageInfo): string {
+function buildImageInfoRows(info: BntxImageInfo, isReadOnly: boolean): string {
     const srgbChecked = info.useSRGB === 'True' ? 'checked' : '';
 
     return [
         row('Width', String(info.width)),
         row('Height', String(info.height)),
         row('Mip Count', String(info.mipCount)),
         row('Format', info.format),
-        row('Use SRGB', `<input type="checkbox" id="useSRGB" ${srgbChecked} />`),
-        row('Name', `<input type="text" id="metaName" class="meta-input" value="${escapeHtml(info.name)}" />`),
-        row('Path', `<input type="text" id="metaPath" class="meta-input" value="${escapeHtml(info.path ?? '')}" />`),
+        row('Use SRGB', isReadOnly ? (info.useSRGB === 'True' ? 'Yes' : 'No') : `<input type="checkbox" id="useSRGB" ${srgbChecked} />`),
+        row('Name', isReadOnly ? escapeHtml(info.name) : `<input type="text" id="metaName" class="meta-input" value="${escapeHtml(info.name)}" />`),
+        row('Path', isReadOnly ? escapeHtml(info.path ?? '') : `<input type="text" id="metaPath" class="meta-input" value="${escapeHtml(info.path ?? '')}" />`),
     ].join('');
 }
 
-function buildMiscRows(misc: BntxMiscInfo): string {
+function buildMiscRows(misc: BntxMiscInfo, isReadOnly: boolean): string {
     return [
         row('Depth', String(misc.depth)),
         row('Tile Mode', misc.tileMode),
-        row('Swizzle', `<input type="number" id="metaSwizzle" class="meta-input" value="${misc.swizzle}" />`),
+        row('Swizzle', isReadOnly ? String(misc.swizzle) : `<input type="number" id="metaSwizzle" class="meta-input" value="${misc.swizzle}" />`),
         row('Alignment', String(misc.alignment)),
         row('Pitch', String(misc.pitch)),
         row('Dims', misc.dims),