style: format luna charts source

packages/luna-charts/custom-elements.d.ts

@@ -1,4 +1,3 @@
-
 /**
  * This is an autogenerated file created by the Stencil compiler.
  * DO NOT MODIFY IT MANUALLY
@@ -29,7 +28,7 @@ interface ComponentCompilerTypeReference {
    * - globally
    * - by importing it into a file (and is defined elsewhere)
    */
-  location: "local" | "global" | "import";
+  location: 'local' | 'global' | 'import';
   /**
    * The path to the type reference, if applicable (global types should not need a path associated with them)
    */
@@ -152,7 +151,7 @@ export interface JsonDocsComponent {
   /**
    * The encapsulation strategy for a component
    */
-  encapsulation: "shadow" | "scoped" | "none";
+  encapsulation: 'shadow' | 'scoped' | 'none';
   /**
    * The tag name for the component, for use in HTML
    */
@@ -467,7 +466,7 @@ export interface StyleDoc {
    * Used to inform Stencil where the start of a new property's description starts (and where the previous description
    * ends).
    */
-  annotation: "prop";
+  annotation: 'prop';
   /**
    * The Stencil style-mode that is associated with this property.
    */

packages/luna-charts/readme.md

@@ -95,11 +95,7 @@ function App() {
   return (
     <>
       <div>
-        <my-component
+        <my-component first="Stencil" middle="'Don't call me a framework'" last="JS"></my-component>
-          first="Stencil"
-          middle="'Don't call me a framework'"
-          last="JS"
-        ></my-component>
       </div>
     </>
   );

packages/luna-charts/src/components.d.ts

@@ -1,35 +1,33 @@
- 
 /* tslint:disable */
 /**
  * This is an autogenerated file created by the Stencil compiler.
  * It contains typing information for all components that exist in this project.
  */
-import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
+import { HTMLStencilElement, JSXBase } from '@stencil/core/internal';
 export namespace Components {
   interface MyComponent {
     /**
      * The first name
      */
-        "first"?: string;
+    first?: string;
     /**
      * The last name
      */
-        "last"?: string;
+    last?: string;
     /**
      * The middle name
      */
-        "middle"?: string;
+    middle?: string;
   }
 }
 declare global {
-    interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {
+  interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {}
-    }
   var HTMLMyComponentElement: {
     prototype: HTMLMyComponentElement;
     new (): HTMLMyComponentElement;
   };
   interface HTMLElementTagNameMap {
-        "my-component": HTMLMyComponentElement;
+    'my-component': HTMLMyComponentElement;
   }
 }
 declare namespace LocalJSX {
@@ -37,32 +35,34 @@ declare namespace LocalJSX {
     /**
      * The first name
      */
-        "first"?: string;
+    first?: string;
     /**
      * The last name
      */
-        "last"?: string;
+    last?: string;
     /**
      * The middle name
      */
-        "middle"?: string;
+    middle?: string;
   }
 
   interface MyComponentAttributes {
-        "first": string;
+    first: string;
-        "middle": string;
+    middle: string;
-        "last": string;
+    last: string;
   }
 
   interface IntrinsicElements {
-        "my-component": Omit<MyComponent, keyof MyComponentAttributes> & { [K in keyof MyComponent & keyof MyComponentAttributes]?: MyComponent[K] } & { [K in keyof MyComponent & keyof MyComponentAttributes as `attr:${K}`]?: MyComponentAttributes[K] } & { [K in keyof MyComponent & keyof MyComponentAttributes as `prop:${K}`]?: MyComponent[K] };
+    'my-component': Omit<MyComponent, keyof MyComponentAttributes> & { [K in keyof MyComponent & keyof MyComponentAttributes]?: MyComponent[K] } & {
+      [K in keyof MyComponent & keyof MyComponentAttributes as `attr:${K}`]?: MyComponentAttributes[K];
+    } & { [K in keyof MyComponent & keyof MyComponentAttributes as `prop:${K}`]?: MyComponent[K] };
   }
 }
 export { LocalJSX as JSX };
-declare module "@stencil/core" {
+declare module '@stencil/core' {
   export namespace JSX {
     interface IntrinsicElements {
-            "my-component": LocalJSX.IntrinsicElements["my-component"] & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
+      'my-component': LocalJSX.IntrinsicElements['my-component'] & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
     }
   }
 }

packages/luna-charts/src/components/my-component/my-component.stories.tsx

@@ -26,7 +26,7 @@ export const Primary: Story = {
     last: 'Doe',
     middle: 'Michael',
   },
-  render: (props) => <my-component {...props} />,
+  render: props => <my-component {...props} />,
 };
 
 /**

packages/luna-charts/src/components/my-component/readme.md

@@ -1,10 +1,7 @@
 # my-component
 
-
-
 <!-- Auto Generated Below -->
 
-
 ## Properties
 
 | Property | Attribute | Description     | Type                  | Default     |
@@ -13,7 +10,6 @@
 | `last`   | `last`    | The last name   | `string \| undefined` | `undefined` |
 | `middle` | `middle`  | The middle name | `string \| undefined` | `undefined` |
 
+---
 
-----------------------------------------------
+_Built with [StencilJS](https://stenciljs.com/)_
-
-*Built with [StencilJS](https://stenciljs.com/)*

packages/luna-charts/src/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html dir="ltr" lang="en">
   <head>
     <meta charset="utf-8" />

packages/luna-charts/src/testing/a11y/checkers/axe-core.checker.ts

@@ -9,12 +9,12 @@ export const axeCoreChecker: A11yChecker = {
 
     return {
       checkerName: 'axe-core',
-      violations: results.violations.map((violations) => ({
+      violations: results.violations.map(violations => ({
         id: violations.id,
         impact: violations.impact ?? null,
         description: violations.help,
         helpUrl: violations.helpUrl,
-        nodes: violations.nodes.map((node) => node.target.join(' ')),
+        nodes: violations.nodes.map(node => node.target.join(' ')),
       })),
     };
   },

packages/luna-charts/src/testing/a11y/index.ts

@@ -1,12 +1,10 @@
 import type { A11yChecker, A11yCheckResult } from './checkers/types';
 import { axeCoreChecker } from './checkers/axe-core.checker';
 
-const a11yCheckerRegistry: A11yChecker[] = [
+const a11yCheckerRegistry: A11yChecker[] = [axeCoreChecker];
-  axeCoreChecker,
-];
 
 export async function runA11yChecks(rootElement: Element): Promise<A11yCheckResult[]> {
-  return Promise.all(a11yCheckerRegistry.map((a11yChecker) => a11yChecker.run(rootElement)));
+  return Promise.all(a11yCheckerRegistry.map(a11yChecker => a11yChecker.run(rootElement)));
 }
 
 export type { A11yChecker, A11yCheckResult, A11yViolation } from './checkers/types';

packages/luna-charts/src/testing/a11y/matchers.ts

@@ -3,7 +3,7 @@ import type { A11yCheckResult } from './checkers/types';
 
 expect.extend({
   toHaveNoA11yViolations(results: A11yCheckResult[]) {
-    const failing = results.filter((results) => results.violations.length > 0);
+    const failing = results.filter(results => results.violations.length > 0);
 
     if (failing.length === 0) {
       return {
@@ -14,11 +14,9 @@ expect.extend({
 
     const message = failing
       .map(
-        (results) =>
+        results =>
           `[${results.checkerName}] ${results.violations.length} violation(s):\n` +
-          results.violations
+          results.violations.map(validation => `  - ${validation.id} (${validation.impact}): ${validation.description}\n    affected: ${validation.nodes.join(', ')}`).join('\n'),
-            .map((validation) => `  - ${validation.id} (${validation.impact}): ${validation.description}\n    affected: ${validation.nodes.join(', ')}`)
-            .join('\n')
       )
       .join('\n\n');
 

packages/luna-charts/tsconfig.json

@@ -5,10 +5,7 @@
     "allowUnreachableCode": false,
     "declaration": false,
     "experimentalDecorators": true,
-    "lib": [
+    "lib": ["dom", "es2022"],
-      "dom",
-      "es2022"
-    ],
     "moduleResolution": "bundler",
     "module": "esnext",
     "target": "es2022",
@@ -18,14 +15,8 @@
     "jsx": "react",
     "jsxFactory": "h",
     "jsxFragmentFactory": "h.Fragment",
-    "types": [
+    "types": ["@stencil/vitest/globals"]
-      "@stencil/vitest/globals"
-    ]
   },
-  "include": [
+  "include": ["src"],
-    "src"
+  "exclude": ["node_modules"]
-  ],
-  "exclude": [
-    "node_modules"
-  ]
 }

packages/luna-charts/vitest-setup.ts

@@ -1,4 +1,4 @@
-import { defineCustomElements } from "./loader";
+import { defineCustomElements } from './loader';
 import './src/testing/a11y/matchers';
 
 defineCustomElements();