@onekeyfe/react-native-native-list 6.7.0-alpha.414 → 6.7.0-alpha.418

package/scripts/generate-icons.mjs

@@ -0,0 +1,150 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import crypto from 'node:crypto';
+import { createRequire } from 'node:module';
+import { fileURLToPath } from 'node:url';
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const require = createRequire(import.meta.url);
+const prettier = require('prettier');
+const format = JSON.parse(
+  fs.readFileSync(path.join(root, 'package.json'), 'utf8')
+).prettier;
+const header =
+  '// Generated by scripts/generate-icons.mjs. Coverage and legacy names only; hosts provide SVG resources.\n';
+export function generateOutputs(
+  fixtureRoot = path.resolve(
+    root,
+    '../../example/react-native/icon-fixtures/native/icons'
+  ),
+  outputRoot = root
+) {
+  const entries = JSON.parse(
+    fs.readFileSync(path.join(root, 'scripts/native-list-icons.json'), 'utf8')
+  );
+  const catalog = JSON.parse(
+    fs.readFileSync(path.join(fixtureRoot, 'manifest.json'), 'utf8')
+  );
+  const records = resolveRecords(entries, catalog, fixtureRoot);
+  return renderOutputs(records, outputRoot);
+}
+export function resolveRecords(entries, catalog, fixtureRoot) {
+  const names = new Set();
+  if (!Array.isArray(entries)) throw new Error('Invalid icon manifest');
+  return entries
+    .map((entry) => {
+      if (
+        !entry ||
+        typeof entry.name !== 'string' ||
+        !/^[A-Z][A-Za-z0-9]*$/.test(entry.name) ||
+        names.has(entry.name) ||
+        !Array.isArray(entry.platforms) ||
+        !entry.platforms.length ||
+        new Set(entry.platforms).size !== entry.platforms.length ||
+        entry.platforms.some((p) => !['ios', 'android', 'web'].includes(p)) ||
+        !['template', 'original', 'primitive'].includes(entry.rendering)
+      )
+        throw new Error('Invalid icon manifest entry');
+      names.add(entry.name);
+      if (entry.name === 'Circle')
+        return { ...entry, canonical: 'Circle', width: 24, height: 24 };
+      if (
+        typeof entry.source !== 'string' ||
+        entry.source.includes('..') ||
+        path.isAbsolute(entry.source)
+      )
+        throw new Error('Invalid icon manifest entry');
+      const matches = Object.entries(catalog).filter(
+        ([, value]) => value.source === entry.source
+      );
+      if (matches.length > 1)
+        throw new Error(`Ambiguous shared SVG source: ${entry.source}`);
+      const match = matches[0];
+      if (!match) throw new Error(`Missing shared SVG source: ${entry.source}`);
+      const [canonical, metadata] = match;
+      const source = fs.readFileSync(
+        path.join(fixtureRoot, `${canonical}.svg`),
+        'utf8'
+      );
+      const raw = source.endsWith('\n') ? source : source + '\n';
+      if (
+        crypto.createHash('sha256').update(raw).digest('hex') !==
+        metadata.digest
+      )
+        throw new Error(`Shared SVG resources stale: ${entry.source}`);
+      return {
+        ...entry,
+        canonical,
+        width: metadata.viewBox[2],
+        height: metadata.viewBox[3],
+      };
+    })
+    .sort((a, b) => (a.name < b.name ? -1 : a.name > b.name ? 1 : 0));
+}
+function renderOutputs(records, outputRoot) {
+  const swift =
+    header +
+    'import UIKit\n\nstruct NativeListIconMetadata {\n  let name: String\n  let size: CGSize\n  let original: Bool\n}\n\nenum NativeListGeneratedIcons {\n  static let icons: [String: NativeListIconMetadata] = [\n' +
+    records
+      .filter((x) => x.platforms.includes('ios'))
+      .map(
+        (x) =>
+          `    "${x.name}": NativeListIconMetadata(name: "${
+            x.canonical
+          }", size: CGSize(width: ${x.width}, height: ${x.height}), original: ${
+            x.rendering === 'original'
+          }),`
+      )
+      .join('\n') +
+    '\n  ]\n}\n';
+  const kotlin =
+    header +
+    'package com.margelo.nitro.nativelist\n\ninternal data class NativeListIconMetadata(val name: String, val width: Float, val height: Float)\ninternal val nativeListGeneratedIcons: Map<String, NativeListIconMetadata> = mapOf(\n' +
+    records
+      .filter((x) => x.platforms.includes('android'))
+      .map(
+        (x) =>
+          `  "${x.name}" to NativeListIconMetadata("${x.canonical}", ${x.width}f, ${x.height}f),`
+      )
+      .join('\n') +
+    '\n)\n';
+  const web =
+    header +
+    'export const nativeListGeneratedIcons: Readonly<Record<string, string>> = ' +
+    JSON.stringify(
+      Object.fromEntries(
+        records
+          .filter((x) => x.platforms.includes('web'))
+          .map((x) => [x.name, x.canonical])
+      )
+    ) +
+    ';\n';
+  return new Map([
+    [path.join(outputRoot, 'ios/NativeListGeneratedIcons.swift'), swift],
+    [
+      path.join(
+        outputRoot,
+        'android/src/main/java/com/onekey/nativelist/NativeListGeneratedIcons.kt'
+      ),
+      kotlin,
+    ],
+    [
+      path.join(outputRoot, 'src/web/NativeListGeneratedIcons.ts'),
+      prettier.format(web, { ...format, parser: 'typescript' }),
+    ],
+  ]);
+}
+if (process.argv[1] === fileURLToPath(import.meta.url)) {
+  const outputs = generateOutputs();
+  const stale = [...outputs].filter(
+    ([file, text]) =>
+      !fs.existsSync(file) || fs.readFileSync(file, 'utf8') !== text
+  );
+  if (process.argv.includes('--check') && stale.length)
+    throw new Error('Stale NativeList icon metadata');
+  if (!process.argv.includes('--check'))
+    for (const [file, text] of stale) {
+      fs.mkdirSync(path.dirname(file), { recursive: true });
+      fs.writeFileSync(file, text);
+    }
+  console.log(JSON.stringify({ outputs: outputs.size, changed: stale.length }));
+}

