fix importing errors by declaring minimal specs

Author: Sayeem2004

src/lib/loadExtensions.ts

@@ -1,4 +1,3 @@
-import { InstructionInfo, ExtensionInfo } from "./types.js";
 import { extensionDescriptions } from "./hardcodedData.js";
 import loadInstructions from "./loadInstructions.js";
 

src/lib/loadInstructions.ts

@@ -3,7 +3,6 @@
 // generates compact bitfield layouts for visualization using `bit-field`.
 
 
-import { YamlDoc, Segment, Field, InstructionInfo } from "./types.js";
 import render from "bit-field/lib/render.js";
 import * as yaml from "js-yaml";
 import * as onml from "onml";
@@ -256,9 +255,14 @@ export default function loadInstructions(): InstructionInfo[] {
             let bitfieldSVG = "";
             try {
                 const segments = bitfieldJSON.reg.slice().reverse();
-                const jsonml = render(segments, { bits: totalBits, vflip: false }); // MSB→LSB order
+                const jsonml = render(segments, {
+                    bits: totalBits,
+                    vflip: false,
+                    lanes: 1,
+                    hspace: 800,
+                }); // MSB→LSB order
                 bitfieldSVG = onml.stringify(jsonml);
-            } catch (err) { console.warn(`Failed to render SVG for ${name}:`, err); }
+            } catch (err) { console.warn(`Failed to render SVG for ${doc.name}:`, err); }
 
             instructions.push({
                 name: doc.name,

src/lib/types.d.ts

@@ -1,26 +1,9 @@
-export interface YamlDoc {
-    name: string;
-    long_name?: string;
-    description?: string;
-    definedBy?: unknown;
-    base?: number;
-    assembly?: string | string[];
-    encoding?: {
-        match?: string;
-        variables?: { name: string; location: string | number }[];
-        [key: string]: any;
-    };
-}
-
-
-export interface Segment {
+interface Segment {
     from: number;
     to: number;
-    width?: number;
 }
 
-
-export interface Field {
+interface Field {
     label: string;
     from: number;
     to: number;
@@ -29,8 +12,21 @@ export interface Field {
     segments?: Segment[];
 }
 
+interface YamlDoc {
+    name: string;
+    long_name?: string;
+    description?: string;
+    definedBy?: unknown;
+    base?: number;
+    assembly?: string | string[];
+    encoding?: {
+        match?: string;
+        variables?: { name: string; location: string | number }[];
+        [key: string]: any;
+    };
+}
 
-export interface InstructionInfo {
+interface InstructionInfo {
     name: string;
     longName: string;
     description: string;
@@ -41,7 +37,7 @@ export interface InstructionInfo {
     encodingType?: string;
     encoding: {
         match: string | null;
-        variables: unknown[];
+        variables: any[];
         fields: Field[];
         opcode?: string;
         funct3?: string;
@@ -52,11 +48,20 @@ export interface InstructionInfo {
     bitfieldSVG: string;
 }
 
-
-export interface ExtensionInfo {
+interface ExtensionInfo {
     name: string;
     slug: string;
     description: string | null;
     instructions: InstructionInfo[];
     count?: number;
 }
+
+declare module "bit-field/lib/render.js" {
+    const render: (segments: any[], options?: any) => any;
+    export default render;
+}
+
+declare module "onml" {
+    export function stringify(jsonml: any, options?: any): string;
+    export function parse(xml: string): any;
+}