Any idea why I am getting a bunch of spaces added to my schematic?

[nhustak]

My schematic is producing this. Why in the world would this happen? My schematic is pretty basic with no fancy conditionals or anything.

It adds a TREMENDOUS amount of white space

[nhustak]

So more testing.
Here's my schematic
import { CommonModule } from '@angular/common';
import { Component, ChangeDetectionStrategy, inject, Input, OnInit, signal, ViewChild } from '@angular/core';
import { Router } from '@angular/router';
import { BaseComponent } from '@library-shared/base/base.component';
import { DxTooltipComponent, DxTooltipModule } from 'devextreme-angular';

@component({
selector: '{{selector}}',
standalone: true,
imports: [CommonModule, DxTooltipModule],
templateUrl: './{{fileName}}.html',
styleUrls: ['./{{fileName}}.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class {{className}} extends BaseComponent implements OnInit {

tooltipShown() {
    this.isLoading = true;
    if (this._id) {

    } else {
        this.isLoading = false;
    }
}

}

Here's what it spits out. And to be clear. this is a LOT less than what I get if there's more code in the schematic.

import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
import { BaseComponent } from '@library-shared/base/base.component';
import { DxTooltipModule } from 'devextreme-angular';

@component({
selector: 'app-test6',
standalone: true,
imports: [CommonModule, DxTooltipModule],
templateUrl: './test6.component.html',
styleUrls: ['./test6.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class Test6Component extends BaseComponent implements OnInit {

tooltipShown() {
                                        this.isLoading = true;
                                        if (this._id) {

                                        } else {
                                                                                                                                                                                                                                                                                                                                                                                                                                                        this.isLoading = false;
                                        }
}

}

Just to be clear

[cyrilletuzi]

Hi @nhustak,

Sorry for the late answer but it is holidays in my country.

I will investigate this as soon as possible, and I may contact you via the email you provided when subscribing on Gumroad for quicker support.

At first glance, it seems to be an auto-formatting issue, so I will need to know what configuration and tools you use (VS Code auto-formatting on save? prettier or a similar tool? etc.)

[nhustak]

Hey! No worries!! Yes I do have auto-format on save and I am using prettier. I will turn off auto-format and see what happens.

[nhustak]

Well I was incorrect. I do not use format on save. I tend to hit the format key while I'm working. So I dunno.

[cyrilletuzi]

Thank you @nhustak for the information. I tried to reproduce on a project on a Mac, with Prettier:

• with default configuration (2) and with custom tabWidth configuration (4)
• with default configuration and with custom useTabs enabled
• with VS Code editor.formatOnSave disabled and enabled

with no success for now.

Could you indicate:

• your Prettier config
• your VS Code settings related to formatting, both the workspace/project ones (in .vscode/settings.json) and the global/user ones (in Preferences > Settings > User)
• if you are on Windows or Mac
• your VS Code version
• extensions installed related to formatting

[nhustak]

Before I waste any more of your time, I'm going to disable my other extensions one by one and see if that's the cause. Thank you for looking into it.