From 969254d9860f7fbe2fe19df0a04b2a8c48a4936e Mon Sep 17 00:00:00 2001 From: Eric Fennis Date: Wed, 19 Oct 2022 22:34:35 +0200 Subject: [PATCH] Update readme and update repo logo (#828) * Add ids to logos * try this * fix viewBox svg images * update svgs * Update README.md * update readme * fix badges * small fix * fix image url --- README.md | 60 ++++++------- site/public/logo-icon.svg | 1 + site/public/lucide-logo-repo.svg | 7 +- .../package-logos/lucide-angular-small.svg | 6 -- site/public/package-logos/lucide-angular.svg | 15 +++- .../package-logos/lucide-flutter-small.svg | 6 -- site/public/package-logos/lucide-flutter.svg | 15 ++++ .../package-logos/lucide-preact-small.svg | 6 -- site/public/package-logos/lucide-preact.svg | 15 +++- .../lucide-react-native-small.svg | 6 -- .../package-logos/lucide-react-native.svg | 16 +++- .../package-logos/lucide-react-small.svg | 6 -- site/public/package-logos/lucide-react.svg | 15 +++- site/public/package-logos/lucide-small.svg | 6 -- site/public/package-logos/lucide-solid.svg | 44 +++++++++ .../package-logos/lucide-static-small.svg | 6 -- site/public/package-logos/lucide-static.svg | 16 +++- .../package-logos/lucide-svelte-small.svg | 6 -- site/public/package-logos/lucide-svelte.svg | 13 ++- .../package-logos/lucide-vue-next-small.svg | 6 -- site/public/package-logos/lucide-vue-next.svg | 15 +++- .../public/package-logos/lucide-vue-small.svg | 6 -- site/public/package-logos/lucide-vue.svg | 14 ++- site/public/package-logos/lucide.svg | 13 ++- site/src/components/Package.tsx | 14 +-- site/src/data/packageData.json | 89 +++++++++++++++++++ site/src/data/packageData.thirdParty.json | 13 +++ site/src/data/packageData.tsx | 64 ------------- site/src/pages/packages/index.tsx | 20 +++-- 29 files changed, 323 insertions(+), 196 deletions(-) delete mode 100644 site/public/package-logos/lucide-angular-small.svg delete mode 100644 site/public/package-logos/lucide-flutter-small.svg create mode 100644 site/public/package-logos/lucide-flutter.svg delete mode 100644 site/public/package-logos/lucide-preact-small.svg delete mode 100644 site/public/package-logos/lucide-react-native-small.svg delete mode 100644 site/public/package-logos/lucide-react-small.svg delete mode 100644 site/public/package-logos/lucide-small.svg create mode 100644 site/public/package-logos/lucide-solid.svg delete mode 100644 site/public/package-logos/lucide-static-small.svg delete mode 100644 site/public/package-logos/lucide-svelte-small.svg delete mode 100644 site/public/package-logos/lucide-vue-next-small.svg delete mode 100644 site/public/package-logos/lucide-vue-small.svg create mode 100644 site/src/data/packageData.json create mode 100644 site/src/data/packageData.thirdParty.json delete mode 100644 site/src/data/packageData.tsx diff --git a/README.md b/README.md index fb968a58d..b9940398d 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,15 @@ -

Lucide Logo

+

Lucide Logo

+

+ license + npm package + figma installs + build status + discord chat +

# Lucide -![NPM](https://img.shields.io/npm/l/lucide) -[![npm](https://img.shields.io/npm/v/lucide)](https://www.npmjs.com/package/lucide) -[![installs](https://img.shields.io/endpoint?logo=figma&label=installs&url=https://yuanqing.github.io/figma-plugins-stats/plugin/939567362549682242/installs.json)](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons) -[![Discord](https://img.shields.io/discord/723074157486800936?label=chat&logo=discord&logoColor=%23ffffff&colorB=%237289DA)](https://discord.gg/EH6nSts) - -## What is Lucide? - -Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons. +Community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons. It began after growing disaffection with the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted. @@ -23,29 +23,25 @@ Lucide is trying to expand the icon set as much as possible while staying faithf ## Table of Contents -- [Lucide](#lucide) - - [What is Lucide?](#what-is-lucide) - - [Why choose Lucide over Feather Icons](#why-choose-lucide-over-feather-icons) - - [Table of Contents](#table-of-contents) - - [Usage](#usage) - - [Web](#web) - - [React](#react) - - [React Native](#react-native) - - [Vue 2](#vue-2) - - [Vue 3](#vue-3) - - [Angular](#angular) - - [Preact](#preact) - - [Static (svg sprite, font, icons ..)](#static-svg-sprite-font-icons-) - - [Figma](#figma) - - [Laravel](#laravel) - - [Flutter](#flutter) - - [Svelte](#svelte) - - [Solid](#solid) - - [Contributing](#contributing) - - [Community](#community) - - [License](#license) - - [Credits](#credits) - - [Sponsors](#sponsors) +- [Usage](#usage) + - [Web](#web) + - [React](#react) + - [React Native](#react-native) + - [Vue 2](#vue-2) + - [Vue 3](#vue-3) + - [Angular](#angular) + - [Preact](#preact) + - [Static (svg sprite, font, icons ..)](#static-svg-sprite-font-icons-) + - [Figma](#figma) + - [Laravel](#laravel) + - [Flutter](#flutter) + - [Svelte](#svelte) + - [Solid](#solid) +- [Contributing](#contributing) +- [Community](#community) +- [License](#license) +- [Credits](#credits) +- [Sponsors](#sponsors) ## Usage diff --git a/site/public/logo-icon.svg b/site/public/logo-icon.svg index 1521e493d..35858dd4e 100644 --- a/site/public/logo-icon.svg +++ b/site/public/logo-icon.svg @@ -8,6 +8,7 @@ stroke-width="2" stroke-linecap="round" stroke-linejoin="round" + id="lucide-logo" > diff --git a/site/public/lucide-logo-repo.svg b/site/public/lucide-logo-repo.svg index 2a1d6bd36..582d573df 100644 --- a/site/public/lucide-logo-repo.svg +++ b/site/public/lucide-logo-repo.svg @@ -1,4 +1,9 @@ - + + + + + + diff --git a/site/public/package-logos/lucide-angular-small.svg b/site/public/package-logos/lucide-angular-small.svg deleted file mode 100644 index ceefe0adb..000000000 --- a/site/public/package-logos/lucide-angular-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-angular.svg b/site/public/package-logos/lucide-angular.svg index a29e8fbed..9aff8cde6 100644 --- a/site/public/package-logos/lucide-angular.svg +++ b/site/public/package-logos/lucide-angular.svg @@ -1,6 +1,15 @@ - + - + + + + + - + + + + + + diff --git a/site/public/package-logos/lucide-flutter-small.svg b/site/public/package-logos/lucide-flutter-small.svg deleted file mode 100644 index ac2ff941c..000000000 --- a/site/public/package-logos/lucide-flutter-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-flutter.svg b/site/public/package-logos/lucide-flutter.svg new file mode 100644 index 000000000..3313619ae --- /dev/null +++ b/site/public/package-logos/lucide-flutter.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/site/public/package-logos/lucide-preact-small.svg b/site/public/package-logos/lucide-preact-small.svg deleted file mode 100644 index 6af8010a0..000000000 --- a/site/public/package-logos/lucide-preact-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-preact.svg b/site/public/package-logos/lucide-preact.svg index 3aada82ff..7659de9d3 100644 --- a/site/public/package-logos/lucide-preact.svg +++ b/site/public/package-logos/lucide-preact.svg @@ -1,6 +1,15 @@ - + - + + + + + - + + + + + + diff --git a/site/public/package-logos/lucide-react-native-small.svg b/site/public/package-logos/lucide-react-native-small.svg deleted file mode 100644 index 75fd40fd1..000000000 --- a/site/public/package-logos/lucide-react-native-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-react-native.svg b/site/public/package-logos/lucide-react-native.svg index c11c7c5ae..5bcafa436 100644 --- a/site/public/package-logos/lucide-react-native.svg +++ b/site/public/package-logos/lucide-react-native.svg @@ -1,6 +1,16 @@ - + - + + + + + - + + diff --git a/site/public/package-logos/lucide-react-small.svg b/site/public/package-logos/lucide-react-small.svg deleted file mode 100644 index 826768411..000000000 --- a/site/public/package-logos/lucide-react-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-react.svg b/site/public/package-logos/lucide-react.svg index 27d0d1337..9dc73199a 100644 --- a/site/public/package-logos/lucide-react.svg +++ b/site/public/package-logos/lucide-react.svg @@ -1,6 +1,15 @@ - + - + + + + + - + diff --git a/site/public/package-logos/lucide-small.svg b/site/public/package-logos/lucide-small.svg deleted file mode 100644 index 9197648aa..000000000 --- a/site/public/package-logos/lucide-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-solid.svg b/site/public/package-logos/lucide-solid.svg new file mode 100644 index 000000000..caab9f37f --- /dev/null +++ b/site/public/package-logos/lucide-solid.svg @@ -0,0 +1,44 @@ + + + + + + + + + + diff --git a/site/public/package-logos/lucide-static-small.svg b/site/public/package-logos/lucide-static-small.svg deleted file mode 100644 index eb1309249..000000000 --- a/site/public/package-logos/lucide-static-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-static.svg b/site/public/package-logos/lucide-static.svg index 58a694ed6..d3df58411 100644 --- a/site/public/package-logos/lucide-static.svg +++ b/site/public/package-logos/lucide-static.svg @@ -1,6 +1,16 @@ - + - + + + + + - + diff --git a/site/public/package-logos/lucide-svelte-small.svg b/site/public/package-logos/lucide-svelte-small.svg deleted file mode 100644 index 707ebd265..000000000 --- a/site/public/package-logos/lucide-svelte-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-svelte.svg b/site/public/package-logos/lucide-svelte.svg index 543f59fd3..df5863ce4 100644 --- a/site/public/package-logos/lucide-svelte.svg +++ b/site/public/package-logos/lucide-svelte.svg @@ -1,6 +1,13 @@ - + - + + + + + - + diff --git a/site/public/package-logos/lucide-vue-next-small.svg b/site/public/package-logos/lucide-vue-next-small.svg deleted file mode 100644 index 28c685f75..000000000 --- a/site/public/package-logos/lucide-vue-next-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-vue-next.svg b/site/public/package-logos/lucide-vue-next.svg index beca9d945..304cb803a 100644 --- a/site/public/package-logos/lucide-vue-next.svg +++ b/site/public/package-logos/lucide-vue-next.svg @@ -1,6 +1,15 @@ - + - + + + + + - + diff --git a/site/public/package-logos/lucide-vue-small.svg b/site/public/package-logos/lucide-vue-small.svg deleted file mode 100644 index d42671dd9..000000000 --- a/site/public/package-logos/lucide-vue-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-vue.svg b/site/public/package-logos/lucide-vue.svg index 756ad6d94..3f30d654e 100644 --- a/site/public/package-logos/lucide-vue.svg +++ b/site/public/package-logos/lucide-vue.svg @@ -1,6 +1,14 @@ - + - + + + + + - + + diff --git a/site/public/package-logos/lucide.svg b/site/public/package-logos/lucide.svg index a769df91d..709b33784 100644 --- a/site/public/package-logos/lucide.svg +++ b/site/public/package-logos/lucide.svg @@ -1,6 +1,13 @@ - + - + + + + + - + diff --git a/site/src/components/Package.tsx b/site/src/components/Package.tsx index aa3255e0f..1487050a1 100644 --- a/site/src/components/Package.tsx +++ b/site/src/components/Package.tsx @@ -7,7 +7,6 @@ import { useColorMode, ButtonGroup, } from '@chakra-ui/react'; -import Image from 'next/image'; import { Code, FileText } from 'lucide-react'; import Link from 'next/link'; @@ -19,17 +18,17 @@ interface Shield { export interface PackageItem { name: string description: string - image: string + icon: string shields: Shield[] source: string documentation: string - order: number + order?: number private?: boolean flutter?: object } -const Package = ({ name, description, image, shields, source, documentation }: PackageItem) => { +const Package = ({ name, description, icon, shields, source, documentation }: PackageItem) => { const { colorMode } = useColorMode(); return ( @@ -66,7 +65,12 @@ const Package = ({ name, description, image, shields, source, documentation }: P align="center" > - + + + + + + { +const PackagesPage = ({ packages, thirdPartyPackages }: PackagesPageProps): JSX.Element => { return ( @@ -23,6 +25,13 @@ const PackagesPage = ({ packages }: PackagesPageProps): JSX.Element => { {packages.length ? packages.map(packageItem => ) : null} + + + Third party packages + + + {thirdPartyPackages.length ? thirdPartyPackages.map(packageItem => ) : null} + ); @@ -40,16 +49,13 @@ export async function getStaticProps(): Promise a.order - b.order); - console.log(packages); - - - return { props: { packages } }; + return { props: { packages, thirdPartyPackages: thirdPartyPackagesData } }; }