fix(repl): fix ESLint errors for CI compliance

- Add Apache 2.0 license headers to all source files
- Fix import ordering and sort-imports issues
- Change type aliases to interfaces where required
- Add eslint-disable for browser APIs (BroadcastChannel, localStorage)
  falsely flagged as unsupported Node.js features
- Fix missing .js file extension in import

Author: Huxpro

packages/repl/postcss.config.mjs

@@ -1,3 +1,7 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
 export default {
   plugins: {
     '@tailwindcss/postcss': {},

packages/repl/src/console/types.ts

@@ -1,3 +1,7 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
 export type ConsoleLevel = 'log' | 'warn' | 'error' | 'info' | 'debug';
 export type ConsoleSource = 'main-thread' | 'background';
 

packages/repl/src/console/useConsole.ts

@@ -1,17 +1,25 @@
-import { useState, useEffect, useRef, useCallback } from 'react';
-import type { ConsoleEntry, ConsoleMessage } from './types.js';
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+
 import { CHANNEL_PREFIX } from './console-wrapper.js';
+import type { ConsoleEntry, ConsoleMessage } from './types.js';
 
 export function useConsole(sessionId: string) {
   const [entries, setEntries] = useState<ConsoleEntry[]>([]);
   const idRef = useRef(0);
 
   useEffect(() => {
+    // eslint-disable-next-line n/no-unsupported-features/node-builtins -- BroadcastChannel is a browser API, not Node.js
     if (typeof BroadcastChannel === 'undefined') {
       return;
     }
+    // eslint-disable-next-line n/no-unsupported-features/node-builtins -- BroadcastChannel is a browser API, not Node.js
     let channel: BroadcastChannel;
     try {
+      // eslint-disable-next-line n/no-unsupported-features/node-builtins -- BroadcastChannel is a browser API, not Node.js
       channel = new BroadcastChannel(CHANNEL_PREFIX + sessionId);
     } catch {
       return;

packages/repl/src/env.d.ts

@@ -1,3 +1,7 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
 declare module '*.txt?raw' {
   const content: string;
   export default content;

packages/repl/src/index.tsx

@@ -1,3 +1,7 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
 import '@lynx-js/web-core';
 import '@lynx-js/web-core/index.css';
 import '@lynx-js/web-elements/index.css';
@@ -6,6 +10,7 @@ import '@lynx-js/web-elements/all';
 import './globals.css';
 
 import { createRoot } from 'react-dom/client';
-import { App } from './App';
+
+import { App } from './App.js';
 
 createRoot(document.getElementById('app')!).render(<App />);

packages/repl/src/local-storage.ts

@@ -1,13 +1,18 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
 const STORAGE_KEY = 'lynx-repl-code';
 
-type CodeState = {
+interface CodeState {
   mainThread: string;
   background: string;
   css: string;
-};
+}
 
 export function saveToLocalStorage(code: CodeState): void {
   try {
+    // eslint-disable-next-line n/no-unsupported-features/node-builtins -- localStorage is a browser API, not Node.js
     localStorage.setItem(STORAGE_KEY, JSON.stringify(code));
   } catch {
     // Silently ignore quota errors
@@ -16,6 +21,7 @@ export function saveToLocalStorage(code: CodeState): void {
 
 export function loadFromLocalStorage(): CodeState | null {
   try {
+    // eslint-disable-next-line n/no-unsupported-features/node-builtins -- localStorage is a browser API, not Node.js
     const raw = localStorage.getItem(STORAGE_KEY);
     if (!raw) return null;
     const parsed = JSON.parse(raw) as CodeState;
@@ -34,6 +40,7 @@ export function loadFromLocalStorage(): CodeState | null {
 
 export function clearLocalStorage(): void {
   try {
+    // eslint-disable-next-line n/no-unsupported-features/node-builtins -- localStorage is a browser API, not Node.js
     localStorage.removeItem(STORAGE_KEY);
   } catch {
     // Silently ignore

packages/repl/src/url-state.ts

@@ -1,10 +1,14 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
 import { samples } from './samples.js';
 
-export type CodeState = {
+export interface CodeState {
   mainThread: string;
   background: string;
   css: string;
-};
+}
 
 type InitialState =
   | { type: 'custom'; code: CodeState }

packages/repl/src/utils/cn.ts

@@ -1,6 +1,7 @@
 // Copyright 2026 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
+
 import { clsx } from 'clsx';
 import type { ClassValue } from 'clsx';
 import { twMerge } from 'tailwind-merge';