@shish2k/react-faicon 0.0.1 → 0.1.0

package/dist/index.d.ts

@@ -1,7 +1,17 @@
-import type { RefAttributes, SVGAttributes } from 'react';
-import type { IconDefinition } from '@fortawesome/fontawesome-common-types';
-export interface FAIconProps extends Omit<SVGAttributes<SVGSVGElement>, 'children' | 'mask' | 'transform'>, RefAttributes<SVGSVGElement> {
-    icon: IconDefinition;
-    className?: string;
+import { ReactElement, RefAttributes, SVGAttributes } from "react";
+import { IconDefinition } from "@fortawesome/fontawesome-common-types";
+
+//#region src/index.d.ts
+interface FAIconProps extends Omit<SVGAttributes<SVGSVGElement>, 'children' | 'mask' | 'transform'>, RefAttributes<SVGSVGElement> {
+  icon: IconDefinition;
+  className?: string;
 }
-export declare function FAIcon({ icon, className, ...svgProps }: FAIconProps): import("react/jsx-runtime").JSX.Element;
+declare function FAIcon({
+  icon,
+  className,
+  style,
+  ...svgProps
+}: FAIconProps): ReactElement;
+//#endregion
+export { FAIcon, FAIconProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"mappings":";;;;UAQiB,WAAA,SACP,IAAA,CAAK,aAAA,CAAc,aAAA,uCACzB,aAAA,CAAc,aAAA;EAChB,IAAA,EAAM,cAAA;EACN,SAAA;AAAA;AAAA,iBAGc,MAAA,CAAA;EACd,IAAA;EACA,SAAA;EACA,KAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAc,YAAA"}

package/dist/index.js

@@ -1,31 +1,34 @@
-import { jsx } from "react/jsx-runtime";
-function FAIcon({ icon, className = '', ...svgProps }) {
-    let [width, height, _ligatures, _unicode, svgPathData] = icon.icon;
-    if ('string' == typeof svgPathData) svgPathData = [
-        svgPathData
-    ];
-    return /*#__PURE__*/ jsx("svg", {
-        "aria-hidden": "true",
-        focusable: "false",
-        "data-prefix": icon.prefix,
-        "data-icon": icon.iconName,
-        className: `fa-${icon.iconName} ${className}`,
-        style: {
-            boxSizing: 'content-box',
-            display: 'inline-block',
-            height: '1em',
-            width: '1em',
-            overflow: 'visible',
-            verticalAlign: '-0.125em'
-        },
-        role: "img",
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: `0 0 ${width} ${height}`,
-        ...svgProps,
-        children: svgPathData.map((d, i)=>/*#__PURE__*/ jsx("path", {
-                fill: "currentColor",
-                d: d
-            }, i))
-    });
+import { createElement } from "react";
+//#region src/index.ts
+function FAIcon({ icon, className = "", style, ...svgProps }) {
+	let [width, height, _ligatures, _unicode, svgPathData] = icon.icon;
+	if (typeof svgPathData === "string") svgPathData = [svgPathData];
+	return createElement("svg", {
+		"aria-hidden": "true",
+		focusable: "false",
+		"data-prefix": icon.prefix,
+		"data-icon": icon.iconName,
+		className: `fa-${icon.iconName} ${className}`,
+		style: {
+			boxSizing: "content-box",
+			display: "inline-block",
+			height: "1em",
+			width: "1em",
+			overflow: "visible",
+			verticalAlign: "-0.125em",
+			...style
+		},
+		role: "img",
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: `0 0 ${width} ${height}`,
+		...svgProps
+	}, ...svgPathData.map((d) => createElement("path", {
+		key: d,
+		fill: "currentColor",
+		d
+	})));
 }
+//#endregion
 export { FAIcon };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["// This is a minimal reimplementation of FontAwesomeIcon\n// to avoid pulling in the whole ~80kb library\n// See https://docs.fontawesome.com/v5/web/use-with/react\n\nimport type { IconDefinition } from '@fortawesome/fontawesome-common-types';\nimport type { ReactElement, RefAttributes, SVGAttributes } from 'react';\nimport { createElement } from 'react';\n\nexport interface FAIconProps\n  extends Omit<SVGAttributes<SVGSVGElement>, 'children' | 'mask' | 'transform'>,\n    RefAttributes<SVGSVGElement> {\n  icon: IconDefinition;\n  className?: string;\n}\n\nexport function FAIcon({\n  icon,\n  className = '',\n  style,\n  ...svgProps\n}: FAIconProps): ReactElement {\n  let [width, height, _ligatures, _unicode, svgPathData] = icon.icon;\n  if (typeof svgPathData === 'string') {\n    svgPathData = [svgPathData];\n  }\n  return createElement(\n    'svg',\n    {\n      'aria-hidden': 'true',\n      focusable: 'false',\n      'data-prefix': icon.prefix,\n      'data-icon': icon.iconName,\n      className: `fa-${icon.iconName} ${className}`,\n      style: {\n        boxSizing: 'content-box',\n        display: 'inline-block',\n        height: '1em',\n        width: '1em',\n        overflow: 'visible',\n        verticalAlign: '-0.125em',\n        ...style,\n      },\n      role: 'img',\n      xmlns: 'http://www.w3.org/2000/svg',\n      viewBox: `0 0 ${width} ${height}`,\n      ...svgProps,\n    },\n    ...svgPathData.map((d) =>\n      createElement('path', { key: d, fill: 'currentColor', d }),\n    ),\n  );\n}\n"],"mappings":";;AAeA,SAAgB,OAAO,EACrB,MACA,YAAY,IACZ,OACA,GAAG,YACyB;CAC5B,IAAI,CAAC,OAAO,QAAQ,YAAY,UAAU,eAAe,KAAK;AAC9D,KAAI,OAAO,gBAAgB,SACzB,eAAc,CAAC,YAAY;AAE7B,QAAO,cACL,OACA;EACE,eAAe;EACf,WAAW;EACX,eAAe,KAAK;EACpB,aAAa,KAAK;EAClB,WAAW,MAAM,KAAK,SAAS,GAAG;EAClC,OAAO;GACL,WAAW;GACX,SAAS;GACT,QAAQ;GACR,OAAO;GACP,UAAU;GACV,eAAe;GACf,GAAG;GACJ;EACD,MAAM;EACN,OAAO;EACP,SAAS,OAAO,MAAM,GAAG;EACzB,GAAG;EACJ,EACD,GAAG,YAAY,KAAK,MAClB,cAAc,QAAQ;EAAE,KAAK;EAAG,MAAM;EAAgB;EAAG,CAAC,CAC3D,CACF"}

package/package.json

@@ -1,42 +1,55 @@
 {
   "name": "@shish2k/react-faicon",
-  "version": "0.0.1",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "A tiny (<1kb) fontawesome icon renderer",
+  "keywords": [
+    "react",
+    "icon"
+  ],
   "author": "Shish <shish+npm@shishnet.org>",
   "license": "MIT",
-  "repository": "shish/react-faicon",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shish/react-faicon.git"
+  },
   "homepage": "https://github.com/shish/react-faicon",
   "bugs": {
     "url": "https://github.com/shish/react-faicon/issues"
   },
-  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "default": "./dist/index.js"
     }
   },
