@niibase/uniwind 1.6.2 → 1.6.4

package/dist/module/core/config/config.js

@@ -1,50 +1,69 @@
+import { arrayEquals } from "../../common/utils.js";
 import { StyleDependency } from "../../types.js";
 import { UniwindListener } from "../listener.js";
 import { Logger } from "../logger.js";
+import { getWebVariable } from "../web/index.js";
 import { UniwindConfigBuilder as UniwindConfigBuilderBase } from "./config.common.js";
 class UniwindConfigBuilder extends UniwindConfigBuilderBase {
-  runtimeCSSVariables = /* @__PURE__ */ new Map();
+  cssRules;
   constructor() {
     super();
   }
   updateCSSVariables(theme, variables) {
+    if (typeof document === "undefined") {
+      return;
+    }
+    const uniwindRules = this.getUniwindDynamicCSSRules();
     Object.entries(variables).forEach(([varName, varValue]) => {
       if (!varName.startsWith("--") && __DEV__) {
         Logger.error(`CSS variable name must start with "--", instead got: ${varName}`);
-        return;
-      }
-      const runtimeCSSVariables = this.runtimeCSSVariables.get(theme) ?? {};
-      runtimeCSSVariables[varName] = varValue;
-      this.runtimeCSSVariables.set(theme, runtimeCSSVariables);
-      if (theme === this.currentTheme) {
-        this.applyCSSVariable(varName, varValue);
       }
+      const existingRules = Object.fromEntries(
+        uniwindRules.map((rule) => [rule.theme, getWebVariable(varName, { scopedTheme: rule.theme })])
+      );
+      uniwindRules.forEach((rule) => {
+        if (rule.theme === theme) {
+          rule.style.setProperty(
+            varName,
+            typeof varValue === "number" ? `${varValue}px` : varValue
+          );
+          return;
+        }
+        rule.style.setProperty(varName, existingRules[rule.theme] ?? null);
+      });
     });
-    if (theme === this.currentTheme) {
-      UniwindListener.notify([StyleDependency.Variables]);
-    }
+    UniwindListener.notify([StyleDependency.Variables]);
   }
-  onThemeChange() {
-    if (typeof document === "undefined") {
+  __reinit(generateStyleSheetCallback, themes) {
+    const oldThemes = this.themes;
+    super.__reinit(generateStyleSheetCallback, themes);
+    if (arrayEquals(themes, oldThemes)) {
       return;
     }
-    document.documentElement.removeAttribute("style");
-    const runtimeCSSVariables = this.runtimeCSSVariables.get(this.currentTheme);
-    if (!runtimeCSSVariables) {
-      return;
+    this.cssRules = void 0;
+    if (typeof document !== "undefined") {
+      document.querySelector("#uniwind-dynamic-styles")?.remove();
     }
-    Object.entries(runtimeCSSVariables).forEach(([varName, varValue]) => {
-      this.applyCSSVariable(varName, varValue);
-    });
   }
-  applyCSSVariable(varName, varValue) {
+  getUniwindDynamicCSSRules() {
+    if (this.cssRules) {
+      return this.cssRules;
+    }
     if (typeof document === "undefined") {
-      return;
+      return [];
     }
-    document.documentElement.style.setProperty(
-      varName,
-      typeof varValue === "number" ? `${varValue}px` : varValue
+    const styleElement = document.createElement("style");
+    styleElement.innerText = this.themes.reduce(
+      (acc, theme) => {
+        return `${acc}.${theme}{}`;
+      },
+      ""
     );
+    styleElement.setAttribute("id", "uniwind-dynamic-styles");
+    document.head.appendChild(styleElement);
+    const cssRules = Array.from(styleElement.sheet?.cssRules ?? []).filter((rule) => "selectorText" in rule && "style" in rule).map((rule) => ({ style: rule.style, theme: rule.selectorText.replace(".", "") }));
+    this.cssRules = cssRules;
+    return cssRules;
   }
 }
 export const Uniwind = new UniwindConfigBuilder();

package/dist/module/core/config/config.native.js

@@ -31,9 +31,7 @@ class UniwindConfigBuilder extends UniwindConfigBuilderBase {
         get: getValue
       });
     });
-    if (theme === this.currentTheme) {
-      UniwindListener.notify([StyleDependency.Variables]);
-    }
+    UniwindListener.notify([StyleDependency.Variables]);
   }
   updateInsets(insets) {
     UniwindStore.runtime.insets.bottom = insets.bottom ?? 0;

package/dist/module/core/web/cssListener.js

@@ -49,7 +49,7 @@ class CSSListenerBuilder {
       listeners?.add(listener);
       disposables.push(() => listeners?.delete(listener));
     });
-    const disposeThemeListener = UniwindListener.subscribe(listener, [StyleDependency.Theme]);
+    const disposeThemeListener = UniwindListener.subscribe(listener, [StyleDependency.Theme, StyleDependency.Variables]);
     return () => {
       disposables.forEach((disposable) => disposable());
       disposeThemeListener();

package/dist/module/hooks/useCSSVariable/index.d.ts

@@ -1 +1 @@
-export * from './useCSSVariable';
+export { useCSSVariable } from './useCSSVariable';

package/dist/module/hooks/useCSSVariable/index.js

@@ -1 +1 @@
-export * from "./useCSSVariable.js";
+export { useCSSVariable } from "./useCSSVariable.js";

package/dist/module/hooks/useCSSVariable/useCSSVariable.d.ts

@@ -1,6 +1,8 @@
+import { UniwindContextType } from '../../core/types';
+export declare const getCSSVariable: (name: string | Array<string>, uniwindContext: UniwindContextType) => string | (string | undefined)[] | undefined;
 type IsGenericNumber<T> = T & 0 extends -1 ? false : true;
 type CreateArray<N extends number, Value, TAcc extends Array<Value> = []> = TAcc['length'] extends N ? TAcc : CreateArray<N, Value, [...TAcc, Value]>;
-type UseCSSVariable = {
+export type GetCSSVariable = {
     (name: string): string | number | undefined;
     <const T extends Array<string>>(names: T): IsGenericNumber<T['length']> extends true ? Array<string | number | undefined> : CreateArray<T['length'], string | number | undefined>;
 };
@@ -9,5 +11,5 @@ type UseCSSVariable = {
  * @param name Name / Array of names of the CSS variable.
  * @returns Value / Values of the CSS variable. On web it is always a string (1rem, #ff0000, etc.), but on native it can be a string or a number (16px, #ff0000)
  */
-export declare const useCSSVariable: UseCSSVariable;
+export declare const useCSSVariable: GetCSSVariable;
 export {};

package/dist/module/hooks/useCSSVariable/useCSSVariable.js

@@ -1,16 +1,10 @@
 import { useLayoutEffect, useRef, useState } from "react";
+import { arrayEquals } from "../../common/utils.js";
 import { useUniwindContext } from "../../core/context.js";
 import { UniwindListener } from "../../core/listener.js";
 import { Logger } from "../../core/logger.js";
 import { StyleDependency } from "../../types.js";
 import { getVariableValue } from "./getVariableValue.js";
-const getValue = (name, uniwindContext) => Array.isArray(name) ? name.map((name2) => getVariableValue(name2, uniwindContext)) : getVariableValue(name, uniwindContext);
-const arrayEquals = (a, b) => {
-  if (a.length !== b.length) {
-    return false;
-  }
-  return a.every((value, index) => value === b[index]);
-};
 let warned = false;
 const logDevError = (name) => {
   warned = true;
@@ -18,41 +12,45 @@ const logDevError = (name) => {
     `We couldn't find your variable ${name}. Make sure it's used at least once in your className, or define it in a static theme as described in the docs: https://docs.uniwind.dev/api/use-css-variable`
   );
 };
+export const getCSSVariable = (name, uniwindContext) => {
+  const value = Array.isArray(name) ? name.map((name2) => getVariableValue(name2, uniwindContext)) : getVariableValue(name, uniwindContext);
+  if (Array.isArray(value)) {
+    value.forEach((val, index) => {
+      if (val === void 0 && __DEV__ && !warned) {
+        logDevError(name[index] ?? "");
+      }
+    });
+  }
+  if (value === void 0 && __DEV__ && !warned) {
+    logDevError(name);
+  }
+  return value;
+};
 export const useCSSVariable = (name) => {
   const uniwindContext = useUniwindContext();
-  const [value, setValue] = useState(getValue(name, uniwindContext));
+  const [value, setValue] = useState(getCSSVariable(name, uniwindContext));
   const nameRef = useRef(name);
   useLayoutEffect(() => {
     if (Array.isArray(name) && Array.isArray(nameRef.current)) {
       if (arrayEquals(name, nameRef.current)) {
         return;
       }
-      setValue(getValue(name, uniwindContext));
+      setValue(getCSSVariable(name, uniwindContext));
       nameRef.current = name;
       return;
     }
     if (name !== nameRef.current) {
-      setValue(getValue(name, uniwindContext));
+      setValue(getCSSVariable(name, uniwindContext));
       nameRef.current = name;
     }
   }, [name]);
   useLayoutEffect(() => {
-    const updateValue = () => setValue(getValue(nameRef.current, uniwindContext));
+    const updateValue = () => setValue(getCSSVariable(nameRef.current, uniwindContext));
     const dispose = UniwindListener.subscribe(
       updateValue,
       [StyleDependency.Theme, StyleDependency.Variables]
     );
     return dispose;
   }, [uniwindContext]);
-  if (Array.isArray(value)) {
-    value.forEach((val, index) => {
-      if (val === void 0 && __DEV__ && !warned) {
-        logDevError(name[index] ?? "");
-      }
-    });
-  }
-  if (value === void 0 && __DEV__ && !warned) {
-    logDevError(name);
-  }
   return value;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "private": false,
     "name": "@niibase/uniwind",
-    "version": "1.6.2",
+    "version": "1.6.4",
     "description": "A fork of Uniwind with Reanimated 4 support",
     "homepage": "https://uniwind.dev",
     "author": "Unistack",
@@ -12,8 +12,8 @@
         "precommit": "bun lint",
         "build": "unbuild",
         "check:typescript": "tsc --noEmit",
-        "lint": "eslint src",
-        "lint:fix": "eslint src --fix",
+        "lint": "oxlint src",
+        "lint:fix": "oxlint src --fix",
         "format": "dprint fmt",
         "prepublishOnly": "bun run build",
         "circular:check": "dpdm --no-warning --no-tree -T --exit-code circular:1 'src/**/*.ts' 'src/**/*.tsx'",

package/src/common/utils.ts

@@ -1 +1,9 @@
 export const isDefined = <T>(value: T): value is NonNullable<T> => value !== undefined && value !== null
+
+export const arrayEquals = <T>(a: Array<T>, b: Array<T>) => {
+    if (a.length !== b.length) {
+        return false
+    }
+
+    return a.every((value, index) => value === b[index])
+}

package/src/components/index.ts

@@ -196,9 +196,6 @@ module.exports = {
     get PlatformColor() {
         return require('react-native').PlatformColor
     },
-    get PushNotificationIOS() {
-        return require('react-native').PushNotificationIOS
-    },
     get processColor() {
         return require('react-native').processColor
     },

package/src/core/config/config.common.ts

@@ -2,13 +2,13 @@ import { ComponentPropsWithRef, createElement, ElementType, useMemo } from 'reac
 import { Appearance, Insets, Platform } from 'react-native'
 import { ApplyUniwind } from '../../hoc/types'
 import { withUniwind } from '../../hoc/withUniwind'
+import { GetCSSVariable, getCSSVariable } from '../../hooks/useCSSVariable/useCSSVariable'
 import { ColorScheme, StyleDependency } from '../../types'
 import { UniwindListener } from '../listener'
 import { CSSVariables, GenerateStyleSheetsCallback, ThemeName } from '../types'
 
 const SYSTEM_THEME = 'system' as const
-
-// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+// Platform.constants is not defined in RNW
 const RN_VERSION = Platform.constants?.reactNativeVersion?.minor ?? 0
 const UNSPECIFIED_THEME = RN_VERSION >= 82 ? 'unspecified' : undefined
 
@@ -21,7 +21,6 @@ export class UniwindConfigBuilder {
         Appearance.addChangeListener(event => {
             const colorScheme = event.colorScheme === 'unspecified'
                 ? ColorScheme.Light
-                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                 : event.colorScheme ?? ColorScheme.Light
             const prevTheme = this.#currentTheme
 
@@ -108,17 +107,20 @@ export class UniwindConfigBuilder {
         }
     }
 
-    updateCSSVariables(theme: ThemeName, variables: CSSVariables) {
+    // oxlint-disable-next-line typescript/no-unused-vars
+    updateCSSVariables(theme: ThemeName, cssVariables: CSSVariables) {
         // noop
-        theme
-        variables
     }
 
+    // oxlint-disable-next-line typescript/no-unused-vars
     updateInsets(insets: Insets) {
         // noop
-        insets
     }
 
+    getCSSVariable = ((variableName: string | Array<string>) => {
+        return getCSSVariable(variableName, { scopedTheme: null })
+    }) as GetCSSVariable
+
     protected __reinit(_: GenerateStyleSheetsCallback, themes: Array<string>) {
         this._themes = themes
     }

package/src/core/config/config.native.ts

@@ -44,9 +44,7 @@ class UniwindConfigBuilder extends UniwindConfigBuilderBase {
             })
         })
 
-        if (theme === this.currentTheme) {
-            UniwindListener.notify([StyleDependency.Variables])
-        }
+        UniwindListener.notify([StyleDependency.Variables])
     }
 
     updateInsets(insets: Insets) {

package/src/core/config/config.ts

@@ -1,66 +1,98 @@
+import { arrayEquals } from '../../common/utils'
 import { StyleDependency } from '../../types'
 import { UniwindListener } from '../listener'
 import { Logger } from '../logger'
-import { CSSVariables, ThemeName } from '../types'
+import { CSSVariables, GenerateStyleSheetsCallback, ThemeName } from '../types'
+import { getWebVariable } from '../web'
 import { UniwindConfigBuilder as UniwindConfigBuilderBase } from './config.common'
 
+type UniwindCSSRule = {
+    style: CSSStyleDeclaration
+    theme: ThemeName
+}
+
 class UniwindConfigBuilder extends UniwindConfigBuilderBase {
-    private runtimeCSSVariables = new Map<ThemeName, CSSVariables>()
+    private cssRules?: Array<UniwindCSSRule>
 
     constructor() {
         super()
     }
 
     updateCSSVariables(theme: ThemeName, variables: CSSVariables) {
+        if (typeof document === 'undefined') {
+            return
+        }
+
+        const uniwindRules = this.getUniwindDynamicCSSRules()
+
         Object.entries(variables).forEach(([varName, varValue]) => {
             if (!varName.startsWith('--') && __DEV__) {
                 Logger.error(`CSS variable name must start with "--", instead got: ${varName}`)
-
-                return
             }
 
-            const runtimeCSSVariables = this.runtimeCSSVariables.get(theme) ?? {}
+            const existingRules: Record<ThemeName, string | undefined> = Object.fromEntries(
+                uniwindRules.map(rule => [rule.theme, getWebVariable(varName, { scopedTheme: rule.theme })]),
+            )
 
-            runtimeCSSVariables[varName] = varValue
-            this.runtimeCSSVariables.set(theme, runtimeCSSVariables)
+            uniwindRules.forEach(rule => {
+                if (rule.theme === theme) {
+                    rule.style.setProperty(
+                        varName,
+                        typeof varValue === 'number' ? `${varValue}px` : varValue,
+                    )
 
-            if (theme === this.currentTheme) {
-                this.applyCSSVariable(varName, varValue)
-            }
+                    return
+                }
+
+                rule.style.setProperty(varName, existingRules[rule.theme] ?? null)
+            })
         })
 
-        if (theme === this.currentTheme) {
-            UniwindListener.notify([StyleDependency.Variables])
-        }
+        UniwindListener.notify([StyleDependency.Variables])
     }
 
-    protected onThemeChange() {
-        if (typeof document === 'undefined') {
+    protected __reinit(generateStyleSheetCallback: GenerateStyleSheetsCallback, themes: Array<string>) {
+        const oldThemes = this.themes
+        super.__reinit(generateStyleSheetCallback, themes)
+
+        if (arrayEquals(themes, oldThemes)) {
             return
         }
 
-        document.documentElement.removeAttribute('style')
-
-        const runtimeCSSVariables = this.runtimeCSSVariables.get(this.currentTheme)
+        this.cssRules = undefined
 
-        if (!runtimeCSSVariables) {
-            return
+        if (typeof document !== 'undefined') {
+            document.querySelector('#uniwind-dynamic-styles')?.remove()
         }
-
-        Object.entries(runtimeCSSVariables).forEach(([varName, varValue]) => {
-            this.applyCSSVariable(varName, varValue)
-        })
     }
 
-    private applyCSSVariable(varName: keyof CSSVariables, varValue: CSSVariables[keyof CSSVariables]) {
+    private getUniwindDynamicCSSRules() {
+        if (this.cssRules) {
+            return this.cssRules
+        }
+
         if (typeof document === 'undefined') {
-            return
+            return []
         }
 
-        document.documentElement.style.setProperty(
-            varName,
-            typeof varValue === 'number' ? `${varValue}px` : varValue,
+        const styleElement = document.createElement('style')
+
+        styleElement.innerText = this.themes.reduce(
+            (acc, theme) => {
+                return `${acc}.${theme}{}`
+            },
+            '',
         )
+        styleElement.setAttribute('id', 'uniwind-dynamic-styles')
+        document.head.appendChild(styleElement)
+
+        const cssRules = Array.from(styleElement.sheet?.cssRules ?? [])
+            .filter((rule): rule is CSSStyleRule => 'selectorText' in rule && 'style' in rule)
+            .map((rule): UniwindCSSRule => ({ style: rule.style, theme: rule.selectorText.replace('.', '') }))
+
+        this.cssRules = cssRules
+
+        return cssRules
     }
 }
 

package/src/core/logger.ts

@@ -1,5 +1,3 @@
-/* eslint-disable no-console */
-
 export class Logger {
     static log(message: string) {
         console.log(`Uniwind - ${message}`)

package/src/core/native/parsers/transforms.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-depth */
 const transforms = [
     'translateX',
     'translateY',

package/src/core/native/store.ts

@@ -1,4 +1,3 @@
-/* eslint-disable max-depth */
 import { Dimensions, Platform } from 'react-native'
 import { CSSAnimationKeyframes } from 'react-native-reanimated'
 import { Platform as UniwindPlatform, UNIWIND_PLATFORM_VARIABLES, UNIWIND_THEME_VARIABLES } from '../../common/consts'

package/src/core/web/cssListener.ts

@@ -54,7 +54,6 @@ class CSSListenerBuilder {
             const mediaQuery = this.classNameMediaQueryListeners.get(className)
 
             if (!mediaQuery) {
-                // eslint-disable-next-line no-empty-function
                 return () => {}
             }
 
@@ -64,7 +63,7 @@ class CSSListenerBuilder {
             disposables.push(() => listeners?.delete(listener))
         })
 
-        const disposeThemeListener = UniwindListener.subscribe(listener, [StyleDependency.Theme])
+        const disposeThemeListener = UniwindListener.subscribe(listener, [StyleDependency.Theme, StyleDependency.Variables])
 
         return () => {
             disposables.forEach(disposable => disposable())
@@ -129,7 +128,7 @@ class CSSListenerBuilder {
                 continue
             }
 
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition, @typescript-eslint/strict-boolean-expressions
+            // oxlint-disable-next-line @typescript-eslint/strict-boolean-expressions
             if (!rules) {
                 continue
             }

package/src/hoc/withUniwind.native.tsx

@@ -120,7 +120,6 @@ const withManualUniwind = (Component: Component<AnyObject>, options: Record<Prop
 
         const existingStyle = props[propName]
 
-        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (existingStyle) {
             acc.generatedProps[propName] = [styles, existingStyle]
 

package/src/hooks/useCSSVariable/index.ts

@@ -1 +1 @@
-export * from './useCSSVariable'
+export { useCSSVariable } from './useCSSVariable'

package/src/hooks/useCSSVariable/useCSSVariable.ts

@@ -1,4 +1,5 @@
 import { useLayoutEffect, useRef, useState } from 'react'
+import { arrayEquals } from '../../common/utils'
 import { useUniwindContext } from '../../core/context'
 import { UniwindListener } from '../../core/listener'
 import { Logger } from '../../core/logger'
@@ -6,19 +7,6 @@ import { UniwindContextType } from '../../core/types'
 import { StyleDependency } from '../../types'
 import { getVariableValue } from './getVariableValue'
 
-const getValue = (name: string | Array<string>, uniwindContext: UniwindContextType) =>
-    Array.isArray(name)
-        ? name.map(name => getVariableValue(name, uniwindContext))
-        : getVariableValue(name, uniwindContext)
-
-const arrayEquals = <T>(a: Array<T>, b: Array<T>) => {
-    if (a.length !== b.length) {
-        return false
-    }
-
-    return a.every((value, index) => value === b[index])
-}
-
 let warned = false
 
 const logDevError = (name: string) => {
@@ -28,10 +16,30 @@ const logDevError = (name: string) => {
     )
 }
 
+export const getCSSVariable = (name: string | Array<string>, uniwindContext: UniwindContextType) => {
+    const value = Array.isArray(name)
+        ? name.map(name => getVariableValue(name, uniwindContext))
+        : getVariableValue(name, uniwindContext)
+
+    if (Array.isArray(value)) {
+        value.forEach((val, index) => {
+            if (val === undefined && __DEV__ && !warned) {
+                logDevError(name[index] ?? '')
+            }
+        })
+    }
+
+    if (value === undefined && __DEV__ && !warned) {
+        logDevError(name as string)
+    }
+
+    return value
+}
+
 type IsGenericNumber<T> = T & 0 extends -1 ? false : true
 type CreateArray<N extends number, Value, TAcc extends Array<Value> = []> = TAcc['length'] extends N ? TAcc : CreateArray<N, Value, [...TAcc, Value]>
 
-type UseCSSVariable = {
+export type GetCSSVariable = {
     (name: string): string | number | undefined
     <const T extends Array<string>>(
         names: T,
@@ -43,9 +51,9 @@ type UseCSSVariable = {
  * @param name Name / Array of names of the CSS variable.
  * @returns Value / Values of the CSS variable. On web it is always a string (1rem, #ff0000, etc.), but on native it can be a string or a number (16px, #ff0000)
  */
-export const useCSSVariable: UseCSSVariable = (name: string | Array<string>) => {
+export const useCSSVariable: GetCSSVariable = (name: string | Array<string>) => {
     const uniwindContext = useUniwindContext()
-    const [value, setValue] = useState(getValue(name, uniwindContext))
+    const [value, setValue] = useState(getCSSVariable(name, uniwindContext))
     const nameRef = useRef(name)
 
     useLayoutEffect(() => {
@@ -54,20 +62,20 @@ export const useCSSVariable: UseCSSVariable = (name: string | Array<string>) =>
                 return
             }
 
-            setValue(getValue(name, uniwindContext))
+            setValue(getCSSVariable(name, uniwindContext))
             nameRef.current = name
 
             return
         }
 
         if (name !== nameRef.current) {
-            setValue(getValue(name, uniwindContext))
+            setValue(getCSSVariable(name, uniwindContext))
             nameRef.current = name
         }
     }, [name])
 
     useLayoutEffect(() => {
-        const updateValue = () => setValue(getValue(nameRef.current, uniwindContext))
+        const updateValue = () => setValue(getCSSVariable(nameRef.current, uniwindContext))
         const dispose = UniwindListener.subscribe(
             updateValue,
             [StyleDependency.Theme, StyleDependency.Variables],
@@ -76,17 +84,5 @@ export const useCSSVariable: UseCSSVariable = (name: string | Array<string>) =>
         return dispose
     }, [uniwindContext])
 
-    if (Array.isArray(value)) {
-        value.forEach((val, index) => {
-            if (val === undefined && __DEV__ && !warned) {
-                logDevError(name[index] ?? '')
-            }
-        })
-    }
-
-    if (value === undefined && __DEV__ && !warned) {
-        logDevError(name as string)
-    }
-
     return value as never
 }

package/src/metro/addMetaToStylesTemplate.ts

@@ -41,8 +41,7 @@ export const addMetaToStylesTemplate = (Processor: ProcessorBuilder, currentPlat
                     minWidth,
                     maxWidth,
                     colorScheme,
-                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                    important,
+                    important: _,
                     importantProperties,
                     active,
                     focus,

package/src/metro/logger.ts

@@ -1,5 +1,3 @@
-/* eslint-disable no-console */
-
 const red = '\x1b[91m'
 const yellow = '\x1b[33m'
 const blue = '\x1b[36m'

package/src/metro/metro-css-patches.ts

@@ -6,7 +6,6 @@ import path from 'path'
 
 class FileStore<T> extends FileStoreBase<T> {
     async set(key: Buffer, value: any): Promise<void> {
-        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (value?.output?.[0]?.data?.css?.skipCache) {
             return
         }
@@ -27,7 +26,7 @@ interface TraverseDependencies {
 export const patchMetroGraphToSupportUncachedModules = () => {
     const { Graph } = require('metro/private/DeltaBundler/Graph') as typeof import('metro/private/DeltaBundler/Graph')
 
-    // eslint-disable-next-line @typescript-eslint/unbound-method
+    // oxlint-disable-next-line @typescript-eslint/unbound-method
     const original_traverseDependencies = Graph.prototype.traverseDependencies as unknown as TraverseDependencies
 
     if (original_traverseDependencies.__patched) {