@ashstack/lint 0.1.1 → 0.3.0

package/dist/react-native/rules/reanimated/shared-value-usage.js

@@ -1,105 +1 @@
-import { closestAncestor, crossesFunctionBefore, FUNCTION_TYPES, isMemberCall, problem, receiverName, subtreeHas, } from "../../../lib/ast.js";
-import { isProducerCall } from "./shared.js";
-const MESSAGES = {
-    renderRead: "Read this inside `useAnimatedStyle`/`useAnimatedProps`, or mirror non-visual state through an explicit callback. A `.get()` while JSX is evaluated is untracked, so the rendered value never updates.",
-    renderWrite: "Move this write into an event handler, an effect, or an animation callback — render must stay pure.",
-    destructure: "Keep the SharedValue object itself and read or write it with `.get()` / `.set(...)`; destructuring detaches the value from Reanimated reactivity.",
-    nestedProperty: "Assign a new value with `.set(...)`, or use `.modify()` for a large object; mutating a property returned by `.get()` bypasses shared-value reactivity.",
-    nestedCollection: "Assign a new collection with `.set(...)`, or mutate inside `.modify()`; mutating the collection returned by `.get()` bypasses shared-value reactivity.",
-};
-const MUTATING_METHODS = new Set([
-    "push",
-    "pop",
-    "shift",
-    "unshift",
-    "splice",
-    "sort",
-    "reverse",
-    "copyWithin",
-    "fill",
-    "set",
-    "add",
-    "delete",
-    "clear",
-]);
-const JSX_HOSTS = new Set(["JSXExpressionContainer", "JSXAttribute"]);
-/** True for `sv.get().push(...)` and friends — a mutation of the collection `get()` handed back. */
-const mutatesWhatGetReturned = (node) => {
-    if (node.type !== "CallExpression" || node.callee.type !== "MemberExpression")
-        return false;
-    const { object, property } = node.callee;
-    return property.type === "Identifier" && MUTATING_METHODS.has(property.name) && isMemberCall(object, "get");
-};
-/** True when the call is evaluated as JSX is built, rather than inside a callback JSX only passes along. */
-const runsWhileJsxEvaluates = (node) => {
-    const host = closestAncestor(node, JSX_HOSTS);
-    if (!host)
-        return false;
-    if (crossesFunctionBefore(node, host, FUNCTION_TYPES))
-        return false;
-    return !subtreeHas(host, current => FUNCTION_TYPES.has(current.type));
-};
-export const sharedValueUsage = problem("Destructuring a shared value or mutating what its `get()` returned detaches it from Reanimated reactivity. Reading or writing one while JSX evaluates also makes render impure.", {
-    createOnce(context) {
-        const names = new Set();
-        const candidates = [];
-        return {
-            before() {
-                names.clear();
-                candidates.length = 0;
-            },
-            VariableDeclarator(node) {
-                const { id, init } = node;
-                if (id.type === "Identifier" && isProducerCall(init)) {
-                    names.add(id.name);
-                    return;
-                }
-                if (id.type !== "ObjectPattern")
-                    return;
-                if (init?.type !== "CallExpression")
-                    return;
-                if (init.callee.type !== "Identifier" || init.callee.name !== "useSharedValue")
-                    return;
-                const destructuresValue = id.properties.some(property => {
-                    if (property.type !== "Property")
-                        return false;
-                    const { key } = property;
-                    return key.type === "Identifier" && key.name === "value";
-                });
-                if (destructuresValue)
-                    context.report({ node, message: MESSAGES.destructure });
-            },
-            AssignmentExpression(node) {
-                if (node.left.type !== "MemberExpression")
-                    return;
-                if (!isMemberCall(node.left.object, "get"))
-                    return;
-                const shared = receiverName(node.left.object);
-                if (!shared)
-                    return;
-                candidates.push({ node, shared, message: MESSAGES.nestedProperty });
-            },
-            CallExpression(node) {
-                if (mutatesWhatGetReturned(node)) {
-                    context.report({ node, message: MESSAGES.nestedCollection });
-                    return;
-                }
-                const isGet = isMemberCall(node, "get") && node.arguments.length === 0;
-                if (!isGet && !isMemberCall(node, "set"))
-                    return;
-                const shared = receiverName(node);
-                if (!shared)
-                    return;
-                if (!runsWhileJsxEvaluates(node))
-                    return;
-                candidates.push({ node, shared, message: isGet ? MESSAGES.renderRead : MESSAGES.renderWrite });
-            },
-            "Program:exit"() {
-                for (const { node, shared, message } of candidates) {
-                    if (names.has(shared))
-                        context.report({ node, message });
-                }
-            },
-        };
-    },
-});
+import{closestAncestor as p,crossesFunctionBefore as f,FUNCTION_TYPES as c,isMemberCall as u,problem as m,receiverName as d,subtreeHas as h}from"../../../lib/ast.js";import{isProducerCall as g}from"./shared.js";const n={renderRead:"Read this inside `useAnimatedStyle`/`useAnimatedProps`, or mirror non-visual state through an explicit callback. A `.get()` while JSX is evaluated is untracked, so the rendered value never updates.",renderWrite:"Move this write into an event handler, an effect, or an animation callback — render must stay pure.",destructure:"Keep the SharedValue object itself and read or write it with `.get()` / `.set(...)`; destructuring detaches the value from Reanimated reactivity.",nestedProperty:"Assign a new value with `.set(...)`, or use `.modify()` for a large object; mutating a property returned by `.get()` bypasses shared-value reactivity.",nestedCollection:"Assign a new collection with `.set(...)`, or mutate inside `.modify()`; mutating the collection returned by `.get()` bypasses shared-value reactivity."},y=new Set(["push","pop","shift","unshift","splice","sort","reverse","copyWithin","fill","set","add","delete","clear"]),b=new Set(["JSXExpressionContainer","JSXAttribute"]),v=(r)=>{if(r.type!=="CallExpression"||r.callee.type!=="MemberExpression")return!1;const{object:s,property:a}=r.callee;return a.type==="Identifier"&&y.has(a.name)&&u(s,"get")},S=(r)=>{const s=p(r,b);if(!s)return!1;if(f(r,s,c))return!1;return!h(s,(a)=>c.has(a.type))};export const sharedValueUsage=m("Destructuring a shared value or mutating what its `get()` returned detaches it from Reanimated reactivity. Reading or writing one while JSX evaluates also makes render impure.",{createOnce(r){const s=new Set,a=[];return{before(){s.clear();a.length=0},VariableDeclarator(e){const{id:t,init:i}=e;if(t.type==="Identifier"&&g(i)){s.add(t.name);return}if(t.type!=="ObjectPattern")return;if(i?.type!=="CallExpression")return;if(i.callee.type!=="Identifier"||i.callee.name!=="useSharedValue")return;if(t.properties.some((o)=>{if(o.type!=="Property")return!1;const{key:l}=o;return l.type==="Identifier"&&l.name==="value"}))r.report({node:e,message:n.destructure})},AssignmentExpression(e){if(e.left.type!=="MemberExpression")return;if(!u(e.left.object,"get"))return;const t=d(e.left.object);if(!t)return;a.push({node:e,shared:t,message:n.nestedProperty})},CallExpression(e){if(v(e)){r.report({node:e,message:n.nestedCollection});return}const t=u(e,"get")&&e.arguments.length===0;if(!t&&!u(e,"set"))return;const i=d(e);if(!i)return;if(!S(e))return;a.push({node:e,shared:i,message:t?n.renderRead:n.renderWrite})},"Program:exit"(){for(const{node:e,shared:t,message:i}of a)if(s.has(t))r.report({node:e,message:i})}}}});

