Skip to content

chore: enable Biome html formatter #108

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ghiscoding merged 1 commit into from
May 21, 2025
Merged

chore: enable Biome html formatter #108

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 5 additions & 1 deletion biome.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,11 @@
}
}
},
"html": {
"formatter": {
"enabled": true
}
},
"formatter": {
"enabled": true,
"indentWidth": 2,
Expand Down Expand Up @@ -76,7 +81,6 @@
"noCommaOperator": "error",
"useNodejsImportProtocol": "error",
"useAsConstAssertion": "error",
"useNumericLiterals": "error",
"useEnumInitializers": "error",
"useSelfClosingElements": "error",
"useConst": "error",
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@
},
"packageManager": "pnpm@10.10.0",
"devDependencies": {
"@biomejs/biome": "^2.0.0-beta.4",
"@biomejs/biome": "^2.0.0-beta.5",
"@lerna-lite/cli": "^4.1.1",
"@lerna-lite/publish": "^4.1.1",
"@types/node": "^22.15.3",
Expand Down
4 changes: 3 additions & 1 deletion packages/demo/src/examples/example-standalone-iife.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,9 @@ <h5>Standalone JS (IIFE)</h5>

<div>
<div class="mb-2">
<button class="btn btn-success btn-sm" id="export"><i class="fa fa-download"></i> Excel Export</button>
<button class="btn btn-success btn-sm" id="export">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
Expand Down
18 changes: 12 additions & 6 deletions packages/demo/src/examples/example01.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,15 @@ <h2 class="bd-title">
<span class="float-end links">
Code <span class="fa fa-link"></span>
<span class="small">
<a target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example01.html">html</a>
<a
target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example01.html"
>html</a
>
|
<a target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example01.ts">ts</a>
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example01.ts"
>ts</a
>
</span>
</span>
</h2>
Expand All @@ -20,7 +24,9 @@ <h2 class="bd-title">

<div>
<div class="mb-2">
<button id="export" class="btn btn-success btn-sm"><i class="fa fa-download"></i> Excel Export</button>
<button id="export" class="btn btn-success btn-sm">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
Expand Down Expand Up @@ -69,4 +75,4 @@ <h2 class="bd-title">
</div>
</div>
</div>
</div>
</div>
16 changes: 11 additions & 5 deletions packages/demo/src/examples/example02.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,24 +6,30 @@ <h2 class="bd-title">
<span class="float-end links">
Code <span class="fa fa-link"></span>
<span class="small">
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example02.html"
<a
target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example02.html"
>html</a
>
|
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example02.ts">ts</a>
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example02.ts"
>ts</a
>
</span>
</span>
</h2>
<div class="demo-subtitle">
The column <code>width</code> attribute will set a width. The <code>hidden</code> attribute will hide the column in Excel. The
example below has the "Artist" column wider and the next column "Album" to be hidden in the exported Excel file.
The column <code>width</code>attribute will set a width. The <code>hidden</code>attribute will hide the column in Excel. The example
below has the "Artist" column wider and the next column "Album" to be hidden in the exported Excel file.
</div>
</div>
</div>

<div>
<div class="mb-2">
<button id="export" class="btn btn-success btn-sm"><i class="fa fa-download"></i> Excel Export</button>
<button id="export" class="btn btn-success btn-sm">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
Expand Down
22 changes: 14 additions & 8 deletions packages/demo/src/examples/example03.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,24 +6,30 @@ <h2 class="bd-title">
<span class="float-end links">
Code <span class="fa fa-link"></span>
<span class="small">
<a target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example03.html">html</a>
<a
target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example03.html"
>html</a
>
|
<a target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example03.ts">ts</a>
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example03.ts"
>ts</a
>
</span>
</span>
</h2>
<div class="demo-subtitle">
Set different row options via <code>setRowInstructions()</code> method. For example, we changed the row height
of the first row and change the text style to italic.
Set different row options via <code>setRowInstructions()</code>method. For example, we changed the row height of the first row and
change the text style to italic.
</div>
</div>
</div>

<div>
<div class="mb-2">
<button id="export" class="btn btn-success btn-sm"><i class="fa fa-download"></i> Excel Export</button>
<button id="export" class="btn btn-success btn-sm">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
Expand Down Expand Up @@ -72,4 +78,4 @@ <h2 class="bd-title">
</div>
</div>
</div>
</div>
</div>
16 changes: 11 additions & 5 deletions packages/demo/src/examples/example04.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,24 +6,30 @@ <h2 class="bd-title">
<span class="float-end links">
Code <span class="fa fa-link"></span>
<span class="small">
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example04.html"
<a
target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example04.html"
>html</a
>
|
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example04.ts">ts</a>
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example04.ts"
>ts</a
>
</span>
</span>
</h2>
<div class="demo-subtitle">
Set different fonts and colors via the <code>createFormat()</code> method, we can provide an object with the <code>font</code> and
<code>border</code> properties.
Set different fonts and colors via the <code>createFormat()</code>method, we can provide an object with the <code>font</code>and
<code>border</code>properties.
</div>
</div>
</div>

<div>
<div class="mb-2">
<button id="export" class="btn btn-success btn-sm"><i class="fa fa-download"></i> Excel Export</button>
<button id="export" class="btn btn-success btn-sm">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
Expand Down
14 changes: 10 additions & 4 deletions packages/demo/src/examples/example05.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,24 +6,30 @@ <h2 class="bd-title">
<span class="float-end links">
Code <span class="fa fa-link"></span>
<span class="small">
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example05.html"
<a
target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example05.html"
>html</a
>
|
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example05.ts">ts</a>
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example05.ts"
>ts</a
>
</span>
</span>
</h2>
<div class="demo-subtitle">
We can create custom format by using the <code>createFormat()</code> method, in this example we formatted the "Price" column as
We can create custom format by using the <code>createFormat()</code>method, in this example we formatted the "Price" column as
currency and the Modified Date is a Date format.
</div>
</div>
</div>

<div>
<div class="mb-2">
<button id="export" class="btn btn-success btn-sm"><i class="fa fa-download"></i> Excel Export</button>
<button id="export" class="btn btn-success btn-sm">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
Expand Down
12 changes: 9 additions & 3 deletions packages/demo/src/examples/example06.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,15 @@ <h2 class="bd-title">
<span class="float-end links">
Code <span class="fa fa-link"></span>
<span class="small">
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example06.html"
<a
target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example06.html"
>html</a
>
|
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example06.ts">ts</a>
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example06.ts"
>ts</a
>
</span>
</span>
</h2>
Expand All @@ -21,7 +25,9 @@ <h2 class="bd-title">
</div>

<div class="mb-2">
<button id="export" class="btn btn-success btn-sm"><i class="fa fa-download"></i> Excel Export</button>
<button id="export" class="btn btn-success btn-sm">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
Expand Down
16 changes: 11 additions & 5 deletions packages/demo/src/examples/example07.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,23 +6,29 @@ <h2 class="bd-title">
<span class="float-end links">
Code <span class="fa fa-link"></span>
<span class="small">
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example07.html"
<a
target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example07.html"
>html</a
>
|
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example07.ts">ts</a>
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example07.ts"
>ts</a
>
</span>
</span>
</h2>
<div class="demo-subtitle">
Set different background filling by using <code>fill</code> property which accepts a wide range of options like background color
type of gradient or pattern and different colors.
Set different background filling by using <code>fill</code>property which accepts a wide range of options like background color type
of gradient or pattern and different colors.
</div>
</div>
</div>

<div class="mb-2">
<button id="export" class="btn btn-success btn-sm"><i class="fa fa-download"></i> Excel Export</button>
<button id="export" class="btn btn-success btn-sm">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
Expand Down
12 changes: 9 additions & 3 deletions packages/demo/src/examples/example08.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,15 @@ <h2 class="bd-title">
<span class="float-end links">
Code <span class="fa fa-link"></span>
<span class="small">
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example08.html"
<a
target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example08.html"
>html</a
>
|
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example08.ts">ts</a>
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example08.ts"
>ts</a
>
</span>
</span>
</h2>
Expand All @@ -21,7 +25,9 @@ <h2 class="bd-title">
</div>

<div class="mb-2">
<button id="export" class="btn btn-success btn-sm"><i class="fa fa-download"></i> Excel Export</button>
<button id="export" class="btn btn-success btn-sm">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
Expand Down
29 changes: 22 additions & 7 deletions packages/demo/src/examples/example09.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,16 +6,20 @@ <h2 class="bd-title">
<span class="float-end links">
Code <span class="fa fa-link"></span>
<span class="small">
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example09.html"
<a
target="_blank"
href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example09.html"
>html</a
>
|
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example09.ts">ts</a>
<a target="_blank" href="https://github.com/ghiscoding/excel-builder-vanilla/blob/main/packages/demo/src/examples/example09.ts"
>ts</a
>
</span>
</span>
</h2>
<div class="demo-subtitle">
Tables are a feature that is apparently new to Office 2007+, with a comparable feature called a <code>list</code> in 2003 and below.
Tables are a feature that is apparently new to Office 2007+, with a comparable feature called a <code>list</code>in 2003 and below.
Basically, by putting data in a table, it gives the user some ways to filter and sort the data through UI. There are also some
formula benefits. Creating a table takes a few extra steps, mostly because of how a table's definition is really detached from a
worksheet.
Expand All @@ -24,17 +28,28 @@ <h2 class="bd-title">
</div>

<div class="mb-2">
<button id="export" class="btn btn-success btn-sm"><i class="fa fa-download"></i> Excel Export</button>
<button id="export" class="btn btn-success btn-sm">
<i class="fa fa-download"></i>Excel Export
</button>
</div>

<div class="row">
<div class="table-container col-sm-8">
<table class="table">
<thead>
<tr>
<th scope="col"><span>Artist</span> <span class="fa fa-caret-square-o-down"></span></th>
<th scope="col"><span>Album</span> <span class="fa fa-caret-square-o-down"></span></th>
<th scope="col"><span>Price</span> <span class="fa fa-caret-square-o-down"></span></th>
<th scope="col">
<span>Artist</span>
<span class="fa fa-caret-square-o-down"></span>
</th>
<th scope="col">
<span>Album</span>
<span class="fa fa-caret-square-o-down"></span>
</th>
<th scope="col">
<span>Price</span>
<span class="fa fa-caret-square-o-down"></span>
</th>
</tr>
</thead>
<tbody>
Expand Down
Loading