Revert Prettier

Update main-app.test.ts.snap

.prettierignore

@@ -1,2 +1,3 @@
 _site
 package-lock.json
+coverage

components/clear-button.ts

@@ -11,7 +11,7 @@ class ClearButton extends HTMLButtonElement {
  this.dispatchEvent(
  customEvent("clear-filter", {
  value: this.value,
- }),
+ })
  );
  }
 }

components/custom-event.ts

@@ -3,7 +3,7 @@ export default function customEvent(
  detail?: {
  value?: string | boolean | number;
  id?: string;
- },
+ }
 ): CustomEvent {
  return new CustomEvent(eventName, {
  bubbles: true,

components/filter-checkbox.ts

@@ -18,7 +18,7 @@ class FilterCheckbox extends HTMLInputElement {
  customEvent("handle-filter", {
  value: this.checked,
  id: this.id,
- }),
+ })
  );
  this.setUrlParam();
  }
@@ -34,7 +34,7 @@ class FilterCheckbox extends HTMLInputElement {
  window.history.replaceState(
  {},
  "",
- `${window.location.pathname}?${urlParameters.toString()}`,
+ `${window.location.pathname}?${urlParameters.toString()}`
  );
  }
 

components/filter-select.ts

@@ -30,8 +30,8 @@ class FilterSelect extends HTMLSelectElement {
  {
  value,
  id,
- },
- ),
+ }
+ )
  );
 
  this.setUrlParam();
@@ -48,7 +48,7 @@ class FilterSelect extends HTMLSelectElement {
  window.history.replaceState(
  {},
  "",
- `${window.location.pathname}?${urlParameters.toString()}`,
+ `${window.location.pathname}?${urlParameters.toString()}`
  );
  }
 

components/filter.ts

@@ -12,7 +12,7 @@ export default function filter(
  currentPage: number;
  pageSize: number;
  },