package/dist/react-native/rules/reanimated/shared.js

@@ -1,13 +1 @@
-import { calleeName } from "../../../lib/ast.js";
-/** Calls that hand back a SharedValue. */
-const PRODUCERS = new Set([
-    "useSharedValue",
-    "useDerivedValue",
-    "useScrollOffset",
-    "useScrollViewOffset",
-    "makeMutable",
-]);
-/** `useSharedValue(...)` and friends, under a namespace or not — decides which locals hold a shared value. */
-export const isProducerCall = (node) => node?.type === "CallExpression" && PRODUCERS.has(calleeName(node));
-/** The hooks whose callback is an animated updater. */
-export const ANIMATED_STYLE_HOOKS = new Set(["useAnimatedStyle", "useAnimatedProps"]);
+import{calleeName as s}from"../../../lib/ast.js";const t=new Set(["useSharedValue","useDerivedValue","useScrollOffset","useScrollViewOffset","makeMutable"]);export const isProducerCall=(e)=>e?.type==="CallExpression"&&t.has(s(e)),ANIMATED_STYLE_HOOKS=new Set(["useAnimatedStyle","useAnimatedProps"]);

package/dist/react-native/rules/skia/canvas-opaque.js

@@ -1,49 +1 @@
-import { attributeName, gate, importedSpecifiers, problem, tagPath } from "../../../lib/ast.js";
-const MESSAGE = "Add an explicit `opaque` prop to this `<Canvas>`: `opaque={Platform.OS === 'android'}` for a fullscreen animated canvas, or `opaque={false}` when it needs transparency, view transforms, or ordinary stacking.";
-export const canvasOpaque = problem("Require an explicit `opaque` prop on a Skia `<Canvas>`. A fullscreen animated canvas wants it on; anything that needs transparency or a view transform wants it off.", {
-    createOnce(context) {
-        const canvasLocals = new Set();
-        const namespaces = new Set();
-        const elements = [];
-        /** `<Canvas>` under its imported name, or `<Skia.Canvas>` under a namespace or default import. */
-        const namesACanvas = (name) => {
-            const path = tagPath(name);
-            const dot = path.lastIndexOf(".");
-            if (dot === -1)
-                return canvasLocals.has(path);
-            return namespaces.has(path.slice(0, dot)) && path.slice(dot + 1) === "Canvas";
-        };
-        return {
-            before() {
-                canvasLocals.clear();
-                namespaces.clear();
-                elements.length = 0;
-                return gate(context, "react-native-skia");
-            },
-            ImportDeclaration(node) {
-                for (const specifier of importedSpecifiers(node, "@shopify/react-native-skia")) {
-                    if (specifier.type === "ImportSpecifier") {
-                        const { imported, local } = specifier;
-                        if (imported.type === "Identifier" && imported.name === "Canvas")
-                            canvasLocals.add(local.name);
-                        continue;
-                    }
-                    if (specifier.type === "ImportNamespaceSpecifier" || specifier.type === "ImportDefaultSpecifier") {
-                        namespaces.add(specifier.local.name);
-                    }
-                }
-            },
-            JSXOpeningElement(node) {
-                if (!namesACanvas(node.name))
-                    return;
-                const hasOpaque = node.attributes.some(attribute => attribute.type === "JSXAttribute" && attributeName(attribute) === "opaque");
-                if (!hasOpaque)
-                    elements.push(node);
-            },
-            "Program:exit"() {
-                for (const element of elements)
-                    context.report({ node: element, message: MESSAGE });
-            },
-        };
-    },
-});
+import{attributeName as p,gate as f,importedSpecifiers as m,problem as l,tagPath as u}from"../../../lib/ast.js";const d="Add an explicit `opaque` prop to this `<Canvas>`: `opaque={Platform.OS === 'android'}` for a fullscreen animated canvas, or `opaque={false}` when it needs transparency, view transforms, or ordinary stacking.";export const canvasOpaque=l("Require an explicit `opaque` prop on a Skia `<Canvas>`. A fullscreen animated canvas wants it on; anything that needs transparency or a view transform wants it off.",{createOnce(o){const n=new Set,r=new Set,s=[],i=(a)=>{const e=u(a),t=e.lastIndexOf(".");if(t===-1)return n.has(e);return r.has(e.slice(0,t))&&e.slice(t+1)==="Canvas"};return{before(){n.clear();r.clear();s.length=0;return f(o,"react-native-skia")},ImportDeclaration(a){for(const e of m(a,"@shopify/react-native-skia")){if(e.type==="ImportSpecifier"){const{imported:t,local:c}=e;if(t.type==="Identifier"&&t.name==="Canvas")n.add(c.name);continue}if(e.type==="ImportNamespaceSpecifier"||e.type==="ImportDefaultSpecifier")r.add(e.local.name)}},JSXOpeningElement(a){if(!i(a.name))return;if(!a.attributes.some((t)=>t.type==="JSXAttribute"&&p(t)==="opaque"))s.push(a)},"Program:exit"(){for(const a of s)o.report({node:a,message:d})}}}});

