@symbiote-native/symbols 0.0.0

package/src/angular/symbol-view.ts

@@ -0,0 +1,71 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  type OnDestroy,
+  type OnInit,
+} from '@angular/core';
+import { DescriptorOutlet, NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { renderSymbolView, watchSymbolFont } from '../core';
+import type { ISymbolViewProps } from '../core';
+
+/** Angular twin of `expo-symbols`' `SymbolView`, projected content is the fallback without a symbol */
+@Component({
+  selector: 'SymbolView',
+  standalone: true,
+  imports: [DescriptorOutlet],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  } @else {
+    <ng-content />
+  }`,
+})
+export class SymbolView extends NativeViewBase implements OnInit, OnDestroy {
+  @Input({ required: true }) name!: ISymbolViewProps['name'];
+  @Input() type?: ISymbolViewProps['type'];
+  @Input() scale?: ISymbolViewProps['scale'];
+  @Input() weight?: ISymbolViewProps['weight'];
+  @Input() colors?: ISymbolViewProps['colors'];
+  @Input() size?: ISymbolViewProps['size'];
+  @Input() tintColor?: ISymbolViewProps['tintColor'];
+  @Input() resizeMode?: ISymbolViewProps['resizeMode'];
+  @Input() animationSpec?: ISymbolViewProps['animationSpec'];
+
+  protected override readonly propNames = [
+    'name',
+    'type',
+    'scale',
+    'weight',
+    'colors',
+    'size',
+    'tintColor',
+    'resizeMode',
+    'animationSpec',
+  ] as const satisfies readonly (keyof SymbolView)[];
+
+  private isFontLoaded = false;
+  private cancelWatch = (): void => {};
+
+  protected override renderView(props: object): IDescriptor | null {
+    return renderSymbolView(props, this.isFontLoaded);
+  }
+
+  // Шрифт грузится один раз при создании, как в upstream
+  ngOnInit(): void {
+    this.cancelWatch = watchSymbolFont(
+      Object.fromEntries(
+        this.propNames.map(propName => [propName, Reflect.get(this, propName)]),
+      ),
+      isLoaded => {
+        this.isFontLoaded = isLoaded;
+        this.changeDetector.markForCheck();
+      },
+    );
+  }
+
+  protected override disposeView(): void {
+    this.cancelWatch();
+  }
+}

package/src/core/android/index.ts

@@ -0,0 +1,15 @@
+/**
+ * Regenerate this file using a request captured from https://fonts.google.com/icons and this script:
+ * https://gist.github.com/aleqsio/63a2f378286c727780ef6056d66d8e43
+ */
+import symbols from './symbols.json';
+export type IAndroidSymbol = keyof typeof symbols;
+export type IAndroidSymbolWeight = {
+  name: string;
+  font: number;
+};
+
+export function androidSymbolToString(symbol: IAndroidSymbol | null) {
+  if (!symbol) return null;
+  return String.fromCharCode(symbols[symbol]);
+}