chore: use prettier-config-atomic

Author: aminya

.eslintrc.json

@@ -1,11 +1,4 @@
 {
   "extends": "eslint-config-atomic",
-  "ignorePatterns": [
-    "_site-dev/",
-    "_site/",
-    "dist/",
-    "node_modules/",
-    "docs/_merged_assets",
-    "components/type-doc.js"
-  ]
+  "ignorePatterns": ["_site-dev/", "_site/", "dist/", "node_modules/", "docs/_merged_assets", "components/type-doc.js"]
 }

.gitignore

@@ -13,4 +13,4 @@ _site-dev
 _site
 docs/_merged_data/
 docs/_merged_assets/
-docs/_merged_includes/
+docs/_merged_includes/

.prettierignore

@@ -14,3 +14,4 @@ _site
 docs/_merged_data/
 docs/_merged_assets/
 docs/_merged_includes/
+docs/_data/api/api.json

api.ts

@@ -1 +1 @@
-export * from 'atom-ide-base';
+export * from "atom-ide-base"

components/type-doc.ts

@@ -1,20 +1,13 @@
-import {
-  LitElement,
-  css,
-  customElement,
-  html,
-  TemplateResult,
-  property
-} from 'lit-element';
-
-@customElement('type-doc')
+import { LitElement, css, customElement, html, TemplateResult, property } from "lit-element"
+
+@customElement("type-doc")
 export class TypeDoc extends LitElement {
   static readonly styles = css`
     :host {
       position: relative;
       max-width: 100%;
       display: grid;
-      grid-template-areas: 'head' 'body';
+      grid-template-areas: "head" "body";
       grid-template-rows: min-content 1fr;
       margin-bottom: 1rem;
     }
@@ -56,7 +49,7 @@ export class TypeDoc extends LitElement {
     }
 
     type-doc:not([data-inherited-from]) [slot="type"]::before {
-      content: 'type: ';
+      content: "type: ";
     }
 
     #inheritance {
@@ -142,15 +135,15 @@ export class TypeDoc extends LitElement {
         overflow: auto;
       }
     }
-  `;
+  `
 
-  declare shadowRoot: ShadowRoot;
+  declare shadowRoot: ShadowRoot
 
-  @property({ type: Boolean, reflect: true }) expanded = false;
+  @property({ type: Boolean, reflect: true }) expanded = false
 
   render(): TemplateResult {
-    const isInherited = this.hasAttribute('data-inherited-from');
-    const { expanded } = this;
+    const isInherited = this.hasAttribute("data-inherited-from")
+    const { expanded } = this
     return html`
       <header>
         <span aria-hidden="true" @click="${this.toggleInherited}" @slotchange="${this.cloneHeading}">
@@ -161,38 +154,46 @@ export class TypeDoc extends LitElement {
         <slot name="type"></slot>
         <span id="inheritance" ?hidden="${!isInherited}">
           <slot name="inheritance"></slot>
-          <button id="toggle"
-              aria-label="Toggle details"
-              aria-expanded="${expanded}"
-              aria-controls="body"
-              @click="${this.toggleInherited}">
+          <button
+            id="toggle"
+            aria-label="Toggle details"
+            aria-expanded="${expanded}"
+            aria-controls="body"
+            @click="${this.toggleInherited}"
+          >
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-              <path d="M0 0h24v24H0z" fill="none"/>
-              <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" fill="currentColor"/>
+              <path d="M0 0h24v24H0z" fill="none" />
+              <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" fill="currentColor" />
             </svg>
           </button>
         </span>
       </header>
       <article id="body" ?hidden="${isInherited && !expanded}">
         <slot></slot>
       </article>
-    `;
+    `
   }
 
   firstUpdated() {
-    this.cloneHeading();
+    this.cloneHeading()
   }
 
   private cloneHeading() {
-    const hidden = this.shadowRoot.querySelector(".visually-hidden");
-    if (!hidden) {return;}
-    for (const child of Array.from(hidden.children)) {child.remove();}
-    const heading = this.querySelector('[slot="name"]');
-    if (!heading) {return;}
-    hidden.append(heading.cloneNode(true));
+    const hidden = this.shadowRoot.querySelector(".visually-hidden")
+    if (!hidden) {
+      return
+    }
+    for (const child of Array.from(hidden.children)) {
+      child.remove()
+    }
+    const heading = this.querySelector('[slot="name"]')
+    if (!heading) {
+      return
+    }
+    hidden.append(heading.cloneNode(true))
   }
 
   private toggleInherited() {
-    this.expanded = !this.expanded;
+    this.expanded = !this.expanded
   }
 }

