refactor(adapter): remove static and rename method

Author: edwintantawi

src/adapters/react-adapter.ts

@@ -15,7 +15,8 @@ export type HeadReactAdapterResult = ReactNode[];
  *   .addLink({ rel: 'canonical', href: 'https://example.com' })
  *   .build();
  *
- * const reactElements = HeadReactAdapter.adapter(elements);
+ * const adapter = new HeadReactAdapter();
+ * const reactElements = adapter.transform(elements);
  * // Returns: [<meta name="description" content="My site" />, <link rel="canonical" href="https://example.com" />]
  */
 export class HeadReactAdapter implements HeadAdapter<HeadReactAdapterResult> {
@@ -24,7 +25,7 @@ export class HeadReactAdapter implements HeadAdapter<HeadReactAdapterResult> {
    * @param elements - Array of head elements from HeadBuilder.build()
    * @returns An array of React elements
    */
-  static adapter(elements: HeadElement[]): HeadReactAdapterResult {
+  transform(elements: HeadElement[]): HeadReactAdapterResult {
     return elements.map((element, index) => {
       const { type, attributes } = element;
 
@@ -34,8 +35,4 @@ export class HeadReactAdapter implements HeadAdapter<HeadReactAdapterResult> {
       });
     });
   }
-
-  adapter(elements: HeadElement[]): HeadReactAdapterResult {
-    return HeadReactAdapter.adapter(elements);
-  }
 }

src/adapters/tanstack-router-adapter.ts

@@ -27,7 +27,8 @@ export interface HeadTanStackRouterAdapterResult {
  *   .addLink({ rel: 'canonical', href: 'https://example.com' })
  *   .build();
  *
- * const config = HeadTanstackRouterAdapter.adapter(elements);
+ * const adapter = new HeadTanstackRouterAdapter();
+ * const config = adapter.transform(elements);
  * // Returns: {
  * //   meta: [{ name: 'description', content: 'My site' }],
  * //   links: [{ rel: 'canonical', href: 'https://example.com' }],
@@ -41,7 +42,7 @@ export class HeadTanstackRouterAdapter implements HeadAdapter<HeadTanStackRouter
    * @param elements - Array of head elements from HeadBuilder.build()
    * @returns A TanStackHeadConfig object with elements organized by type
    */
-  static adapter(elements: HeadElement[]): HeadTanStackRouterAdapterResult {
+  transform(elements: HeadElement[]): HeadTanStackRouterAdapterResult {
     const config: HeadTanStackRouterAdapterResult = {
       meta: [],
       links: [],
@@ -63,8 +64,4 @@ export class HeadTanstackRouterAdapter implements HeadAdapter<HeadTanStackRouter
 
     return config;
   }
-
-  adapter(elements: HeadElement[]): HeadTanStackRouterAdapterResult {
-    return HeadTanstackRouterAdapter.adapter(elements);
-  }
 }

src/builder.ts

@@ -149,7 +149,7 @@ export class HeadBuilder<TOutput = HeadElement[]> {
    */
   build(): TOutput {
     if (this.adapter) {
-      return this.adapter.adapter(this.elements);
+      return this.adapter.transform(this.elements);
     }
     // oxlint-disable-next-line typescript/no-unsafe-type-assertion
     return this.elements as unknown as TOutput;

src/types.ts

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 export type HeadMetaAttributes = React.DetailedHTMLProps<
   React.MetaHTMLAttributes<HTMLMetaElement>,
   HTMLMetaElement
@@ -36,5 +34,5 @@ export type HeadElement<
  * @template T - The output type of the adapter
  */
 export interface HeadAdapter<T> {
-  adapter(elements: HeadElement[]): T;
+  transform(elements: HeadElement[]): T;
 }