@tamer4lynx/tamer-icons 0.0.4 → 0.0.5

package/README.md

@@ -1,6 +1,6 @@
 # tamer-icons
 
-Icon fonts for Lynx: Material Icons, Font Awesome. Tfont, Icon component.
+Icon fonts for Lynx: Material Icons, Font Awesome. Provides TypeScript typings for the native `<icon>` element, font URLs, and codepoint data.
 
 ## Installation
 
@@ -12,29 +12,36 @@ Add to your app's dependencies and run `t4l link`.
 
 ## Usage
 
-```tsx
-import { Icon, Tfont, type IconSet } from '@tamer4lynx/tamer-icons'
+Import the package once so JSX knows the `<icon>` intrinsic (or rely on `.tamer/tamer-components.d.ts` from `t4l init` / `t4l link`):
 
-// Material Icons (default)
-<Icon name="home" size={24} color="#333" />
+```tsx
+import '@tamer4lynx/tamer-icons'
 
-// Font Awesome
-<Icon name="fa-home" set="fontawesome" size={24} />
+<icon
+  icon="home"
+  set="material"
+  size={24}
+  iconColor="#333"
+  style={{ width: '24px', height: '24px' }}
+/>
 
-// Custom icon font (register via Tfont)
-<Tfont src="https://..." family="MyIcons" />
-<Icon name="custom-icon" set="material" size={32} />
+<icon icon="fa-home" set="fontawesome" size={24} iconColor="#333" style={{ width: '24px', height: '24px' }} />
 ```
 
-## API
+| Attribute | Description |
+|-----------|-------------|
+| `icon` | Icon name / codepoint key |
+| `set` | `'material'` \| `'fontawesome'` \| `'fa'` |
+| `size` | Number (optional; pair with `style` width/height as needed) |
+| `iconColor` | Color string |
+| `style` | Lynx `ViewProps` style (e.g. width/height) |
 
-| Component | Props | Description |
-|-----------|-------|-------------|
-| `Icon` | `name`, `set?`, `size?`, `color?`, `style?` | Renders icon. `set`: `'material'` \| `'fontawesome'` \| `'fa'` |
-| `Tfont` | `src`, `family`, `weight?`, `style?` | Registers custom icon font |
+## Exports
 
 | Export | Description |
 |--------|-------------|
+| `IconElementProps` | Props type for `<icon>` |
+| `IconSet` | `'material'` \| `'fontawesome'` \| `'fa'` |
 | `MATERIAL_ICONS_URL` | Material Icons font URL |
 | `FONTAWESOME_SOLID_URL` | Font Awesome solid URL |
 | `MATERIAL_CODEPOINTS` | Material icon codepoint map |

package/android/build.gradle.kts

@@ -1,6 +1,7 @@
 plugins {
     id("com.android.library")
     id("org.jetbrains.kotlin.android")
+    id("org.jetbrains.kotlin.kapt")
 }
 
 android {
@@ -24,5 +25,6 @@ android {
 dependencies {
     compileOnly("org.lynxsdk.lynx:lynx:3.3.1")
     compileOnly("org.lynxsdk.lynx:lynx-jssdk:3.3.1")
+    kapt("org.lynxsdk.lynx:lynx-processor:3.3.1")
     implementation("androidx.core:core-ktx:1.10.1")
 }

package/dist/icon-jsx.d.ts

@@ -0,0 +1,13 @@
+import type { ViewProps } from '@lynx-js/types';
+export type IconElementProps = {
+    icon: string;
+    set?: 'material' | 'fontawesome' | 'fa';
+    iconColor?: string;
+    size?: number;
+} & ViewProps;
+declare module '@lynx-js/types' {
+    interface IntrinsicElements {
+        icon: IconElementProps;
+    }
+}
+//# sourceMappingURL=icon-jsx.d.ts.map

package/dist/icon-jsx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-jsx.d.ts","sourceRoot":"","sources":["../src/icon-jsx.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,IAAI,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,SAAS,CAAA;AAEb,OAAO,QAAQ,gBAAgB,CAAC;IAC9B,UAAU,iBAAiB;QACzB,IAAI,EAAE,gBAAgB,CAAA;KACvB;CACF"}

package/dist/icon-jsx.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -1,19 +1,6 @@
-import type { ViewProps } from '@lynx-js/types';
+/// <reference path="./icon-jsx.d.ts" />
+export type { IconElementProps } from './icon-jsx';
 export { MATERIAL_ICONS_URL, FONTAWESOME_SOLID_URL } from './fonts';
 export { MATERIAL_CODEPOINTS } from './material-codepoints';
-export interface TfontProps {
-    src: string;
-    family: string;
-    weight?: number;
-    style?: ViewProps['style'];
-}
 export type IconSet = 'material' | 'fontawesome' | 'fa';
-export interface IconProps extends ViewProps {
-    name: string;
-    set?: IconSet;
-    size?: number;
-    color?: string;
-}
-export declare function Tfont(props: TfontProps): null;
-export declare function Icon(props: IconProps): any;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;CAC3B;AAED,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,IAAI,CAAA;AAEvD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAID,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,QAGtC;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,OAgBpC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,CAAA;AAEnB,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,IAAI,CAAA"}

package/dist/index.jsx

@@ -1,15 +1,4 @@
+/// <reference types="@lynx-js/react" />
+import './icon-jsx';
 export { MATERIAL_ICONS_URL, FONTAWESOME_SOLID_URL } from './fonts';
 export { MATERIAL_CODEPOINTS } from './material-codepoints';
-const px = (value) => `${Math.round(value)}px`;
-export function Tfont(props) {
-    void props;
-    return null;
-}
-export function Icon(props) {
-    const { name, set = 'material', size = 24, color, style, ...rest } = props;
-    return (<icon icon={name} set={set} size={size} iconColor={color} style={{
-            width: px(size),
-            height: px(size),
-            ...style,
-        }} {...rest}/>);
-}

package/package.json

@@ -4,9 +4,9 @@
     "access": "public",
     "tag": "prerelease"
   },
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
-  "description": "Icon fonts for Lynx: Material Icons, Font Awesome. Tfont, GoogleIcons, FontAwesome components.",
+  "description": "Icon fonts for Lynx: Material Icons, Font Awesome. Native `<icon>` element typings and font URLs.",
   "main": "dist/index.jsx",
   "types": "dist/index.d.ts",
   "exports": {
@@ -19,6 +19,11 @@
       "types": "./dist/tamer.config.d.ts",
       "import": "./dist/tamer.config.js",
       "default": "./dist/tamer.config.js"
+    },
+    "./icon-jsx": {
+      "types": "./dist/icon-jsx.d.ts",
+      "import": "./dist/icon-jsx.js",
+      "default": "./dist/icon-jsx.js"
     }
   },
   "files": [
@@ -32,13 +37,17 @@
   "lynx": {
     "ext": "lynx.ext.json"
   },
+  "tamer": {
+    "ambientTypeExports": ["./icon-jsx"]
+  },
   "peerDependencies": {
     "@lynx-js/react": ">=0.100.0",
+    "@lynx-js/types": ">=3.3.0",
     "react": "^17.0.0"
   },
   "scripts": {
     "fetch-fonts": "node scripts/fetch-fonts.mjs",
-    "build": "npm run fetch-fonts && node scripts/generate-codepoints.mjs && npm run copy-android-fonts && npm run copy-ios-fonts && rm -rf dist && tsc",
+    "build": "npm run fetch-fonts && node scripts/generate-codepoints.mjs && npm run copy-android-fonts && npm run copy-ios-fonts && rm -rf dist && tsc && node ./scripts/patch-index-dts.mjs",
     "copy-android-fonts": "mkdir -p android/src/main/assets/fonts && cp fonts/*.ttf android/src/main/assets/fonts/ 2>/dev/null || true",
     "copy-ios-fonts": "mkdir -p ios/tamericons/tamericons/Resources && cp fonts/MaterialSymbolsOutlined.ttf fonts/fa-solid-900.ttf ios/tamericons/tamericons/Resources/",
     "prepare": "npm run build"