package/scripts/generate-icons.test.mjs

@@ -0,0 +1,288 @@
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import path from 'node:path';
+import { spawnSync } from 'node:child_process';
+import { fileURLToPath } from 'node:url';
+import test from 'node:test';
+import { generateOutputs, resolveRecords } from './generate-icons.mjs';
+const scripts = path.dirname(fileURLToPath(import.meta.url));
+const packageRoot = path.dirname(scripts);
+const fixtureRoot = path.resolve(
+  packageRoot,
+  '../../example/react-native/icon-fixtures/native/icons'
+);
+const manifest = JSON.parse(
+  fs.readFileSync(path.join(scripts, 'native-list-icons.json'), 'utf8')
+);
+const catalogFile = path.join(fixtureRoot, 'manifest.json');
+const catalog = JSON.parse(fs.readFileSync(catalogFile, 'utf8'));
+// Frozen migration coverage, independent from the production manifest.
+const migrationCoverage = {
+  ios: [
+    'AccountErrorCustom',
+    'AllNetworksSolid',
+    'AppleBrand',
+    'ArrowBottomOutline',
+    'ArrowTopOutline',
+    'BadgeVerifiedSolid',
+    'BotIllus',
+    'ChartTrendingUpOutline',
+    'CheckboxCheckedCustom',
+    'CheckboxIndeterminateCustom',
+    'ChevronBottomOutline',
+    'ChevronGrabberVerOutline',
+    'ChevronRightSmallOutline',
+    'ChevronTopOutline',
+    'CrossedSmallSolid',
+    'CryptoCoinOutline',
+    'Document2Outline',
+    'DotHorOutline',
+    'DotVerSolid',
+    'DragOutline',
+    'ErrorSolid',
+    'GasSolid',
+    'GlobusOutline',
+    'GoogleIllus',
+    'ImageSquareWavesOutline',
+    'InfoCircleOutline',
+    'LockSolid',
+    'MinusCircleOutline',
+    'MinusCircleSolid',
+    'PencilOutline',
+    'PlusCircleOutline',
+    'PlusLargeOutline',
+    'PlusSmallOutline',
+    'QuestionmarkSolid',
+    'RefreshCcwOutline',
+    'ShieldExclamationOutline',
+    'SpeakerPromoteOutline',
+    'StarOutline',
+    'StarSolid',
+    'SwapHorOutline',
+    'TicketOutline',
+    'WalletOutline',
+  ],
+  android: [
+    'AccountErrorCustom',
+    'AllNetworksSolid',
+    'AppleBrand',
+    'ArrowBottomOutline',
+    'ArrowTopOutline',
+    'BadgeVerifiedSolid',
+    'BotIllus',
+    'ChartTrendingUpOutline',
+    'ChevronBottomOutline',
+    'ChevronGrabberVerOutline',
+    'ChevronRightSmallOutline',
+    'ChevronTopOutline',
+    'Circle',
+    'CrossedSmallSolid',
+    'CryptoCoinOutline',
+    'Document2Outline',
+    'DotHorOutline',
+    'DotVerSolid',
+    'DragOutline',
+    'ErrorSolid',
+    'GasSolid',
+    'GlobusOutline',
+    'GoogleIllus',
+    'ImageSquareWavesOutline',
+    'InfoCircleOutline',
+    'LockSolid',
+    'MinusCircleOutline',
+    'MinusCircleSolid',
+    'PencilOutline',
+    'PlusCircleOutline',
+    'PlusLargeOutline',
+    'PlusSmallOutline',
+    'QuestionmarkSolid',
+    'RefreshCcwOutline',
+    'ShieldExclamationOutline',
+    'SpeakerPromoteOutline',
+    'StarOutline',
+    'StarSolid',
+    'SwapHorOutline',
+    'TicketOutline',
+    'WalletOutline',
+  ],
+  web: [
+    'AccountErrorCustom',
+    'AllNetworksSolid',
+    'AppleBrand',
+    'BadgeVerifiedSolid',
+    'BotIllus',
+    'CheckboxCheckedCustom',
+    'CheckboxIndeterminateCustom',
+    'ChevronRightSmallOutline',
+    'Circle',
+    'CrossedSmallSolid',
+    'CryptoCoinOutline',
+    'Document2Outline',
+    'DotHorOutline',
+    'DotVerSolid',
+    'DragOutline',
+    'GasSolid',
+    'GlobusOutline',
+    'GoogleIllus',
+    'LockSolid',
+    'PencilOutline',
+    'PlusLargeOutline',
+    'PlusSmallOutline',
+    'RefreshCcwOutline',
+    'TicketOutline',
+    'WalletOutline',
+  ],
+};
+function assertRegistryCoverage(entries) {
+  for (const platform of Object.keys(migrationCoverage))
+    assert.deepEqual(
+      entries
+        .filter((entry) => entry.platforms.includes(platform))
+        .map((entry) => entry.name)
+        .sort(),
+      migrationCoverage[platform]
+    );
+}
+
+test('preserves frozen coverage, canonical aliases and intrinsic metadata without path copies', () => {
+  assertRegistryCoverage(manifest);
+  assert.throws(() =>
+    assertRegistryCoverage(
+      manifest.map((e) =>
+        e.name === 'DotVerSolid' ? { ...e, name: 'RenamedDotVerSolid' } : e
+      )
+    )
+  );
+  const records = resolveRecords(manifest, catalog, fixtureRoot);
+  assert.equal(
+    records.find((e) => e.name === 'BadgeVerifiedSolid').canonical,
+    'BadgeRecognizedSolid'
+  );
+  for (const [name, w, h] of [
+    ['AppleBrand', 16, 20],
+    ['CheckboxCheckedCustom', 16, 16],
+    ['AccountErrorCustom', 18, 18],
+  ]) {
+    const record = records.find((e) => e.name === name);
+    assert.deepEqual([record.width, record.height], [w, h]);
+  }
+  const outputs = generateOutputs(fixtureRoot);
+  assert.equal(outputs.size, 3);
+  assert.deepEqual([...outputs], [...generateOutputs(fixtureRoot)]);
+  const contents = [...outputs.values()];
+  assert.ok(
+    contents.every(
+      (text) => !text.includes(fixtureRoot) && !text.includes('<path')
+    )
+  );
+  const keys = [
+    [...contents[0].matchAll(/^    "([^"]+)":/gm)].map((m) => m[1]),
+    [...contents[1].matchAll(/^  "([^"]+)" to /gm)].map((m) => m[1]),
+    [...contents[2].matchAll(/^  ([A-Za-z0-9]+):/gm)].map((m) => m[1]),
+  ];
+  assert.deepEqual(keys, [
+    migrationCoverage.ios,
+    migrationCoverage.android,
+    migrationCoverage.web,
+  ]);
+});
+test('rejects invalid coverage metadata and missing, ambiguous or stale canonical sources', () => {
+  for (const invalid of [
+    { ...manifest[0], name: undefined },
+    { ...manifest[0], platforms: ['other'] },
+    { ...manifest[0], platforms: ['ios', 'ios'] },
+  ])
+    assert.throws(
+      () => resolveRecords([invalid], catalog, fixtureRoot),
+      /Invalid icon manifest/
+    );
+  assert.throws(
+    () => resolveRecords([manifest[0], manifest[0]], catalog, fixtureRoot),
+    /Invalid icon manifest/
+  );
+  assert.throws(
+    () => resolveRecords(manifest, {}, fixtureRoot),
+    /Missing shared SVG/
+  );
+  assert.throws(
+    () =>
+      resolveRecords(
+        manifest,
+        {
+          ...catalog,
+          Duplicate:
+            catalog[
+              Object.keys(catalog).find(
+                (k) => catalog[k].source === manifest[0].source
+              )
+            ],
+        },
+        fixtureRoot
+      ),
+    /Ambiguous shared SVG/
+  );
+  const changed = structuredClone(catalog);
+  changed[
+    Object.keys(changed).find((k) => changed[k].source === manifest[0].source)
+  ].digest = '0';
+  assert.throws(() => resolveRecords(manifest, changed, fixtureRoot), /stale/);
+});
+test('generation is idempotent, check is read-only and invalid late input cannot partially write', () => {
+  const tempRoot = path.join(packageRoot, '.tmp');
+  fs.mkdirSync(tempRoot, { recursive: true });
+  const temp = fs.mkdtempSync(path.join(tempRoot, 'metadata-'));
+  try {
+    const sdk = path.join(temp, 'native-views/react-native-native-list');
+    fs.mkdirSync(path.join(sdk, 'scripts'), { recursive: true });
+    for (const name of ['generate-icons.mjs', 'native-list-icons.json'])
+      fs.copyFileSync(
+        path.join(scripts, name),
+        path.join(sdk, 'scripts', name)
+      );
+    fs.copyFileSync(
+      path.join(packageRoot, 'package.json'),
+      path.join(sdk, 'package.json')
+    );
+    fs.symlinkSync(
+      path.resolve(packageRoot, '../../node_modules'),
+      path.join(temp, 'node_modules'),
+      'dir'
+    );
+    const targetCatalog = path.join(
+      temp,
+      'example/react-native/icon-fixtures/native/icons/manifest.json'
+    );
+    fs.mkdirSync(path.dirname(targetCatalog), { recursive: true });
+    fs.cpSync(fixtureRoot, path.dirname(targetCatalog), { recursive: true });
+    const run = (check = false) =>
+      spawnSync(
+        process.execPath,
+        [
+          path.join(sdk, 'scripts/generate-icons.mjs'),
+          ...(check ? ['--check'] : []),
+        ],
+        { encoding: 'utf8' }
+      );
+    assert.equal(run().status, 0);
+    assert.equal(JSON.parse(run().stdout).changed, 0);
+    assert.equal(run(true).status, 0);
+    const files = [...generateOutputs(fixtureRoot, sdk).keys()];
+    const snapshot = () => files.map((file) => fs.readFileSync(file, 'utf8'));
+    fs.appendFileSync(files[0], '// stale\n');
+    const stale = snapshot();
+    assert.notEqual(run(true).status, 0);
+    assert.deepEqual(snapshot(), stale);
+    assert.equal(run().status, 0);
+    const before = snapshot();
+    const changed = structuredClone(catalog);
+    changed[
+      Object.keys(changed).find((k) => changed[k].source === manifest[0].source)
+    ].viewBox = [0, 0, 12, 12];
+    delete changed.DotVerSolid;
+    fs.writeFileSync(targetCatalog, JSON.stringify(changed));
+    assert.notEqual(run().status, 0);
+    assert.deepEqual(snapshot(), before);
+  } finally {
+    fs.rmSync(temp, { recursive: true, force: true });
+  }
+});