-  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "rslib build",
-    "check": "biome check --write",
-    "dev": "rslib build --watch",
-    "format": "biome format --write",
-    "release": "git tag $npm_package_version && git push && git push --tags && npm publish --tag latest --access public"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "2.3.2",
-    "@rsbuild/plugin-react": "^1.4.2",
-    "@rslib/core": "^0.18.2",
-    "@types/react": "^19.2.6",
-    "react": "^19.2.0",
-    "typescript": "^5.9.3"
-  },
   "peerDependencies": {
     "react": ">=16.9.0",
-    "react-dom": ">=16.9.0",
     "@fortawesome/fontawesome-common-types": ">=7.0.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.0",
+    "@types/react": "^19.0",
+    "react": "^19.0",
+    "tsdown": "^0.21",
+    "typescript": "^6.0"
+  },
+  "scripts": {
+    "format": "biome format --write .",
+    "lint": "biome lint .",
+    "check": "biome check --write .",
+    "build": "tsdown",
+    "check-git-clean": "test $(git rev-parse --abbrev-ref HEAD) = main || (echo 'please checkout the main branch to make a release!' >&2 && exit 1) && test -z \"$(git status --porcelain)\" || (echo 'please commit your changes before making a release!' >&2 && exit 1)",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm run check",
+    "release": "npm run check-git-clean && git tag $npm_package_version && git push && git push --tags && npm publish --tag latest --access public"
+  },
+  "tsdown": {
+    "platform": "browser"
   }
 }