docs/_assets/api.css

@@ -16,6 +16,6 @@
   align-items: center;
 }
 
-body[layout='layout-api'] #sidebar {
+body[layout="layout-api"] #sidebar {
   display: block;
 }

docs/_assets/type-doc.css

@@ -58,11 +58,11 @@ type-doc[data-inherited-from] header {
 }
 
 type-doc:not([data-inherited-from]) [slot="type"]::before {
-  content: 'type: ';
+  content: "type: ";
 }
 
 type-doc [slot="attribute"]::before {
-  content: 'attr: ';
+  content: "attr: ";
 }
 
 type-doc [slot="attribute"]::before,
@@ -87,11 +87,7 @@ type-doc[kind="method"] [slot="name"] {
   --mono: 1;
 
   font-family: Recursive, monospace;
-  font-variation-settings:
-    "MONO" var(--mono, 1),
-    "CASL" var(--casl, 0),
-    "wght" var(--wght, 500),
-    "slnt" var(--slnt, 0),
+  font-variation-settings: "MONO" var(--mono, 1), "CASL" var(--casl, 0), "wght" var(--wght, 500), "slnt" var(--slnt, 0),
     "CRSV" var(--CRSV, 0.5);
   margin: 0;
   grid-column: 1 / 2;

docs/_data/api/packages.cjs

@@ -1,14 +1,14 @@
-const API_REFLECTION = require('./api.json');
+const API_REFLECTION = require("./api.json")
 
-module.exports = async function() {
+module.exports = async function () {
   const packages = API_REFLECTION.children.reduce((acc, child) => {
-    const [{fileName}] = child.sources;
+    const [{ fileName }] = child.sources
     const [, package] = fileName.match(/^node_modules\/atom-ide-base\/types-packages\/(.*)\.d\.ts$/)
     return {
       ...acc,
-      [package]: [...acc[package] ?? [], child],
+      [package]: [...(acc[package] ?? []), child],
     }
-  }, {});
+  }, {})
 
-  return packages;
-};
+  return packages
+}

docs/_data/site.cjs

@@ -1,25 +1,25 @@
 module.exports = function () {
   return {
-    dir: 'ltr',
-    lang: 'en',
-    name: 'Atom Community',
-    description: 'Atom IDE features',
+    dir: "ltr",
+    lang: "en",
+    name: "Atom Community",
+    description: "Atom IDE features",
     socialLinks: [
       {
-        name: 'GitHub',
-        url: 'https://github.com/atom-community',
+        name: "GitHub",
+        url: "https://github.com/atom-community",
       },
       {
-        name: 'Discord',
-        url: 'https://discord.gg/R4KV8jTVpS'
-      }
+        name: "Discord",
+        url: "https://discord.gg/R4KV8jTVpS",
+      },
     ],
-    gitSiteUrl: 'https://github.com/atom-community/atom-community.github.io',
-    gitBranch: 'master',
-    helpUrl: 'https://github.com/atom-community/atom-community.github.io/issues',
-    logoAlt: 'Atom Community Logo',
-    iconColorMaskIcon: '#3f93ce',
-    iconColorMsapplicationTileColor: '#1d3557',
-    iconColorThemeColor: '#1d3557',
-  };
-};
+    gitSiteUrl: "https://github.com/atom-community/atom-community.github.io",
+    gitBranch: "master",
+    helpUrl: "https://github.com/atom-community/atom-community.github.io/issues",
+    logoAlt: "Atom Community Logo",
+    iconColorMaskIcon: "#3f93ce",
+    iconColorMsapplicationTileColor: "#1d3557",
+    iconColorThemeColor: "#1d3557",
+  }
+}

docs/api/index.md

@@ -1,8 +1,9 @@
 ---
 layout: layout-sidebar.njk
 ---
+
 # API
 
 {% for pkg in api.packages %}
-  [{{pkg[0]}}](./{{pkg[0]}}/)
+[{{pkg[0]}}](./{{pkg[0]}}/)
 {% endfor %}