modules/MSB.js

import CircuitElement from "../circuitElement";
import Node, { findNode, dec2bin } from "../node";
import simulationArea from "../simulationArea";
import { correctWidth, rect, fillText } from "../canvasApi";
/**
 * @class
 * MSB
 * @extends CircuitElement
 * @param {number} x - x coordinate of element.
 * @param {number} y - y coordinate of element.
 * @param {Scope=} scope - Cirucit on which element is drawn
 * @param {string=} dir - direction of element
 * @param {number=} bitWidth - bit width per node.
 * @category modules
 */
import { colors } from "../themer/themer";

export default class MSB extends CircuitElement {
    constructor(x, y, scope = globalScope, dir = "RIGHT", bitWidth = 1) {
        super(x, y, scope, dir, bitWidth);
        /* this is done in this.baseSetup() now
        this.scope['MSB'].push(this);
        */
        // this.setDimensions(20, 20);
        this.leftDimensionX = 10;
        this.rightDimensionX = 20;
        this.setHeight(30);
        this.directionFixed = true;
        this.bitWidth = bitWidth || parseInt(prompt("Enter bitWidth"), 10);
        this.rectangleObject = false;
        // this.inputSize = 1 << this.bitWidth;
        this.intputSize = this.bitWidth;

        this.inp1 = new Node(-10, 0, 0, this, this.inputSize);
        this.output1 = new Node(20, 0, 1, this, this.bitWidth);
        this.enable = new Node(20, 20, 1, this, 1);
    }

    /**
     * @memberof MSB
     * fn to create save Json Data of object
     * @return {JSON}
     */
    customSave() {
        const data = {
            nodes: {
                inp1: findNode(this.inp1),
                output1: findNode(this.output1),
                enable: findNode(this.enable),
            },
            constructorParamaters: [this.direction, this.bitWidth],
        };
        return data;
    }

    /**
     * @memberof MSB
     * function to change bitwidth of the element
     * @param {number} bitWidth - new bitwidth
     */
    newBitWidth(bitWidth) {
        // this.inputSize = 1 << bitWidth
        this.inputSize = bitWidth;
        this.inp1.bitWidth = this.inputSize;
        this.bitWidth = bitWidth;
        this.output1.bitWidth = bitWidth;
    }

    /**
     * @memberof MSB
     * resolve output values based on inputData
     */
    resolve() {
        const inp = this.inp1.value;
        this.output1.value = dec2bin(inp).length - 1;
        simulationArea.simulationQueue.add(this.output1);
        if (inp != 0) {
            this.enable.value = 1;
        } else {
            this.enable.value = 0;
        }
        simulationArea.simulationQueue.add(this.enable);
        this.setOutputsUpstream(true);
    }

    /**
     * @memberof MSB
     * function to draw element
     */
    customDraw() {
        var ctx = simulationArea.context;
        ctx.beginPath();
        ctx.strokeStyle = colors["stroke"];
        ctx.fillStyle = colors["fill"];
        ctx.lineWidth = correctWidth(3);
        const xx = this.x;
        const yy = this.y;
        rect(ctx, xx - 10, yy - 30, 30, 60);
        if (
            (this.hover && !simulationArea.shiftDown) ||
            simulationArea.lastSelected === this ||
            simulationArea.multipleObjectSelections.contains(this)
        )
            ctx.fillStyle = colors["hover_select"];
        ctx.fill();
        ctx.stroke();

        ctx.beginPath();
        ctx.fillStyle = "black";
        ctx.textAlign = "center";
        fillText(ctx, "MSB", xx + 6, yy - 12, 10);
        fillText(ctx, "EN", xx + this.enable.x - 12, yy + this.enable.y + 3, 8);
        ctx.fill();

        ctx.beginPath();
        ctx.fillStyle = "green";
        ctx.textAlign = "center";
        if (this.output1.value !== undefined) {
            fillText(ctx, this.output1.value, xx + 5, yy + 14, 13);
        }
        ctx.stroke();
        ctx.fill();
    }

    generateVerilog() {
        return `assign ${this.output1.verilogLabel} = (${this.enable.verilogLabel}!=0) ? ${this.inp1.verilogLabel}[${this.inp1.bitWidth-1}] : 0;`;
    }
}

/**
 * @memberof MSB
 * Help Tip
 * @type {string}
 * @category modules
 */
MSB.prototype.tooltipText =
    "MSB ToolTip : The most significant bit or the high-order bit.";
MSB.prototype.helplink =
    "https://docs.circuitverse.org/#/chapter4/5muxandplex?id=most-significant-bit-msb-detector";
MSB.prototype.objectType = "MSB";