expo-vector-icons - npm Package Compare versions

Comparing version 9.0.0 to 10.0.0

AntDesign.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/AntDesign.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'anticon', require('./fonts/AntDesign.ttf'));
+import AntDesign from './build/AntDesign';
+export default AntDesign;

createIconSet.js

@@ -1,65 +0,2 @@
-import React from 'react';
-import { Text } from 'react-native';
-import * as Font from 'expo-font';
-import createIconSet from './vendor/react-native-vector-icons/lib/create-icon-set';
-import createIconButtonComponent from './vendor/react-native-vector-icons/lib/icon-button';
-
-export default function(glyphMap, fontName, expoAssetId) {
-  const font = { [fontName]: expoAssetId };
-  const RNVIconComponent = createIconSet(glyphMap, fontName);
-
-  class Icon extends React.Component {
-    static propTypes = RNVIconComponent.propTypes;
-    static defaultProps = RNVIconComponent.defaultProps;
-
-    state = {
-      fontIsLoaded: Font.isLoaded(fontName),
-    };
-
-    async componentWillMount() {
-      this._mounted = true;
-      if (!this.state.fontIsLoaded) {
-        await Font.loadAsync(font);
-        this._mounted && this.setState({ fontIsLoaded: true });
-      }
-    }
-
-    componentWillUnmount() {
-      this._mounted = false;
-    }
-
-    setNativeProps(props) {
-      if (this._icon) {
-        this._icon.setNativeProps(props);
-      }
-    }
-
-    render() {
-      if (!this.state.fontIsLoaded) {
-        return <Text />;
-      }
-
-      return (
-        <RNVIconComponent
-          ref={view => {
-            this._icon = view;
-          }}
-          {...this.props}
-        />
-      );
-    }
-  }
-
-  function getRawGlyphMap() {
-    return glyphMap;
-  }
-
-  Icon.Button = createIconButtonComponent(Icon);
-  Icon.glyphMap = glyphMap;
-  Icon.getRawGlyphMap = getRawGlyphMap;
-  Icon.getFontFamily = () => fontName;
-  Icon.loadFont = () => Font.loadAsync(font);
-  Icon.font = font;
-
-  return Icon;
-}
+import createIconSet from './build/createIconSet';
+export default createIconSet;

createIconSetFromFontello.js

@@ -1,5 +0,2 @@
-import createIconSetFromFontello from './vendor/react-native-vector-icons/lib/create-icon-set-from-fontello';
-
-export default function(config, expoFontName, expoAssetId) {
-  return createIconSetFromFontello(config, expoFontName, expoAssetId);
-}
+import createIconSetFromFontello from './build/createIconSetFromFontello';
+export default createIconSetFromFontello;

createIconSetFromIcoMoon.js

@@ -1,5 +0,2 @@
-import createIconSetFromIcoMoon from './vendor/react-native-vector-icons/lib/create-icon-set-from-icomoon';
-
-export default function(config, expoFontName, expoAssetId) {
-  return createIconSetFromIcoMoon(config, expoFontName, expoAssetId);
-}
+import createIconSetFromIcoMoon from './build/createIconSetFromIcoMoon';
+export default createIconSetFromIcoMoon;

Entypo.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/Entypo.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'entypo', require('./fonts/Entypo.ttf'));
+import Entypo from './build/Entypo';
+export default Entypo;

EvilIcons.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/EvilIcons.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'evilicons', require('./fonts/EvilIcons.ttf'));
+import EvilIcons from './build/EvilIcons';
+export default EvilIcons;

Feather.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/Feather.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'feather', require('./fonts/Feather.ttf'));
+import Feather from './build/Feather';
+export default Feather;

FontAwesome.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/FontAwesome.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'FontAwesome', require('./fonts/FontAwesome.ttf'));
+import FontAwesome from './build/FontAwesome';
+export default FontAwesome;

FontAwesome5.js

@@ -1,13 +0,2 @@
-import React from 'react';
-
-export default class FontAwesome5 extends React.Component {
-  componentDidMount() {
-    console.warn(
-      'FontAwesome5 is not supported by @expo/vector-icons: https://github.com/expo/vector-icons/issues/77'
-    );
-  }
-
-  render() {
-    return null;
-  }
-}
+import FontAwesome5 from './build/FontAwesome5';
+export default FontAwesome5;

Foundation.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/Foundation.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'foundation', require('./fonts/Foundation.ttf'));
+import Foundation from './build/Foundation';
+export default Foundation;