package/dist/react-native/rules/skia/index.js

@@ -1,21 +1 @@
-import { defineModule } from "../../../lib/module.js";
-import { canvasOpaque } from "./canvas-opaque.js";
-export default defineModule({
-    meta: { name: "@ashstack/skia" },
-    url: import.meta.url,
-    packages: ["@shopify/react-native-skia"],
-    option: "skia",
-    docsWhen: "auto-enabled when `@shopify/react-native-skia` is a dependency",
-    rules: {
-        "canvas-opaque": canvasOpaque,
-    },
-    restrictedImports: {
-        paths: [
-            {
-                name: "@shopify/react-native-skia",
-                importNames: ["usePathValue", "usePathInterpolation"],
-                message: "Keep one stable `SkPath` buffer and mutate it inside `useDerivedValue`, with consumers reading the driving shared value. These legacy path-value hooks self-dirty Reanimated mappers and re-record idle canvases.",
-            },
-        ],
-    },
-});
+import{defineModule as e}from"../../../lib/module.js";import{canvasOpaque as a}from"./canvas-opaque.js";export default e({meta:{name:"@ashstack/skia"},url:import.meta.url,packages:["@shopify/react-native-skia"],option:"skia",docsWhen:"auto-enabled when `@shopify/react-native-skia` is a dependency",rules:{"canvas-opaque":a},restrictedImports:{paths:[{name:"@shopify/react-native-skia",importNames:["usePathValue","usePathInterpolation"],message:"Keep one stable `SkPath` buffer and mutate it inside `useDerivedValue`, with consumers reading the driving shared value. These legacy path-value hooks self-dirty Reanimated mappers and re-record idle canvases."}]}});

package/dist/react-native/rules/turbo-image/index.js

@@ -1,14 +1 @@
-import { defineModule } from "../../../lib/module.js";
-import { requireCachePolicy } from "./require-cache-policy.js";
-import { requireResize } from "./require-resize.js";
-export default defineModule({
-    meta: { name: "@ashstack/turbo-image" },
-    url: import.meta.url,
-    packages: ["react-native-turbo-image"],
-    option: "turboImage",
-    docsWhen: "auto-enabled when `react-native-turbo-image` is a dependency",
-    rules: {
-        "require-resize": requireResize,
-        "require-cache-policy": requireCachePolicy,
-    },
-});
+import{defineModule as e}from"../../../lib/module.js";import{requireCachePolicy as r}from"./require-cache-policy.js";import{requireResize as a}from"./require-resize.js";export default e({meta:{name:"@ashstack/turbo-image"},url:import.meta.url,packages:["react-native-turbo-image"],option:"turboImage",docsWhen:"auto-enabled when `react-native-turbo-image` is a dependency",rules:{"require-resize":a,"require-cache-policy":r}});

package/dist/react-native/rules/turbo-image/require-cache-policy.js