package/scripts/native-list-icons.json

@@ -0,0 +1,260 @@
+[
+  {
+    "name": "AccountErrorCustom",
+    "source": "custom/account-error.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "original"
+  },
+  {
+    "name": "AllNetworksSolid",
+    "source": "solid/all-networks.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "AppleBrand",
+    "source": "brand/apple.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "ArrowBottomOutline",
+    "source": "outline/arrow-bottom.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "ArrowTopOutline",
+    "source": "outline/arrow-top.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "BadgeVerifiedSolid",
+    "source": "solid/badge-recognized.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "BotIllus",
+    "source": "illus/bot.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "original"
+  },
+  {
+    "name": "ChartTrendingUpOutline",
+    "source": "outline/chart-trending-up.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "CheckboxCheckedCustom",
+    "source": "custom/checkbox-checked.svg",
+    "platforms": ["ios", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "CheckboxIndeterminateCustom",
+    "source": "custom/checkbox-indeterminate.svg",
+    "platforms": ["ios", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "ChevronBottomOutline",
+    "source": "outline/chevron-bottom.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "ChevronGrabberVerOutline",
+    "source": "outline/chevron-grabber-ver.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "ChevronRightSmallOutline",
+    "source": "outline/chevron-right-small.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "ChevronTopOutline",
+    "source": "outline/chevron-top.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "Circle",
+    "source": null,
+    "platforms": ["android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "CrossedSmallSolid",
+    "source": "solid/crossed-small.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "CryptoCoinOutline",
+    "source": "outline/crypto-coin.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "Document2Outline",
+    "source": "outline/document-2.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "DotHorOutline",
+    "source": "outline/dot-hor.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "DotVerSolid",
+    "source": "solid/dot-ver.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "DragOutline",
+    "source": "outline/drag.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "ErrorSolid",
+    "source": "solid/error.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "GasSolid",
+    "source": "solid/gas.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "GlobusOutline",
+    "source": "outline/globus.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "GoogleIllus",
+    "source": "illus/google.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "original"
+  },
+  {
+    "name": "ImageSquareWavesOutline",
+    "source": "outline/image-square-waves.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "InfoCircleOutline",
+    "source": "outline/info-circle.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "LockSolid",
+    "source": "solid/lock.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "MinusCircleOutline",
+    "source": "outline/minus-circle.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "MinusCircleSolid",
+    "source": "solid/minus-circle.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "PencilOutline",
+    "source": "outline/pencil.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "PlusCircleOutline",
+    "source": "outline/plus-circle.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "PlusLargeOutline",
+    "source": "outline/plus-large.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "PlusSmallOutline",
+    "source": "outline/plus-small.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "QuestionmarkSolid",
+    "source": "solid/questionmark.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "RefreshCcwOutline",
+    "source": "outline/refresh-ccw.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "ShieldExclamationOutline",
+    "source": "outline/shield-exclamation.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "SpeakerPromoteOutline",
+    "source": "outline/speaker-promote.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "StarOutline",
+    "source": "outline/star.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "StarSolid",
+    "source": "solid/star.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "SwapHorOutline",
+    "source": "outline/swap-hor.svg",
+    "platforms": ["ios", "android"],
+    "rendering": "template"
+  },
+  {
+    "name": "TicketOutline",
+    "source": "outline/ticket.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  },
+  {
+    "name": "WalletOutline",
+    "source": "outline/wallet.svg",
+    "platforms": ["ios", "android", "web"],
+    "rendering": "template"
+  }
+]