- generatedData: GeneratedData,
+ generatedData: GeneratedData
 ): [number, GeneratedData] {
  const {
  selectedSearch,
@@ -29,7 +29,7 @@ export default function filter(
 
  if (selectedSearch) {
  filteredData = filteredData.filter((row) =>
- row.family.toLowerCase().includes(selectedSearch.toLowerCase()),
+ row.family.toLowerCase().includes(selectedSearch.toLowerCase())
  );
  }
 
@@ -41,17 +41,17 @@ export default function filter(
  }
  if (selectedCategory) {
  filteredData = filteredData.filter(
- (row) => row.category === selectedCategory,
+ (row) => row.category === selectedCategory
  );
  }
  if (selectedSubset) {
  filteredData = filteredData.filter((row) =>
- row.subsets.includes(selectedSubset),
+ row.subsets.includes(selectedSubset)
  );
  }
  if (selectedVariant) {
  filteredData = filteredData.filter((row) =>
- row.variants.includes(selectedVariant),
+ row.variants.includes(selectedVariant)
  );
  }
 
@@ -62,13 +62,13 @@ export default function filter(
  if (sortBy === "date") {
  filteredData = filteredData.sort(
  (a, b) =>
- new Date(b.lastModified).getTime() - new Date(a.lastModified).getTime(),
+ new Date(b.lastModified).getTime() - new Date(a.lastModified).getTime()
  );
  }
 
  if (sortBy === "family") {
  filteredData = filteredData.sort((a, b) =>
- a.family.localeCompare(b.family),
+ a.family.localeCompare(b.family)
  );
  }
 

components/font-item.ts

@@ -73,7 +73,7 @@ class FontItem extends HTMLLIElement {
  const tagButtons = tags
  .map(
  (tag: string) =>
- `<button is="tag-button" title="${tag}" value="${tag}">${tag}</button>`,
+ `<button is="tag-button" title="${tag}" value="${tag}">${tag}</button>`
  )
  .join("");
 
@@ -89,11 +89,11 @@ class FontItem extends HTMLLIElement {
  <ul>
  <li>${category}</li>
  <li><span aria-label="${variants.join(", ")}">${
-  variants.length
-  } variants${variable ? " (variable)" : ""}</span></li>
+ variants.length
+ } variants${variable ? " (variable)" : ""}</span></li>
  <li><span aria-label="${subsets.join(", ")}">${
-  subsets.length
-  } subsets</span></li>
+ subsets.length
+ } subsets</span></li>
  </ul>
  </div>
  </div>
@@ -135,7 +135,7 @@ class FontItem extends HTMLLIElement {
 
  disconnectedCallback() {
  const linkElement = document.querySelector(
- `link[data-family="${this.font.family}"]`,
+ `link[data-family="${this.font.family}"]`
  );
  if (linkElement) linkElement.remove();
  }

components/main-app.ts

@@ -186,7 +186,7 @@ class MainApp extends HTMLElement {
  window.dispatchEvent(
  customEvent("remove-select", {
  value,
- }),
+ })
  );
  }
 
@@ -207,7 +207,7 @@ class MainApp extends HTMLElement {
  handleSearch(event: Event) {
  this.selectedSearch = (event.target as HTMLInputElement).value.replaceAll(
  /[^\d A-Za-z-]/g,
- "",
+ ""
  );
  this.scrollToContent();
  }
@@ -229,7 +229,7 @@ class MainApp extends HTMLElement {
  attributeChangedCallback(
  name: string,
  previousValue: string,
- nextValue: string,
+ nextValue: string
  ) {
  if (previousValue === nextValue) return;
  if (name !== "current-page" && this.currentPage !== 1) {

components/pagination-buttons.ts

@@ -93,7 +93,7 @@ class PaginationButtons extends HTMLElement {
  window.history.replaceState(
  {},
  "",
- `${window.location.pathname}?${urlParameters.toString()}`,
+ `${window.location.pathname}?${urlParameters.toString()}`
  );
  }
 

components/search-status.ts

@@ -58,7 +58,7 @@ class SearchStatus extends HTMLElement {
  this.selectedFilters
  .map((filter) => this.renderFilter(filter))
  .join(""),
- `<button is="clear-button" aria-label="remove all filters" class="btn btn-clear">Clear</button>`,
+ `<button is="clear-button" aria-label="remove all filters" class="btn btn-clear">Clear</button>`
  );
  }
 

components/set-attributes.ts

@@ -2,7 +2,7 @@ export function setAttributes(
  element: HTMLElement,
  attributes: {
  [x: string]: string;
- },
+ }
 ) {
  for (const key in attributes) {
  if (attributes[key] !== undefined && attributes[key] !== null) {

components/tag-button.ts

@@ -33,7 +33,7 @@ class TagButton extends HTMLButtonElement {
  customEvent("tag-button-selected", {
  id: "selectedTag",
  value: this.value,
- }),
+ })
  );
 
  this.setUrlParam();
@@ -45,7 +45,7 @@ class TagButton extends HTMLButtonElement {
  window.history.replaceState(
  {},
  "",
- `${window.location.pathname}?${urlParameters.toString()}`,
+ `${window.location.pathname}?${urlParameters.toString()}`
  );
  }
 

data/data.json

@@ -9700,7 +9700,7 @@
  "tags": ["outline", "icons"],
  "lineNumber": 777,
  "variable": false,
- "lastModified": "2023-07-13"
+ "lastModified": "2023-07-20"
  },
  {
  "family": "Material Symbols Rounded",
@@ -9710,7 +9710,7 @@
  "tags": ["round", "icons"],
  "lineNumber": 778,
  "variable": false,
- "lastModified": "2023-07-13"
+ "lastModified": "2023-07-20"
  },
  {
  "family": "Material Symbols Sharp",
@@ -9720,7 +9720,7 @@
  "tags": ["icons"],
  "lineNumber": 779,
  "variable": false,
- "lastModified": "2023-07-13"
+ "lastModified": "2023-07-20"
  },
  {
  "family": "Maven Pro",

package.json

@@ -30,7 +30,7 @@
  "jest-environment-jsdom": "^29.6.1",
  "lint-staged": "^13.2.3",
  "node-fetch": "^3.3.1",
- "prettier": "^3.0.0",
+ "prettier": "^2.8.8",
  "stylelint": "^15.10.1",
  "stylelint-config-standard": "^34.0.0",
  "ts-jest": "^29.1.1",

test/__snapshots__/main-app.test.ts.snap

@@ -3,7 +3,7 @@
 exports[`MainApp renders correctly 1`] = `
 <main-app
  current-page="1"
- results-length="1550"
+ results-length="1558"
 >
  
  
@@ -2413,7 +2413,7 @@ exports[`MainApp renders correctly 1`] = `
  
  <button
  is="tag-button"
- style="font-family: "Bruno Ace";"
+ style="font-family: "Agdasima";"
  title="techno"
  value="techno"
  >
@@ -4109,6 +4109,12 @@ exports[`MainApp renders correctly 1`] = `
  >
  cypriot
  </option>
+ <option
+ id="cypro-minoan"
+ value="cypro-minoan"
+ >
+ cypro-minoan
+ </option>
  <option
  id="cyrillic"
  value="cyrillic"
@@ -4313,6 +4319,12 @@ exports[`MainApp renders correctly 1`] = `
  >
  kharoshthi
  </option>
+ <option
+ id="khitan-small-script"
+ value="khitan-small-script"
+ >
+ khitan-small-script
+ </option>
  <option
  id="khmer"
  value="khmer"
@@ -5108,16 +5120,16 @@ exports[`MainApp renders correctly 1`] = `
  
  
  <search-status
- results-length="1550"
+ results-length="1558"
  >
  <div>
- Found 1550 fonts
+ Found 1558 fonts
  </div>
  </search-status>
  
  
  <sort-by
- results-length="1550"
+ results-length="1558"
  sort-by="family"
  >
  <div
@@ -6432,7 +6444,7 @@ exports[`MainApp renders correctly 1`] = `
  
  <pagination-buttons
  current-page="1"
- results-length="1550"
+ results-length="1558"
  >
  <button
  class="btn"
@@ -6448,7 +6460,7 @@ exports[`MainApp renders correctly 1`] = `
  class="page-count"
  id="page-count"
  >
- 1 of 155
+ 1 of 156
  </div>
  
 

test/clear-button.test.ts

@@ -3,7 +3,7 @@ import "./components";
 describe("clear-button", () => {
  document.body.innerHTML = `<button is="clear-button" aria-label="remove all filters" class="btn btn-clear">Clear</button>`;
  const clearButton: HTMLButtonElement = document.querySelector(
- "button[is=clear-button]",
+ "button[is=clear-button]"
  );
  it("renders", () => {
  expect(clearButton).toMatchInlineSnapshot(`