@@ -1,21 +1 @@
-import { attributeName, componentName, gate, problem } from "../../../lib/ast.js";
-const MESSAGE = 'Add `cachePolicy` to this TurboImage (normally `cachePolicy="dataCache"`), or it re-fetches over the network on every cold start.';
-export const requireCachePolicy = problem("Require `cachePolicy` on a TurboImage. Without one the image is re-fetched over the network on every cold start, so an already-scrolled feed costs its bandwidth again.", {
-    createOnce(context) {
-        return {
-            before() {
-                return gate(context, "TurboImage");
-            },
-            JSXOpeningElement(node) {
-                if (componentName(node.name) !== "TurboImage")
-                    return;
-                const { attributes } = node;
-                if (attributes.some(attribute => attribute.type === "JSXSpreadAttribute"))
-                    return;
-                if (attributes.some(attribute => attributeName(attribute) === "cachePolicy"))
-                    return;
-                context.report({ node: node.name, message: MESSAGE });
-            },
-        };
-    },
-});
+import{attributeName as a,componentName as c,gate as n,problem as i}from"../../../lib/ast.js";const m='Add `cachePolicy` to this TurboImage (normally `cachePolicy="dataCache"`), or it re-fetches over the network on every cold start.';export const requireCachePolicy=i("Require `cachePolicy` on a TurboImage. Without one the image is re-fetched over the network on every cold start, so an already-scrolled feed costs its bandwidth again.",{createOnce(t){return{before(){return n(t,"TurboImage")},JSXOpeningElement(e){if(c(e.name)!=="TurboImage")return;const{attributes:o}=e;if(o.some((r)=>r.type==="JSXSpreadAttribute"))return;if(o.some((r)=>a(r)==="cachePolicy"))return;t.report({node:e.name,message:m})}}}});

package/dist/react-native/rules/turbo-image/require-resize.js

@@ -1,22 +1 @@
-import { attributeName, componentName, gate, problem } from "../../../lib/ast.js";
-const MESSAGE = "Add `resize` to this TurboImage, set slightly BELOW the rendered width in points, so the native decoder downsamples before the bitmap reaches memory. Rounding down costs nothing visible; a value above the rendered width keeps the full-resolution decode (a 4000px photo in a 100pt avatar holds roughly 48MB of pixels).";
-export const requireResize = problem("Require `resize` on a TurboImage so the native decoder downsamples before the bitmap reaches memory. A full-resolution decode wastes tens of megabytes and stalls the first frame.", {
-    createOnce(context) {
-        return {
-            before() {
-                return gate(context, "TurboImage");
-            },
-            JSXOpeningElement(node) {
-                if (componentName(node.name) !== "TurboImage")
-                    return;
-                const { attributes } = node;
-                if (attributes.some(attribute => attribute.type === "JSXSpreadAttribute"))
-                    return;
-                const hasResize = attributes.some(attribute => attribute.type === "JSXAttribute" && attributeName(attribute) === "resize");
-                if (hasResize)
-                    return;
-                context.report({ node: node.name, message: MESSAGE });
-            },
-        };
-    },
-});
+import{attributeName as s,componentName as a,gate as i,problem as n}from"../../../lib/ast.js";const m="Add `resize` to this TurboImage, set slightly BELOW the rendered width in points, so the native decoder downsamples before the bitmap reaches memory. Rounding down costs nothing visible; a value above the rendered width keeps the full-resolution decode (a 4000px photo in a 100pt avatar holds roughly 48MB of pixels).";export const requireResize=n("Require `resize` on a TurboImage so the native decoder downsamples before the bitmap reaches memory. A full-resolution decode wastes tens of megabytes and stalls the first frame.",{createOnce(r){return{before(){return i(r,"TurboImage")},JSXOpeningElement(t){if(a(t.name)!=="TurboImage")return;const{attributes:o}=t;if(o.some((e)=>e.type==="JSXSpreadAttribute"))return;if(o.some((e)=>e.type==="JSXAttribute"&&s(e)==="resize"))return;r.report({node:t.name,message:m})}}}});

package/dist/react-native/rules/unistyles/animated-theme.js

@@ -1,37 +1 @@
-import { calleeName, problem } from "../../../lib/ast.js";
-import { readsTheme } from "./shared.js";
-const WORKLET_HOOKS = new Set(["useAnimatedStyle", "useDerivedValue", "useAnimatedProps"]);
-const MESSAGE = "Use `useAnimatedTheme()` and read its shared value inside the Reanimated worklet so theme changes reach the UI thread.";
-export const animatedTheme = problem("A Reanimated worklet hook cannot see `useUnistyles()` theme changes on the UI thread. Read the shared value from `useAnimatedTheme()` there instead.", {
-    createOnce(context) {
-        let declaresTheme = false;
-        const candidates = [];
-        return {
-            before() {
-                declaresTheme = false;
-                candidates.length = 0;
-            },
-            VariableDeclarator(node) {
-                const { id, init } = node;
-                if (id.type === "ObjectPattern" &&
-                    calleeName(init) === "useUnistyles" &&
-                    id.properties.some(property => property.type === "Property" && property.key.type === "Identifier" && property.key.name === "theme")) {
-                    declaresTheme = true;
-                }
-            },
-            CallExpression(node) {
-                if (!WORKLET_HOOKS.has(calleeName(node)))
-                    return;
-                if (!readsTheme(node))
-                    return;
-                candidates.push(node);
-            },
-            "Program:exit"() {
-                if (!declaresTheme)
-                    return;
-                for (const node of candidates)
-                    context.report({ node, message: MESSAGE });
-            },
-        };
-    },
-});
+import{calleeName as n,problem as m}from"../../../lib/ast.js";import{readsTheme as h}from"./shared.js";const d=new Set(["useAnimatedStyle","useDerivedValue","useAnimatedProps"]),l="Use `useAnimatedTheme()` and read its shared value inside the Reanimated worklet so theme changes reach the UI thread.";export const animatedTheme=m("A Reanimated worklet hook cannot see `useUnistyles()` theme changes on the UI thread. Read the shared value from `useAnimatedTheme()` there instead.",{createOnce(i){let t=!1;const a=[];return{before(){t=!1;a.length=0},VariableDeclarator(e){const{id:s,init:o}=e;if(s.type==="ObjectPattern"&&n(o)==="useUnistyles"&&s.properties.some((r)=>r.type==="Property"&&r.key.type==="Identifier"&&r.key.name==="theme"))t=!0},CallExpression(e){if(!d.has(n(e)))return;if(!h(e))return;a.push(e)},"Program:exit"(){if(!t)return;for(const e of a)i.report({node:e,message:l})}}}});

