@hzblj/kara-expo-plugin 0.12.0 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @hzblj/kara-expo-plugin
 
+## 0.13.0
+
+### Minor Changes
+
+- [#31](https://github.com/hzblj/kara-ui/pull/31) [`4b20462`](https://github.com/hzblj/kara-ui/commit/4b204621670b6f640fc04bffa527007dda9e06a8) Thanks [@hzblj](https://github.com/hzblj)! - Icons and the zoom transition now come from two standalone packages, which work without kara too.
+
+  - **Icons: [@hzblj/expo-native-icons](https://www.npmjs.com/package/@hzblj/expo-native-icons).** The config plugin is the same (`plugins: [['@hzblj/kara-ui', {icons: {source: './assets/icons'}}]]`, the same options, `npx kara-icons` still works). The names change: the declaration is now `native-icons.d.ts` with the global `NativeIcons` (it was `kara-icons.d.ts` and `KaraIcons`), and each icon is `native_icon_<name>` natively (it was `kara_icon_<name>`). Delete the old `kara-icons.d.ts`, and run `expo prebuild --clean` once so the old assets go. `RnIcon` is now the package's `NativeIcon`: on Android it draws the drawable itself instead of hosting an `ImageView`, and remembers each icon's resource lookup, so a list of rows does less work. A glyph with a non-square viewBox no longer stretches on Android.
+  - **Zoom transition: [@hzblj/expo-zoom-transition](https://www.npmjs.com/package/@hzblj/expo-zoom-transition).** `ZoomTransition` and its helpers from `@hzblj/kara-ui/router` are unchanged: kara's tokens over the package. The native code moved out of `@hzblj/kara-native` into the package's own module, which `@hzblj/kara-native` depends on, so autolinking picks it up. A tapped context menu preview still zooms. Rebuild the native app.
+  - `iconResourceName` moved from `@hzblj/kara-native` to `@hzblj/expo-native-icons`, and `@hzblj/kara-expo-plugin` no longer exports the icon generator or `./cli`: import them from `@hzblj/expo-native-icons/plugin` and `@hzblj/expo-native-icons/cli`.
+
 ## 0.12.0
 
 ## 0.11.0

package/README.md

@@ -23,9 +23,12 @@ plugins: [['@hzblj/kara-ui', {icons: {source: './assets/icons'}}]]
 ## What's inside
 
 - **Native icons from your SVGs**: at prebuild, every SVG in the folder becomes an iOS asset-catalog image and an
-  Android vector drawable, and `kara-icons.d.ts` types their names (`bolt.svg` → `<Icon name="bolt" />`).
+  Android vector drawable, and `native-icons.d.ts` types their names (`bolt.svg` → `<Icon name="bolt" />`). The
+  work is [`@hzblj/expo-native-icons`](https://www.npmjs.com/package/@hzblj/expo-native-icons)'s; `icons` takes its
+  options.
 - **iOS semantic colours**: `iosSemanticColors` redefines a UIKit colour such as `labelColor` app-wide.
-- **`kara-icons`**: the same icon check without Expo, for CI; it ships as `@hzblj/kara-ui`'s bin.
+- **`kara-icons`**: the same icon check without Expo, for CI; it ships as `@hzblj/kara-ui`'s bin
+  (`native-icons` in `@hzblj/expo-native-icons`).
 
 ## Documentation
 

package/build/index.d.ts

@@ -1,12 +1,13 @@
+import { type NativeIconsPluginOptions } from '@hzblj/expo-native-icons/plugin';
 import { type ConfigPlugin } from 'expo/config-plugins';
 import { type IosSemanticColorsProps } from './ios-semantic-colors';
-import { type IconsProps } from './with-icons';
-export * from './icons';
 export type { IosColorAppearances, IosSemanticColorsProps } from './ios-semantic-colors';
-export type { IconsProps } from './with-icons';
 export type KaraUIPluginProps = {
-    /** The app's icons: a folder of SVGs turned into native assets on both platforms, and their names into types. */
-    icons?: IconsProps;
+    /**
+     * The app's icons: a folder of SVGs turned into native assets on both platforms, and their names into types.
+     * `@hzblj/expo-native-icons` does the work; see its options.
+     */
+    icons?: NativeIconsPluginOptions;
     /** Redefines UIKit semantic colours app-wide, natively. See `withIosSemanticColors`. */
     iosSemanticColors?: IosSemanticColorsProps;
 };

package/build/index.js

@@ -1,32 +1,17 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+const plugin_1 = require("@hzblj/expo-native-icons/plugin");
 const config_plugins_1 = require("expo/config-plugins");
 const ios_semantic_colors_1 = require("./ios-semantic-colors");
-const with_icons_1 = require("./with-icons");
-__exportStar(require("./icons"), exports);
 /**
  * `plugins: [['@hzblj/kara-ui', {icons: {source: './assets/icons'}}]]` in the app config. Everything native the
- * library cannot ship itself: the app's own icons as native assets, and — optionally — what a UIKit semantic colour
- * itself resolves to, for every token (and every piece of UIKit) that names it.
+ * library cannot ship itself: the app's own icons as native assets (`@hzblj/expo-native-icons`), and optionally what a
+ * UIKit semantic colour itself resolves to, for every token (and every piece of UIKit) that names it.
  */
 const withKaraUI = (config, { icons, iosSemanticColors } = {}) => {
     const withColors = iosSemanticColors ? (0, ios_semantic_colors_1.withIosSemanticColors)(config, iosSemanticColors) : config;
-    return icons ? (0, with_icons_1.withIcons)(withColors, icons) : withColors;
+    return icons ? (0, plugin_1.withNativeIcons)(withColors, icons) : withColors;
 };
-// Read at prebuild from the shipped package.json, beside `build/` — outside `rootDir`, so not an import.
+// Read at prebuild from the shipped package.json, beside `build/`: outside `rootDir`, so not an import.
 const pkg = require('../package.json');
 exports.default = (0, config_plugins_1.createRunOncePlugin)(withKaraUI, pkg.name, pkg.version);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hzblj/kara-expo-plugin",
-  "version": "0.12.0",
-  "description": "The Expo config plugin and tooling of @hzblj/kara-ui: the app's SVG icons as native assets on iOS and Android, and UIKit semantic colour overrides.",
+  "version": "0.13.0",
+  "description": "The Expo config plugin and tooling of @hzblj/kara-ui: the app's SVG icons as native assets on iOS and Android (through @hzblj/expo-native-icons), and UIKit semantic colour overrides.",
   "author": "Jan Blazej",
   "license": "MIT",
   "repository": {
@@ -25,10 +25,6 @@
       "types": "./build/index.d.ts",
       "default": "./build/index.js"
     },
-    "./cli": {
-      "types": "./build/cli.d.ts",
-      "default": "./build/cli.js"
-    },
     "./app.plugin.js": "./app.plugin.js",
     "./package.json": "./package.json"
   },
@@ -45,6 +41,9 @@
     "biome:check": "yarn run -T biome check .",
     "tsc:check": "tsc -p ./tsconfig.json --noEmit"
   },
+  "dependencies": {
+    "@hzblj/expo-native-icons": "^0.1.0"
+  },
   "peerDependencies": {
     "expo": "*"
   },

package/build/cli.d.ts

@@ -1,5 +0,0 @@
-/**
- * `npx kara-icons ./assets/icons` — the half of custom icons that runs before prebuild: validation, so a bad SVG fails
- * here rather than mid-prebuild, and the names, so the app type-checks against the icons it actually ships.
- */
-export declare const main: (args: string[]) => number;

package/build/cli.js

@@ -1,41 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.main = void 0;
-const node_fs_1 = require("node:fs");
-const node_path_1 = __importDefault(require("node:path"));
-const icons_1 = require("./icons");
-const USAGE = `Usage: kara-icons <source> [--out <file>]
-
-  Checks every SVG in <source> the way prebuild will, and writes the TypeScript declaration that makes
-  their names valid for <Icon name="…" />. The config plugin does the same whenever the app config is
-  read; this is for CI and for projects that type-check without starting Expo.
-
-  --out   where to write the declaration (default: kara-icons.d.ts in the current directory)`;
-/**
- * `npx kara-icons ./assets/icons` — the half of custom icons that runs before prebuild: validation, so a bad SVG fails
- * here rather than mid-prebuild, and the names, so the app type-checks against the icons it actually ships.
- */
-const main = (args) => {
-    const outIndex = args.indexOf('--out');
-    const outValueIndex = outIndex === -1 ? -1 : outIndex + 1;
-    const out = outIndex === -1 ? 'kara-icons.d.ts' : args[outValueIndex];
-    const source = args.find((arg, index) => !arg.startsWith('--') && index !== outValueIndex);
-    if (!source || !out || args.includes('--help')) {
-        console.log(USAGE);
-        return source ? 0 : 1;
-    }
-    try {
-        const { android, ios, names } = (0, icons_1.readIconFolder)(node_path_1.default.resolve(source));
-        (0, node_fs_1.writeFileSync)(node_path_1.default.resolve(out), (0, icons_1.iconTypes)(names, source));
-        console.log(`kara-icons: ${names.length} icons (${ios.length} iOS, ${android.length} Android) → ${out}`);
-        return 0;
-    }
-    catch (error) {
-        console.error(error instanceof Error ? error.message : error);
-        return 1;
-    }
-};
-exports.main = main;

package/build/icons.d.ts

@@ -1,58 +0,0 @@
-/** One `<path>` of a glyph. `evenOdd` keeps holes punched by an inner contour, the way Figma exports them. */
-export type IconPath = {
-    d: string;
-    evenOdd: boolean;
-};
-/** A single-colour glyph, read from an SVG: its viewBox and the paths drawn in it. */
-export type SvgIcon = {
-    height: number;
-    minX: number;
-    minY: number;
-    name: string;
-    paths: IconPath[];
-    width: number;
-};
-export type IconPlatform = 'android' | 'ios';
-/** `arrow-left` → `arrow_left`: Android resource names allow neither `-` nor capitals. */
-export declare const snakeCase: (name: string) => string;
-/** An app icon's native name, the same on both platforms: `kara_icon_<name>` — the asset, and the drawable. */
-export declare const iconResourceName: (name: string) => string;
-/**
- * Reads one glyph. Only `<path>` elements (optionally `fill-rule="evenodd"`) inside one `<svg>` with a numeric
- * `viewBox` are accepted, and anything else fails loudly — a glyph that silently lost a clip or a mask is worse than
- * none (a mask leftover flattens into a solid square). The colour in the file is ignored: every icon is a template the
- * platform tints.
- */
-export declare const parseSvgIcon: (file: string) => SvgIcon;
-/** What one folder holds: each platform's glyphs, and every name that exists on at least one of them. */
-export type IconFolder = {
-    android: SvgIcon[];
-    ios: SvgIcon[];
-    names: string[];
-};
-/**
- * Every icon in a folder, per platform: `<name>.svg` for both, `<name>.ios.svg` / `<name>.android.svg` for one — a
- * variant wins over the shared file on its platform, and a name with only a variant exists on that platform alone.
- * Refused when two names would land on one native resource name (`arrow-left` and `arrow_left`).
- */
-export declare const readIconFolder: (directory: string) => IconFolder;
-/**
- * An asset-catalog image set: the glyph as an SVG template that keeps its vector data, so SwiftUI's `resizable()` and
- * `UIImageView` scale it crisply to any size, and UIKit tints it with the view's tint colour. `size` is the point size
- * a system control draws it at when nothing resizes it.
- */
-export declare const iosImageset: (icon: SvgIcon, assetName: string, size: number, author: string) => {
-    contents: string;
-    svg: string;
-};
-/**
- * The glyph as an Android vector drawable — compiled by aapt like any resource, drawn by `ImageView` and Compose's
- * `painterResource` alike. White fill, because every consumer tints it. A viewBox that does not start at the origin
- * (Material Symbols use `0 -960 960 960`) is moved there by a group, since a vector's viewport always starts at 0,0.
- */
-export declare const androidVectorDrawable: (icon: SvgIcon, size?: number) => string;
-/**
- * The declaration that teaches TypeScript the app's icon names: a global `KaraIcons` the components read, so
- * `<Icon name="bolt" />` type-checks without any import — and an icon deleted from the folder fails at its call sites.
- */
-export declare const iconTypes: (names: string[], source: string) => string;

package/build/icons.js

@@ -1,152 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconTypes = exports.androidVectorDrawable = exports.iosImageset = exports.readIconFolder = exports.parseSvgIcon = exports.iconResourceName = exports.snakeCase = void 0;
-const node_fs_1 = require("node:fs");
-const node_path_1 = __importDefault(require("node:path"));
-/** Kebab or snake case, lower case, starting with a letter: the file name is the icon name. */
-const ICON_NAME = /^[a-z][a-z0-9]*(?:[-_][a-z0-9]+)*$/;
-/** `share.android.svg` replaces `share.svg` on Android only — the platform's own glyph where the two differ. */
-const PLATFORM_SUFFIX = /\.(android|ios)$/;
-/** Every element the generator understands. Anything else — groups, clips, masks, strokes — must be flattened first. */
-const ALLOWED_TAGS = new Set(['path', 'svg', 'title']);
-const fail = (file, message) => {
-    throw new Error(`[kara-icons] ${node_path_1.default.basename(file)}: ${message}`);
-};
-/** `arrow-left` → `arrow_left`: Android resource names allow neither `-` nor capitals. */
-const snakeCase = (name) => name.replace(/-/g, '_').toLowerCase();
-exports.snakeCase = snakeCase;
-/** An app icon's native name, the same on both platforms: `kara_icon_<name>` — the asset, and the drawable. */
-const iconResourceName = (name) => `kara_icon_${(0, exports.snakeCase)(name)}`;
-exports.iconResourceName = iconResourceName;
-/**
- * Reads one glyph. Only `<path>` elements (optionally `fill-rule="evenodd"`) inside one `<svg>` with a numeric
- * `viewBox` are accepted, and anything else fails loudly — a glyph that silently lost a clip or a mask is worse than
- * none (a mask leftover flattens into a solid square). The colour in the file is ignored: every icon is a template the
- * platform tints.
- */
-const parseSvgIcon = (file) => {
-    const name = node_path_1.default.basename(file, '.svg').replace(PLATFORM_SUFFIX, '');
-    const svg = (0, node_fs_1.readFileSync)(file, 'utf8');
-    if (!ICON_NAME.test(name)) {
-        fail(file, 'name it in lower kebab or snake case, starting with a letter — the file name is the icon name');
-    }
-    const viewBox = svg.match(/viewBox="\s*(-?[\d.]+)[\s,]+(-?[\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)\s*"/);
-    if (!viewBox) {
-        fail(file, 'expected a numeric viewBox="<minX> <minY> <width> <height>"');
-    }
-    for (const [, tag] of svg.matchAll(/<([a-zA-Z][\w-]*)/g)) {
-        if (!ALLOWED_TAGS.has(tag)) {
-            fail(file, `only <path> elements are supported, found <${tag}> — flatten groups, clips, masks and strokes first`);
-        }
-    }
-    const paths = [];
-    for (const [, attributes] of svg.matchAll(/<path\b([^>]*)>/g)) {
-        const d = attributes.match(/\sd="([^"]+)"/)?.[1];
-        if (!d) {
-            fail(file, '<path> without d');
-        }
-        paths.push({ d: d, evenOdd: /fill-rule="evenodd"/.test(attributes) });
-    }
-    if (paths.length === 0) {
-        fail(file, 'no <path> elements');
-    }
-    const [, minX, minY, width, height] = viewBox;
-    return { height: Number(height), minX: Number(minX), minY: Number(minY), name, paths, width: Number(width) };
-};
-exports.parseSvgIcon = parseSvgIcon;
-const glyphsFor = (directory, names, platform) => names.flatMap(name => {
-    const variant = node_path_1.default.join(directory, `${name}.${platform}.svg`);
-    const shared = node_path_1.default.join(directory, `${name}.svg`);
-    if ((0, node_fs_1.existsSync)(variant)) {
-        return [(0, exports.parseSvgIcon)(variant)];
-    }
-    return (0, node_fs_1.existsSync)(shared) ? [(0, exports.parseSvgIcon)(shared)] : [];
-});
-/**
- * Every icon in a folder, per platform: `<name>.svg` for both, `<name>.ios.svg` / `<name>.android.svg` for one — a
- * variant wins over the shared file on its platform, and a name with only a variant exists on that platform alone.
- * Refused when two names would land on one native resource name (`arrow-left` and `arrow_left`).
- */
-const readIconFolder = (directory) => {
-    if (!(0, node_fs_1.existsSync)(directory)) {
-        throw new Error(`[kara-icons] No icon folder at ${directory}.`);
-    }
-    const names = [
-        ...new Set((0, node_fs_1.readdirSync)(directory)
-            .filter(file => file.endsWith('.svg'))
-            .map(file => node_path_1.default.basename(file, '.svg').replace(PLATFORM_SUFFIX, ''))),
-    ].sort();
-    const byResource = new Map();
-    for (const name of names) {
-        const resource = (0, exports.snakeCase)(name);
-        const existing = byResource.get(resource);
-        if (existing) {
-            throw new Error(`[kara-icons] "${existing}" and "${name}" would both become the resource "${resource}".`);
-        }
-        byResource.set(resource, name);
-    }
-    return { android: glyphsFor(directory, names, 'android'), ios: glyphsFor(directory, names, 'ios'), names };
-};
-exports.readIconFolder = readIconFolder;
-const fillRule = (iconPath) => (iconPath.evenOdd ? ' fill-rule="evenodd"' : '');
-/**
- * An asset-catalog image set: the glyph as an SVG template that keeps its vector data, so SwiftUI's `resizable()` and
- * `UIImageView` scale it crisply to any size, and UIKit tints it with the view's tint colour. `size` is the point size
- * a system control draws it at when nothing resizes it.
- */
-const iosImageset = (icon, assetName, size, author) => {
-    const paths = icon.paths.map(iconPath => `  <path d="${iconPath.d}"${fillRule(iconPath)} fill="black"/>`);
-    const viewBox = `${icon.minX} ${icon.minY} ${icon.width} ${icon.height}`;
-    return {
-        contents: `${JSON.stringify({
-            images: [{ filename: `${assetName}.svg`, idiom: 'universal' }],
-            info: { author, version: 1 },
-            properties: { 'preserves-vector-representation': true, 'template-rendering-intent': 'template' },
-        }, null, 2)}\n`,
-        svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="${viewBox}">\n${paths.join('\n')}\n</svg>\n`,
-    };
-};
-exports.iosImageset = iosImageset;
-/**
- * The glyph as an Android vector drawable — compiled by aapt like any resource, drawn by `ImageView` and Compose's
- * `painterResource` alike. White fill, because every consumer tints it. A viewBox that does not start at the origin
- * (Material Symbols use `0 -960 960 960`) is moved there by a group, since a vector's viewport always starts at 0,0.
- */
-const androidVectorDrawable = (icon, size = 24) => {
-    const paths = icon.paths.map(iconPath => `    <path\n        android:fillColor="@android:color/white"${iconPath.evenOdd ? '\n        android:fillType="evenOdd"' : ''}\n        android:pathData="${iconPath.d}"/>`);
-    const offset = icon.minX !== 0 || icon.minY !== 0;
-    const body = offset
-        ? `  <group android:translateX="${-icon.minX}" android:translateY="${-icon.minY}">\n${paths.join('\n')}\n  </group>`
-        : paths.join('\n').replace(/^ {2}/gm, '');
-    return `<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="${size}dp"
-    android:height="${size}dp"
-    android:viewportWidth="${icon.width}"
-    android:viewportHeight="${icon.height}">
-${body}
-</vector>
-`;
-};
-exports.androidVectorDrawable = androidVectorDrawable;
-/**
- * The declaration that teaches TypeScript the app's icon names: a global `KaraIcons` the components read, so
- * `<Icon name="bolt" />` type-checks without any import — and an icon deleted from the folder fails at its call sites.
- */
-const iconTypes = (names, source) => {
-    const key = (name) => (/^[A-Za-z_$][\w$]*$/.test(name) ? name : `'${name}'`);
-    const entries = names.map(name => `    ${key(name)}: true`);
-    return `// Generated by @hzblj/kara-ui from ${source} — do not edit. It is rewritten whenever the app config is read
-// (\`expo start\`, \`expo prebuild\`), or by \`npx kara-icons ${source}\`.
-declare global {
-  interface KaraIcons {
-${entries.join('\n')}
-  }
-}
-
-export {}
-`;
-};
-exports.iconTypes = iconTypes;

package/build/with-icons.d.ts

@@ -1,26 +0,0 @@
-import { type ConfigPlugin } from 'expo/config-plugins';
-export type IconsProps = {
-    /**
-     * A folder of SVGs, one glyph per file, relative to the project root. The file name is the icon name
-     * (`bolt.svg` → `<Icon name="bolt" />`); `share.android.svg` replaces `share.svg` on Android. Only single-colour
-     * `<path>`s are accepted — the platform tints every icon.
-     */
-    source: string;
-    /**
-     * Where the declaration of the icon names goes, relative to the project root — `false` to skip it. Rewritten
-     * whenever the app config is read, so `expo start` alone keeps it current. `kara-icons.d.ts` by default.
-     */
-    types?: string | false;
-    /**
-     * The point size iOS system controls (bar items, menus, swipe actions) draw an icon at when nothing resizes it.
-     * Everything kara-ui renders sizes the icon itself. 24 by default.
-     */
-    iosSize?: number;
-};
-/**
- * The app's icons as native assets on both platforms, generated from SVGs at prebuild: a template image set per icon in
- * the iOS asset catalog (vector data kept), a vector drawable per icon in Android's `res/drawable`. They have to live
- * in the app's own catalog and resources — `Image("…")` and `UIImage(named:)` look in the main bundle, and an asset
- * catalog shipped by a pod collides with the app's `Assets.car`. A new or changed SVG needs a prebuild.
- */
-export declare const withIcons: ConfigPlugin<IconsProps>;

package/build/with-icons.js

@@ -1,99 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withIcons = void 0;
-const node_fs_1 = require("node:fs");
-const promises_1 = require("node:fs/promises");
-const node_path_1 = __importDefault(require("node:path"));
-const config_plugins_1 = require("expo/config-plugins");
-const icons_1 = require("./icons");
-/** Stamped into every image set this writes, so a later run can tell ours from one added by hand. */
-const AUTHOR = '@hzblj/kara-ui';
-const IMAGESET_SUFFIX = '.imageset';
-const RESOURCE_PREFIX = (0, icons_1.iconResourceName)('');
-const DEFAULT_IOS_SIZE = 24;
-const DEFAULT_TYPES = 'kara-icons.d.ts';
-/** Removes what an earlier run wrote for icons no longer in the folder — a deleted SVG must stop existing natively. */
-const removeStaleImagesets = async (catalog, keep) => {
-    const dirents = await (0, promises_1.readdir)(catalog, { withFileTypes: true }).catch(() => []);
-    for (const dirent of dirents) {
-        const name = dirent.name.slice(0, -IMAGESET_SUFFIX.length);
-        if (!dirent.isDirectory() || !dirent.name.endsWith(IMAGESET_SUFFIX) || keep.has(name)) {
-            continue;
-        }
-        const setPath = node_path_1.default.join(catalog, dirent.name);
-        const contents = await (0, promises_1.readFile)(node_path_1.default.join(setPath, 'Contents.json'), 'utf8').catch(() => '');
-        if (name.startsWith(RESOURCE_PREFIX) && contents.includes(`"author": "${AUTHOR}"`)) {
-            await (0, promises_1.rm)(setPath, { force: true, recursive: true });
-        }
-    }
-};
-const withIosIcons = (config, { iosSize = DEFAULT_IOS_SIZE, source }) => (0, config_plugins_1.withDangerousMod)(config, [
-    'ios',
-    async (config) => {
-        const { projectRoot } = config.modRequest;
-        const { ios } = (0, icons_1.readIconFolder)(node_path_1.default.resolve(projectRoot, source));
-        const catalog = node_path_1.default.join(config_plugins_1.IOSConfig.Paths.getSourceRoot(projectRoot), 'Images.xcassets');
-        const written = new Set();
-        for (const icon of ios) {
-            const assetName = (0, icons_1.iconResourceName)(icon.name);
-            const setPath = node_path_1.default.join(catalog, `${assetName}${IMAGESET_SUFFIX}`);
-            const { contents, svg } = (0, icons_1.iosImageset)(icon, assetName, iosSize, AUTHOR);
-            written.add(assetName);
-            await (0, promises_1.mkdir)(setPath, { recursive: true });
-            await (0, promises_1.writeFile)(node_path_1.default.join(setPath, 'Contents.json'), contents, 'utf8');
-            await (0, promises_1.writeFile)(node_path_1.default.join(setPath, `${assetName}.svg`), svg, 'utf8');
-        }
-        await removeStaleImagesets(catalog, written);
-        return config;
-    },
-]);
-const withAndroidIcons = (config, { source }) => (0, config_plugins_1.withDangerousMod)(config, [
-    'android',
-    async (config) => {
-        const { platformProjectRoot, projectRoot } = config.modRequest;
-        const { android } = (0, icons_1.readIconFolder)(node_path_1.default.resolve(projectRoot, source));
-        const drawables = node_path_1.default.join(platformProjectRoot, 'app', 'src', 'main', 'res', 'drawable');
-        const written = new Set(android.map(icon => `${(0, icons_1.iconResourceName)(icon.name)}.xml`));
-        await (0, promises_1.mkdir)(drawables, { recursive: true });
-        for (const icon of android) {
-            await (0, promises_1.writeFile)(node_path_1.default.join(drawables, `${(0, icons_1.iconResourceName)(icon.name)}.xml`), (0, icons_1.androidVectorDrawable)(icon), 'utf8');
-        }
-        // The `kara_icon_` prefix is this plugin's alone, so any such drawable not written now was written before.
-        for (const file of await (0, promises_1.readdir)(drawables)) {
-            if (file.startsWith(RESOURCE_PREFIX) && file.endsWith('.xml') && !written.has(file)) {
-                await (0, promises_1.rm)(node_path_1.default.join(drawables, file), { force: true });
-            }
-        }
-        return config;
-    },
-]);
-/**
- * Keeps the declaration of icon names in step with the folder. Done while the config is evaluated rather than in a mod
- * on purpose: mods run only at prebuild, while `expo start` reads the config too — so adding an SVG and starting Metro
- * is all it takes for its name to type-check. Written only when the content changed.
- */
-const writeTypes = (projectRoot, { source, types = DEFAULT_TYPES }) => {
-    if (types === false) {
-        return;
-    }
-    const { names } = (0, icons_1.readIconFolder)(node_path_1.default.resolve(projectRoot, source));
-    const file = node_path_1.default.resolve(projectRoot, types);
-    const contents = (0, icons_1.iconTypes)(names, source);
-    if (!(0, node_fs_1.existsSync)(file) || (0, node_fs_1.readFileSync)(file, 'utf8') !== contents) {
-        (0, node_fs_1.writeFileSync)(file, contents);
-    }
-};
-/**
- * The app's icons as native assets on both platforms, generated from SVGs at prebuild: a template image set per icon in
- * the iOS asset catalog (vector data kept), a vector drawable per icon in Android's `res/drawable`. They have to live
- * in the app's own catalog and resources — `Image("…")` and `UIImage(named:)` look in the main bundle, and an asset
- * catalog shipped by a pod collides with the app's `Assets.car`. A new or changed SVG needs a prebuild.
- */
-const withIcons = (config, props) => {
-    writeTypes(config._internal?.projectRoot ?? process.cwd(), props);
-    return withAndroidIcons(withIosIcons(config, props), props);
-};
-exports.withIcons = withIcons;