Ionicons.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/Ionicons.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'ionicons', require('./fonts/Ionicons.ttf'));
+import Ionicons from './build/Ionicons';
+export default Ionicons;

MaterialCommunityIcons.js

@@ -1,8 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/MaterialCommunityIcons.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(
-  glyphMap,
-  'material-community',
-  require('./fonts/MaterialCommunityIcons.ttf')
-);
+import MaterialCommunityIcons from './build/MaterialCommunityIcons';
+export default MaterialCommunityIcons;

MaterialIcons.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/MaterialIcons.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'material', require('./fonts/MaterialIcons.ttf'));
+import MaterialIcons from './build/MaterialIcons';
+export default MaterialIcons;

Octicons.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/Octicons.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'octicons', require('./fonts/Octicons.ttf'));
+import Octicons from './build/Octicons';
+export default Octicons;

package.json

 {
   "name": "expo-vector-icons",
-  "version": "9.0.0",
+  "sideEffects": false,
+  "version": "10.0.0",
   "description": "Built-in support for popular icon fonts and the tooling to create your own Icon components from your font and glyph map. This is a wrapper around react-native-vector-icons to make it compatible with Expo.",
-  "main": "index.js",
-  "scripts": {},
+  "main": "build/IconsLazy.js",
+  "module": "build/Icons.js",
+  "types": "build/Icons.d.ts",
+  "scripts": {
+    "copy-vendor": "cp -R src/vendor/ build/vendor/",
+    "generate-lazy": "expo-module babel --config-file ./babel.config.build.js --source-maps --out-file build/IconsLazy.js build/Icons.js",
+    "build": "EXPO_NONINTERACTIVE=1 expo-module build && npm run generate-lazy && npm run copy-vendor",
+    "build:dev": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "eslint tools",
+    "test": "expo-module test",
+    "prepare": "expo-module prepare && npm run generate-lazy && npm run copy-vendor",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module"
+  },
   "repository": {
@@ -15,2 +29,5 @@ "type": "git",
   "author": "Brent Vatne",
+  "contributors": [
+    "Evan Bacon <[e-mail]> (https://github.com/evanbacon)"
+  ],
   "license": "MIT",
@@ -20,8 +37,17 @@ "bugs": {
   },
+  "jest": {
+    "preset": "expo-module-scripts"
+  },
   "homepage": "https://expo.github.io/vector-icons",
+  "unimodulePeerDependencies": {
+    "expo-font": "*"
+  },
   "dependencies": {
-    "lodash": "^4.17.4",
-    "react-native-vector-icons": "6.0.0"
+    "lodash": "^4.17.4"
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "@types/react-native": "~0.57",
+    "expo-font": "^3.0.1",
+    "expo-module-scripts": "^1.0.0"
+  }
 }

README.md

@@ -12,8 +12,10 @@ # @expo/vector-icons
 - [@expo/vector-icons directory](https://expo.github.io/vector-icons/) - a searchable list of all included icons.
-![Screenshot of website](https://raw.githubusercontent.com/expo/vector-icons/master/website-screenshot.png)
+  ![Screenshot of website](https://raw.githubusercontent.com/expo/vector-icons/master/website-screenshot.png)
 - [Expo documentation](https://docs.expo.io/)
 
 ## Usage
+
 This library is part of the `expo` package, so if you are using `expo` you can simply use it like so
-```es
+
+```tsx
 import React from 'react';
@@ -24,8 +26,7 @@ import { Ionicons } from '@expo/vector-icons';
   render() {
-    return (
-      <Ionicons name="md-checkmark-circle" size={32} color="green" />
-    );
+    return <Ionicons name="md-checkmark-circle" size={32} color="green" />;
   }
 }
 ```
+
 for more usage see [Expo icons documentation](https://docs.expo.io/versions/latest/guides/icons.html)

SimpleLineIcons.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/SimpleLineIcons.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'simple-line-icons', require('./fonts/SimpleLineIcons.ttf'));
+import SimpleLineIcons from './build/SimpleLineIcons';
+export default SimpleLineIcons;

Zocial.js

@@ -1,4 +0,2 @@
-import glyphMap from './vendor/react-native-vector-icons/glyphmaps/Zocial.json';
-import createIconSet from './createIconSet';
-
-export default createIconSet(glyphMap, 'zocial', require('./fonts/Zocial.ttf'));
+import Zocial from './build/Zocial';
+export default Zocial;

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6799868

increased by19.04%

Dependency count

1

decreased by-50%

Number of package files

284

increased by105.8%

Lines of code

39549

increased by133.64%

Number of lines in readme file

31

increased by3.33%

Worsened metrics

Dev dependency count

3

increased byInfinity%

Number of low supply chain risk alerts

12

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedreact-native-vector-icons@6.0.0

• - Removedansi-regex@2.1.13.0.1(transitive)

• - Removedcamelcase@4.1.0(transitive)

• - Removedcliui@3.2.0(transitive)

• - Removedcode-point-at@1.1.0(transitive)

• - Removedcross-spawn@5.1.0(transitive)

• - Removeddecamelize@1.2.0(transitive)

• - Removederror-ex@1.3.2(transitive)

• - Removedexeca@0.7.0(transitive)

• - Removedfind-up@2.1.0(transitive)

• - Removedfunction-bind@1.1.2(transitive)

• - Removedget-caller-file@1.0.3(transitive)

• - Removedget-stream@3.0.0(transitive)

• - Removedgraceful-fs@4.2.11(transitive)

• - Removedhasown@2.0.2(transitive)

• - Removedhosted-git-info@2.8.9(transitive)

• - Removedinvert-kv@1.0.0(transitive)

• - Removedis-arrayish@0.2.1(transitive)

• - Removedis-core-module@2.13.1(transitive)

• - Removedis-fullwidth-code-point@1.0.02.0.0(transitive)

• - Removedis-stream@1.1.0(transitive)

• - Removedisexe@2.0.0(transitive)

• - Removedjs-tokens@4.0.0(transitive)

• - Removedlcid@1.0.0(transitive)

• - Removedload-json-file@2.0.0(transitive)

• - Removedlocate-path@2.0.0(transitive)

• - Removedloose-envify@1.4.0(transitive)

• - Removedlru-cache@4.1.5(transitive)

• - Removedmem@1.1.0(transitive)

• - Removedmimic-fn@1.2.0(transitive)

• - Removednormalize-package-data@2.5.0(transitive)

• - Removednpm-run-path@2.0.2(transitive)

• - Removednumber-is-nan@1.0.1(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedos-locale@2.1.0(transitive)

• - Removedp-finally@1.0.0(transitive)

• - Removedp-limit@1.3.0(transitive)

• - Removedp-locate@2.0.0(transitive)

• - Removedp-try@1.0.0(transitive)

• - Removedparse-json@2.2.0(transitive)

• - Removedpath-exists@3.0.0(transitive)

• - Removedpath-key@2.0.1(transitive)

• - Removedpath-parse@1.0.7(transitive)

• - Removedpath-type@2.0.0(transitive)

• - Removedpify@2.3.0(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedpseudomap@1.0.2(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedreact-native-vector-icons@6.0.0(transitive)

• - Removedread-pkg@2.0.0(transitive)

• - Removedread-pkg-up@2.0.0(transitive)

• - Removedrequire-directory@2.1.1(transitive)

• - Removedrequire-main-filename@1.0.1(transitive)

• - Removedresolve@1.22.8(transitive)

• - Removedsemver@5.7.2(transitive)

• - Removedset-blocking@2.0.0(transitive)

• - Removedshebang-command@1.2.0(transitive)

• - Removedshebang-regex@1.0.0(transitive)

• - Removedsignal-exit@3.0.7(transitive)

• - Removedspdx-correct@3.2.0(transitive)

• - Removedspdx-exceptions@2.5.0(transitive)

• - Removedspdx-expression-parse@3.0.1(transitive)

• - Removedspdx-license-ids@3.0.17(transitive)

• - Removedstring-width@1.0.22.1.1(transitive)

• - Removedstrip-ansi@3.0.14.0.0(transitive)

• - Removedstrip-bom@3.0.0(transitive)

• - Removedstrip-eof@1.0.0(transitive)

• - Removedsupports-preserve-symlinks-flag@1.0.0(transitive)

• - Removedvalidate-npm-package-license@3.0.4(transitive)

• - Removedwhich@1.3.1(transitive)

• - Removedwhich-module@2.0.1(transitive)

• - Removedwrap-ansi@2.1.0(transitive)

• - Removedy18n@3.2.2(transitive)

• - Removedyallist@2.1.2(transitive)

• - Removedyargs@8.0.2(transitive)

• - Removedyargs-parser@7.0.0(transitive)