Format

Author: thetarnav

packages/active-element/README.md

@@ -75,7 +75,7 @@ clear();
 function makeFocusListener(
   target: Element,
   callback: (isActive: boolean) => void,
-  useCapture?: boolean
+  useCapture?: boolean,
 ): VoidFunction;
 ```
 

packages/active-element/dev/index.tsx

@@ -14,11 +14,11 @@ const Node: Component<{ x: number; y: number; size: number }> = props => {
       use:focus={setIsFocused}
       class="fixed top-0 left-0 w-48 h-48 rounded-full bg-orange-700 border-none cursor-pointer hover:bg-orange-600 text-4xl font-extrabold text-gray-900"
       classList={{
-        "!bg-indigo-700 !hover:bg-indigo-600": isFocused()
+        "!bg-indigo-700 !hover:bg-indigo-600": isFocused(),
       }}
       style={{
         transform: `translate(${props.x}px, ${props.y}px) scale(${props.size})`,
-        transition: "transform 500ms, background 200ms"
+        transition: "transform 500ms, background 200ms",
       }}
     >
       {props.children}

packages/active-element/dev/utils.ts

@@ -3,5 +3,5 @@ export const genNodeList = () =>
     x: Math.random() * (window.innerWidth - 192),
     y: Math.random() * (window.innerHeight - 192),
     size: Math.random() + 0.15,
-    id
+    id,
   }));

packages/active-element/src/index.ts

@@ -27,7 +27,7 @@ const getActiveElement = () =>
  * clear();
  */
 export function makeActiveElementListener(
-  callback: (element: Element | null) => void
+  callback: (element: Element | null) => void,
 ): VoidFunction {
   if (process.env.SSR) {
     return () => void 0;
@@ -71,7 +71,7 @@ export function createActiveElement(): Accessor<Element | null> {
 export function makeFocusListener(
   target: Element,
   callback: (isActive: boolean) => void,
-  useCapture = true
+  useCapture = true,
 ): VoidFunction {
   if (process.env.SSR) {
     return () => void 0;
@@ -96,7 +96,7 @@ export function createFocusSignal(target: MaybeAccessor<Element>): Accessor<bool
   }
   const [isActive, setIsActive] = createHydrateSignal(
     false,
-    () => document.activeElement === target
+    () => document.activeElement === target,
   );
   createEventListener(target, "blur", () => setIsActive(false), true);
   createEventListener(target, "focus", () => setIsActive(true), true);

packages/active-element/test/index.test.ts

@@ -6,7 +6,7 @@ import {
   createActiveElement,
   makeFocusListener,
   createFocusSignal,
-  focus
+  focus,
 } from "../src";
 
 const dispatchFocusEvent = (target: Element | Window = window, event: "focus" | "blur" = "focus") =>

packages/analytics/src/ga.ts

@@ -32,7 +32,7 @@ export const trackGoogleAnalytics: TrackHandler = (event, data) => {
         hitType: "social",
         socialNetwork: data.network,
         socialAction: data.action,
-        socialTarget: data.target
+        socialTarget: data.target,
       });
       break;
     case EventType.Event:
@@ -41,7 +41,7 @@ export const trackGoogleAnalytics: TrackHandler = (event, data) => {
         eventAction: data.action,
         eventLabel: data.label,
         eventValue: data.value,
-        ...data.other
+        ...data.other,
       });
       break;
   }

packages/analytics/src/index.ts

@@ -1,7 +1,7 @@
 export enum EventType {
   Pageview = "page",
   Event = "event",
-  Social = "social"
+  Social = "social",
 }
 export type TrackEventData = {
   category?: string;
@@ -22,7 +22,7 @@ export type TrackPageview = {
 };
 export type TrackHandler = (
   type: EventType,
-  data: TrackEventData | TrackSocialData | TrackPageview
+  data: TrackEventData | TrackSocialData | TrackPageview,
 ) => void;
 
 /**

packages/analytics/test/index.test.ts

@@ -8,7 +8,7 @@ describe("createPrimitiveTemplate", () => {
     const handlers = [...new Array(5)].map(
       (_, i) =>
         (...args) =>
-          (called[i] = args)
+          (called[i] = args),
     );
     const track = createAnalytics(handlers);
     const eventData = {};

packages/audio/README.md

@@ -50,7 +50,7 @@ const { play, pause, seek } = makeAudioPlayer("example.mp3");
 ```ts
 function makeAudioPlayer(
   src: AudioSource,
-  handlers: AudioEventHandlers = {}
+  handlers: AudioEventHandlers = {},
 ): {
   play: VoidFunction;
   pause: VoidFunction;
@@ -82,7 +82,7 @@ _Note:_ Initializing the primitive with `playing` as true works, however note th
 function makeAudioPlayer(
   src: AudioSource | Accessor<AudioSource>,
   playing?: Accessor<boolean>,
-  volume?: Accessor<number>
+  volume?: Accessor<number>,
 ): [
   {
     state: AudioState;
@@ -96,7 +96,7 @@ function makeAudioPlayer(
     setVolume: (volume: number) => void;
     play: VoidFunction;
     pause: VoidFunction;
-  }
+  },
 ];
 ```
 

packages/audio/dev/index.tsx

@@ -59,7 +59,7 @@ const App: Component = () => {
             each={Object.entries({
               "Sample 1": "sample1.mp3",
               "Sample 2": "sample2.mp3",
-              "Sample 3": "sample3.mp3"
+              "Sample 3": "sample3.mp3",
             })}
           >
             {([label, url]) => (
@@ -70,7 +70,7 @@ const App: Component = () => {
                 class="transition cursor-pointer bg-transparent px-4 py-3 border-none"
                 classList={{
                   "text-white hover:text-gray-900": url != source(),
-                  "text-blue-800": url == source()
+                  "text-blue-800": url == source(),
                 }}
               >
                 {label}