package/dist/react-native/rules/unistyles/content-container.js

@@ -1,73 +1 @@
-import { calleeName, findInSubtree, gate, problem, subtreeHas, tagIdentifier } from "../../../lib/ast.js";
-import { isStyleSheetCreate, memberPath, propertyName, stylesObjectOf } from "./shared.js";
-const MESSAGES = {
-    contentContainerRuntime: "Wrap this component with `withUnistyles`, or pass `contentContainerStyle` a plain hook-fed style. On a raw component `contentContainerStyle` never subscribes to Unistyles updates.",
-    contentContainerTheme: "Wrap this component with `withUnistyles`, or pass `contentContainerStyle` a plain hook-fed style. On a raw component `contentContainerStyle` never subscribes to theme changes.",
-};
-export const contentContainer = problem("A raw component never subscribes its `contentContainerStyle` to theme or `rt` updates. Wrap the component with `withUnistyles` when the style depends on either.", {
-    createOnce(context) {
-        const sheetStyles = new Map();
-        const wrapped = new Set();
-        const attributes = [];
-        return {
-            before() {
-                sheetStyles.clear();
-                wrapped.clear();
-                attributes.length = 0;
-                return gate(context, "contentContainerStyle");
-            },
-            VariableDeclarator(node) {
-                const { id, init } = node;
-                if (id.type !== "Identifier")
-                    return;
-                if (calleeName(init) === "withUnistyles") {
-                    wrapped.add(id.name);
-                    return;
-                }
-                if (init?.type !== "CallExpression" || !isStyleSheetCreate(init))
-                    return;
-                const styles = stylesObjectOf(init.arguments[0]);
-                if (!styles)
-                    return;
-                const map = new Map();
-                for (const property of styles.properties) {
-                    if (property.type !== "Property")
-                        continue;
-                    map.set(propertyName(property), property.value);
-                }
-                sheetStyles.set(id.name, map);
-            },
-            JSXAttribute(node) {
-                if (node.name.type !== "JSXIdentifier" || node.name.name !== "contentContainerStyle")
-                    return;
-                attributes.push(node);
-            },
-            "Program:exit"() {
-                for (const attribute of attributes) {
-                    const reference = findInSubtree(attribute.value, current => current.type === "MemberExpression" &&
-                        current.object.type === "Identifier" &&
-                        sheetStyles.has(current.object.name));
-                    if (reference?.type !== "MemberExpression")
-                        continue;
-                    const owner = attribute.parent;
-                    if (owner.type === "JSXOpeningElement" && wrapped.has(tagIdentifier(owner.name)))
-                        continue;
-                    const { object, property } = reference;
-                    if (object.type !== "Identifier")
-                        continue;
-                    const definition = sheetStyles.get(object.name)?.get(property.type === "Identifier" ? property.name : "");
-                    if (!definition)
-                        continue;
-                    const usesRuntime = subtreeHas(definition, current => current.type === "MemberExpression" && memberPath(current).startsWith("rt."));
-                    if (usesRuntime) {
-                        context.report({ node: attribute, message: MESSAGES.contentContainerRuntime });
-                        continue;
-                    }
-                    const usesTheme = subtreeHas(definition, current => current.type === "MemberExpression" && memberPath(current).startsWith("theme."));
-                    if (usesTheme)
-                        context.report({ node: attribute, message: MESSAGES.contentContainerTheme });
-                }
-            },
-        };
-    },
-});
+import{calleeName as f,findInSubtree as u,gate as b,problem as d,subtreeHas as y,tagIdentifier as S}from"../../../lib/ast.js";import{isStyleSheetCreate as w,memberPath as l,propertyName as C,stylesObjectOf as g}from"./shared.js";const h={contentContainerRuntime:"Wrap this component with `withUnistyles`, or pass `contentContainerStyle` a plain hook-fed style. On a raw component `contentContainerStyle` never subscribes to Unistyles updates.",contentContainerTheme:"Wrap this component with `withUnistyles`, or pass `contentContainerStyle` a plain hook-fed style. On a raw component `contentContainerStyle` never subscribes to theme changes."};export const contentContainer=d("A raw component never subscribes its `contentContainerStyle` to theme or `rt` updates. Wrap the component with `withUnistyles` when the style depends on either.",{createOnce(p){const a=new Map,c=new Set,m=[];return{before(){a.clear();c.clear();m.length=0;return b(p,"contentContainerStyle")},VariableDeclarator(e){const{id:r,init:n}=e;if(r.type!=="Identifier")return;if(f(n)==="withUnistyles"){c.add(r.name);return}if(n?.type!=="CallExpression"||!w(n))return;const s=g(n.arguments[0]);if(!s)return;const i=new Map;for(const o of s.properties){if(o.type!=="Property")continue;i.set(C(o),o.value)}a.set(r.name,i)},JSXAttribute(e){if(e.name.type!=="JSXIdentifier"||e.name.name!=="contentContainerStyle")return;m.push(e)},"Program:exit"(){for(const e of m){const r=u(e.value,(t)=>t.type==="MemberExpression"&&t.object.type==="Identifier"&&a.has(t.object.name));if(r?.type!=="MemberExpression")continue;const n=e.parent;if(n.type==="JSXOpeningElement"&&c.has(S(n.name)))continue;const{object:s,property:i}=r;if(s.type!=="Identifier")continue;const o=a.get(s.name)?.get(i.type==="Identifier"?i.name:"");if(!o)continue;if(y(o,(t)=>t.type==="MemberExpression"&&l(t).startsWith("rt."))){p.report({node:e,message:h.contentContainerRuntime});continue}if(y(o,(t)=>t.type==="MemberExpression"&&l(t).startsWith("theme.")))p.report({node:e,message:h.contentContainerTheme})}}}}});

package/dist/react-native/rules/unistyles/in-sheet.js

@@ -1,116 +1 @@
-import { calleeName, subtreeHas } from "../../../lib/ast.js";
-import { inCreate, isStyleSheetCreate, memberPath, propertyName } from "./shared.js";
-const LOGICAL_SPACING = new Set(["paddingLeft", "paddingRight", "marginLeft", "marginRight"]);
-const LEGACY_SHADOW = new Set(["shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "elevation"]);
-const MESSAGES = {
-    logicalSpacing: "Use `paddingStart`/`paddingEnd` or `marginStart`/`marginEnd` here so the directional spacing mirrors in RTL.",
-    rtlInSheet: "Use `rt.rtl` for RTL-dependent styles so Unistyles tracks the dependency natively.",
-    screenDimensions: "Use reactive `rt.screen` inside `StyleSheet.create` instead of a `Dimensions.get` snapshot.",
-    pixelRatio: "Use reactive `rt.pixelRatio` inside `StyleSheet.create`.",
-    fontScale: "Use reactive `rt.fontScale` inside `StyleSheet.create`.",
-    statusBar: "Use reactive `rt.statusBar.height` inside `StyleSheet.create`.",
-    colorScheme: "Use the Unistyles theme or reactive `rt.colorScheme` inside `StyleSheet.create`.",
-    fullRuntime: "Use the injected mini runtime (`rt`) inside `StyleSheet.create` instead of `UnistylesRuntime`, so the style recalculates on its own.",
-    fullRuntimeDestructure: "Destructure from the injected mini runtime (`rt`) inside `StyleSheet.create`, not from `UnistylesRuntime`.",
-    themeScreen: "Use reactive `rt.screen`, or Unistyles breakpoints, instead of the theme's module-initialization screen snapshot.",
-    borderCurve: 'Add `borderCurve` (normally `"continuous"`) alongside `borderRadius`, or the corner renders as a circular arc rather than the squircle native iOS controls use.',
-    legacyShadow: 'Use `boxShadow` with CSS syntax, e.g. `boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"`, which renders on both platforms on the New Architecture, instead of the legacy `shadow*`/`elevation` props.',
-    asConst: "Drop `as const` here — the typed `StyleSheet.create` already narrows the literal. If TS still widens the value to `string`, fix the `StyleSheet` import instead.",
-};
-export const inSheet = inCreate("Inside `StyleSheet.create`, require `rt` and theme values rather than Dimensions, PixelRatio, Appearance, I18nManager, StatusBar or `UnistylesRuntime`. It also covers logical spacing, `boxShadow`, `borderCurve` and a redundant `as const`.", (context, inside) => ({
-    CallExpression(node) {
-        if (!inside() || isStyleSheetCreate(node))
-            return;
-        const { callee } = node;
-        const path = callee.type === "MemberExpression" ? memberPath(callee) : calleeName(node);
-        if (path === "Dimensions.get")
-            context.report({ node, message: MESSAGES.screenDimensions });
-        else if (path === "PixelRatio.get")
-            context.report({ node, message: MESSAGES.pixelRatio });
-        else if (path === "PixelRatio.getFontScale")
-            context.report({ node, message: MESSAGES.fontScale });
-        else if (path === "Appearance.getColorScheme")
-            context.report({ node, message: MESSAGES.colorScheme });
-        else if (path === "useColorScheme")
-            context.report({ node, message: MESSAGES.colorScheme });
-    },
-    MemberExpression(node) {
-        if (!inside())
-            return;
-        const { parent } = node;
-        if (parent.type === "MemberExpression" && parent.object === node)
-            return;
-        const path = memberPath(node);
-        if (path === "I18nManager.isRTL") {
-            context.report({ node, message: MESSAGES.rtlInSheet });
-            return;
-        }
-        if (path === "StatusBar.currentHeight") {
-            context.report({ node, message: MESSAGES.statusBar });
-            return;
-        }
-        if (path.startsWith("UnistylesRuntime.")) {
-            context.report({ node, message: MESSAGES.fullRuntime });
-            return;
-        }
-        if (path.startsWith("theme.screen."))
-            context.report({ node, message: MESSAGES.themeScreen });
-    },
-    VariableDeclarator(node) {
-        if (!inside())
-            return;
-        const { id, init } = node;
-        if (id.type !== "ObjectPattern")
-            return;
-        if (init?.type === "Identifier" && init.name === "UnistylesRuntime") {
-            context.report({ node, message: MESSAGES.fullRuntimeDestructure });
-        }
-    },
-    TSAsExpression(node) {
-        if (!inside())
-            return;
-        const { typeAnnotation } = node;
-        if (typeAnnotation.type !== "TSTypeReference")
-            return;
-        const { typeName } = typeAnnotation;
-        if (typeName.type !== "Identifier" || typeName.name !== "const")
-            return;
-        context.report({ node, message: MESSAGES.asConst });
-    },
-    ObjectExpression(node) {
-        if (!inside())
-            return;
-        let borderRadius = null;
-        let hasBorderCurve = false;
-        for (const property of node.properties) {
-            if (property.type !== "Property")
-                continue;
-            const name = propertyName(property);
-            if (name === "borderRadius")
-                borderRadius = property;
-            else if (name === "borderCurve")
-                hasBorderCurve = true;
-        }
-        if (borderRadius && !hasBorderCurve)
-            context.report({ node: borderRadius, message: MESSAGES.borderCurve });
-    },
-    Property(node) {
-        if (!inside())
-            return;
-        const name = propertyName(node);
-        if (LEGACY_SHADOW.has(name)) {
-            context.report({ node, message: MESSAGES.legacyShadow });
-            return;
-        }
-        if (!LOGICAL_SPACING.has(name))
-            return;
-        const usesInsets = subtreeHas(node, current => {
-            if (current.type !== "MemberExpression")
-                return false;
-            const path = memberPath(current);
-            return path === "rt.insets.left" || path === "rt.insets.right";
-        });
-        if (!usesInsets)
-            context.report({ node, message: MESSAGES.logicalSpacing });
-    },
-}));
+import{calleeName as h,subtreeHas as p}from"../../../lib/ast.js";import{inCreate as m,isStyleSheetCreate as u,memberPath as l,propertyName as c}from"./shared.js";const S=new Set(["paddingLeft","paddingRight","marginLeft","marginRight"]),f=new Set(["shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"]),i={logicalSpacing:"Use `paddingStart`/`paddingEnd` or `marginStart`/`marginEnd` here so the directional spacing mirrors in RTL.",rtlInSheet:"Use `rt.rtl` for RTL-dependent styles so Unistyles tracks the dependency natively.",screenDimensions:"Use reactive `rt.screen` inside `StyleSheet.create` instead of a `Dimensions.get` snapshot.",pixelRatio:"Use reactive `rt.pixelRatio` inside `StyleSheet.create`.",fontScale:"Use reactive `rt.fontScale` inside `StyleSheet.create`.",statusBar:"Use reactive `rt.statusBar.height` inside `StyleSheet.create`.",colorScheme:"Use the Unistyles theme or reactive `rt.colorScheme` inside `StyleSheet.create`.",fullRuntime:"Use the injected mini runtime (`rt`) inside `StyleSheet.create` instead of `UnistylesRuntime`, so the style recalculates on its own.",fullRuntimeDestructure:"Destructure from the injected mini runtime (`rt`) inside `StyleSheet.create`, not from `UnistylesRuntime`.",themeScreen:"Use reactive `rt.screen`, or Unistyles breakpoints, instead of the theme's module-initialization screen snapshot.",borderCurve:'Add `borderCurve` (normally `"continuous"`) alongside `borderRadius`, or the corner renders as a circular arc rather than the squircle native iOS controls use.',legacyShadow:'Use `boxShadow` with CSS syntax, e.g. `boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"`, which renders on both platforms on the New Architecture, instead of the legacy `shadow*`/`elevation` props.',asConst:"Drop `as const` here — the typed `StyleSheet.create` already narrows the literal. If TS still widens the value to `string`, fix the `StyleSheet` import instead."};export const inSheet=m("Inside `StyleSheet.create`, require `rt` and theme values rather than Dimensions, PixelRatio, Appearance, I18nManager, StatusBar or `UnistylesRuntime`. It also covers logical spacing, `boxShadow`, `borderCurve` and a redundant `as const`.",(s,a)=>({CallExpression(e){if(!a()||u(e))return;const{callee:r}=e,t=r.type==="MemberExpression"?l(r):h(e);if(t==="Dimensions.get")s.report({node:e,message:i.screenDimensions});else if(t==="PixelRatio.get")s.report({node:e,message:i.pixelRatio});else if(t==="PixelRatio.getFontScale")s.report({node:e,message:i.fontScale});else if(t==="Appearance.getColorScheme")s.report({node:e,message:i.colorScheme});else if(t==="useColorScheme")s.report({node:e,message:i.colorScheme})},MemberExpression(e){if(!a())return;const{parent:r}=e;if(r.type==="MemberExpression"&&r.object===e)return;const t=l(e);if(t==="I18nManager.isRTL"){s.report({node:e,message:i.rtlInSheet});return}if(t==="StatusBar.currentHeight"){s.report({node:e,message:i.statusBar});return}if(t.startsWith("UnistylesRuntime.")){s.report({node:e,message:i.fullRuntime});return}if(t.startsWith("theme.screen."))s.report({node:e,message:i.themeScreen})},VariableDeclarator(e){if(!a())return;const{id:r,init:t}=e;if(r.type!=="ObjectPattern")return;if(t?.type==="Identifier"&&t.name==="UnistylesRuntime")s.report({node:e,message:i.fullRuntimeDestructure})},TSAsExpression(e){if(!a())return;const{typeAnnotation:r}=e;if(r.type!=="TSTypeReference")return;const{typeName:t}=r;if(t.type!=="Identifier"||t.name!=="const")return;s.report({node:e,message:i.asConst})},ObjectExpression(e){if(!a())return;let r=null,t=!1;for(const n of e.properties){if(n.type!=="Property")continue;const o=c(n);if(o==="borderRadius")r=n;else if(o==="borderCurve")t=!0}if(r&&!t)s.report({node:r,message:i.borderCurve})},Property(e){if(!a())return;const r=c(e);if(f.has(r)){s.report({node:e,message:i.legacyShadow});return}if(!S.has(r))return;if(!p(e,(n)=>{if(n.type!=="MemberExpression")return!1;const o=l(n);return o==="rt.insets.left"||o==="rt.insets.right"}))s.report({node:e,message:i.logicalSpacing})}}));

package/dist/react-native/rules/unistyles/index.js

@@ -1,58 +1 @@
-import { defineModule } from "../../../lib/module.js";
-import { animatedTheme } from "./animated-theme.js";
-import { contentContainer } from "./content-container.js";
-import { inSheet } from "./in-sheet.js";
-import { insets } from "./insets.js";
-import { noHardcodedColor } from "./no-hardcoded-color.js";
-import { noHardcodedSpacing } from "./no-hardcoded-spacing.js";
-import { noMargin } from "./no-margin.js";
-import { noStyleSpread } from "./no-style-spread.js";
-import { noUnusedStyles } from "./no-unused-styles.js";
-import { rtlStyleCall } from "./rtl-style-call.js";
-import { themeScreenComponent } from "./theme-screen-component.js";
-import { themeStyleAttr } from "./theme-style-attr.js";
-export default defineModule({
-    meta: { name: "@ashstack/unistyles" },
-    rules: {
-        "animated-theme": animatedTheme,
-        "content-container": contentContainer,
-        "in-sheet": inSheet,
-        insets: insets,
-        "no-hardcoded-color": noHardcodedColor,
-        "no-hardcoded-spacing": noHardcodedSpacing,
-        "no-margin": noMargin,
-        "no-style-spread": noStyleSpread,
-        "no-unused-styles": noUnusedStyles,
-        "rtl-style-call": rtlStyleCall,
-        "theme-screen-component": themeScreenComponent,
-        "theme-style-attr": themeStyleAttr,
-    },
-    url: import.meta.url,
-    packages: ["react-native-unistyles"],
-    option: "unistyles",
-    docsWhen: "auto-enabled when `react-native-unistyles` is a dependency",
-    restrictedImports: {
-        paths: [
-            {
-                name: "react-native",
-                importNames: ["StyleSheet"],
-                message: "Import `StyleSheet` from `react-native-unistyles` instead of `react-native`.",
-            },
-            {
-                name: "react-native",
-                importNames: ["useWindowDimensions", "Dimensions"],
-                message: "Read screen size from `rt.screen` inside `StyleSheet.create`, or `UnistylesRuntime.screen` outside it, instead of the `Dimensions` APIs.",
-            },
-            {
-                name: "react-native",
-                importNames: ["SafeAreaView"],
-                message: 'Set `contentInsetAdjustmentBehavior="automatic"` on the scroll view, or apply `rt.insets` from `react-native-unistyles`, instead of `SafeAreaView`.',
-            },
-            {
-                name: "react-native-safe-area-context",
-                importNames: ["useSafeAreaInsets", "useSafeAreaFrame", "SafeAreaView"],
-                message: "Read safe-area values from `rt.insets`, or `UnistylesRuntime.insets` outside a stylesheet, in `react-native-unistyles`.",
-            },
-        ],
-    },
-});
+import{defineModule as e}from"../../../lib/module.js";import{animatedTheme as t}from"./animated-theme.js";import{contentContainer as n}from"./content-container.js";import{inSheet as a}from"./in-sheet.js";import{insets as r}from"./insets.js";import{noHardcodedColor as s}from"./no-hardcoded-color.js";import{noHardcodedSpacing as o}from"./no-hardcoded-spacing.js";import{noMargin as i}from"./no-margin.js";import{noStyleSpread as m}from"./no-style-spread.js";import{noUnusedStyles as l}from"./no-unused-styles.js";import{rtlStyleCall as c}from"./rtl-style-call.js";import{themeScreenComponent as d}from"./theme-screen-component.js";import{themeStyleAttr as p}from"./theme-style-attr.js";export default e({meta:{name:"@ashstack/unistyles"},rules:{"animated-theme":t,"content-container":n,"in-sheet":a,insets:r,"no-hardcoded-color":s,"no-hardcoded-spacing":o,"no-margin":i,"no-style-spread":m,"no-unused-styles":l,"rtl-style-call":c,"theme-screen-component":d,"theme-style-attr":p},url:import.meta.url,packages:["react-native-unistyles"],option:"unistyles",docsWhen:"auto-enabled when `react-native-unistyles` is a dependency",restrictedImports:{paths:[{name:"react-native",importNames:["StyleSheet"],message:"Import `StyleSheet` from `react-native-unistyles` instead of `react-native`."},{name:"react-native",importNames:["useWindowDimensions","Dimensions"],message:"Read screen size from `rt.screen` inside `StyleSheet.create`, or `UnistylesRuntime.screen` outside it, instead of the `Dimensions` APIs."},{name:"react-native",importNames:["SafeAreaView"],message:'Set `contentInsetAdjustmentBehavior="automatic"` on the scroll view, or apply `rt.insets` from `react-native-unistyles`, instead of `SafeAreaView`.'},{name:"react-native-safe-area-context",importNames:["useSafeAreaInsets","useSafeAreaFrame","SafeAreaView"],message:"Read safe-area values from `rt.insets`, or `UnistylesRuntime.insets` outside a stylesheet, in `react-native-unistyles`."}]}});