diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml new file mode 100644 index 0000000..a01c553 --- /dev/null +++ b/.github/FUNDING.yml @@ -0,0 +1 @@ +github: [pheralb] diff --git a/.github/workflows/publish-release.yml b/.github/workflows/publish-release.yml index 44839bd..e2d1fd6 100644 --- a/.github/workflows/publish-release.yml +++ b/.github/workflows/publish-release.yml @@ -9,7 +9,7 @@ concurrency: ${{ github.workflow }}-${{ github.ref }} jobs: release: - name: Release + name: 🚀 Release runs-on: ubuntu-latest steps: - name: Checkout Repo diff --git a/README.md b/README.md index a8bd14d..c8b78e8 100644 --- a/README.md +++ b/README.md @@ -1,29 +1,29 @@
- +

-🔎 Discover -  •   -🚀 Getting Started -  •   -🐦 Twitter +Explore +  ❖   +Getting Started +  ❖   +License +  ❖   +VSCode Theme +[![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2Fpheralb%2Freact-symbols%2Fbadge%3Fref%3Dmain&style=flat)](https://actions-badge.atrox.dev/pheralb/react-symbols/goto?ref=main) ![GitHub releases](https://img.shields.io/github/release/pheralb/react-symbols) ![GitHub stars](https://img.shields.io/github/stars/pheralb/react-symbols) ![GitHub issues](https://img.shields.io/github/issues/pheralb/react-symbols) ![GitHub license](https://img.shields.io/github/license/pheralb/react-symbols) -[![Required Node.JS >=16.0.0](https://img.shields.io/static/v1?label=node&message=%20%3E=16.0.0&logo=node.js&color=3f893e)](https://nodejs.org/about/releases)
## 👋 Introduction -[**React-Symbols**](https://react-symbols.vercel.app/) is a library for React with the icons of the VSCode theme ["Symbols"](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols) by [Miguel Solorio (@miguelsolorio)](https://github.com/miguelsolorio). - -## 🎉 Features +[**React-Symbols**](https://react-symbols.vercel.app/) is a library for React with the icons of the VSCode theme ["Symbols"](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols) by [Miguel Solorio (@miguelsolorio)](https://github.com/miguelsolorio): - **+100** icons. - **Lightweight**. @@ -32,21 +32,21 @@ ## 🚀 Getting Started -> 🚧 React-Symbols require **React >=16.8.0**. +> React-Symbols require **React >=16.8.0**. ### - Install ```bash -# npm -> +# with npm: npm install @react-symbols/icons -# pnpm -> +# with pnpm: pnpm add @react-symbols/icons -# ultra -> +# with ultra: ultra install @react-symbols/icons -# yarn -> +# with yarn: yarn add @react-symbols/icons ``` @@ -68,26 +68,33 @@ const MyComponent = () => { export default MyComponent; ``` -
- 📀 Config for use the library in Remix. +- 📀 Config for use the library with [Remix](https://remix.run/): ```js // Add in the remix.config.js: - module.exports = { ... - serverDependenciesToBundle: ["@react-symbols/icons"], // <- + serverDependenciesToBundle: ["@react-symbols/icons"], // 👈 ... }; ``` -- [Importing ESM Packages - Remix Docs](https://remix.run/docs/en/v1/pages/gotchas#importing-esm-packages). -
+## ⚙️ Stack + +This is a [Turborepo](https://turbo.build/repo) project bootstrapped with [`create-turbo`](https://www.npmjs.com/package/create-turbo): + +**For library:** + +- [SWC](https://swc.rs/) - Rust-based platform for the Web. +- [React 18](https://reactjs.org/) - A JavaScript library for building user interfaces. +- [Typescript](https://www.typescriptlang.org/) - Typed JavaScript at Any Scale. -## 📦 Icons +**For website:** -- ✅ [Icons/files](https://github.com/miguelsolorio/vscode-symbols/tree/main/src/icons/files). -- 🧩 [Icons/folders](https://github.com/miguelsolorio/vscode-symbols/tree/main/src/icons/folders). +- [Remix](https://remix.run/) - Create modern, resilient user experiences with web fundamentals. +- [Typescript](https://www.typescriptlang.org/) - Typed JavaScript at Any Scale. +- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for rapidly building custom designs. +- [react-hot-toast](https://react-hot-toast.com/) - Beautifully React notifications. ## 🙌 Contributing diff --git a/library/package.json b/library/package.json index 08c01c1..0f8ac26 100644 --- a/library/package.json +++ b/library/package.json @@ -1,6 +1,6 @@ { "name": "@react-symbols/icons", - "version": "1.1.7", + "version": "1.1.8", "description": "Symbols icons by Miguel Solorio for React", "keywords": [ "react", @@ -39,15 +39,15 @@ "prepublishOnly": "npm run build" }, "devDependencies": { - "@swc/cli": "0.1.59", - "@swc/core": "1.3.24", - "@types/node": "18.11.18", - "@types/react": "18.0.26", - "@types/react-dom": "18.0.10", + "@swc/cli": "0.1.62", + "@swc/core": "1.3.56", + "@types/node": "18.16.3", + "@types/react": "18.2.1", + "@types/react-dom": "18.2.2", "react": "18.2.0", "react-dom": "18.2.0", - "tsup": "6.5.0", - "typescript": "4.9.4" + "tsup": "6.7.0", + "typescript": "5.0.4" }, "peerDependencies": { "react": ">=16.8.0", diff --git a/library/src/index.ts b/library/src/index.ts index c5ce9d6..0c98e89 100644 --- a/library/src/index.ts +++ b/library/src/index.ts @@ -111,6 +111,12 @@ export { default as Yaml } from './library/yaml.js'; export { default as Yarn } from './library/yarn.js'; export { default as Zig } from './library/zig.js'; export { default as Http } from './library/http.js'; +export { default as Vercel } from './library/vercel.js'; +export { default as Rescript } from './library/rescript.js'; +export { default as RescriptInterface } from './library/rescriptInterface.js'; +export { default as Netlify } from './library/netlify.js'; +export { default as EditorConfig } from './library/editorConfig.js'; +export { default as Deno } from './library/deno.js'; // Folders => diff --git a/library/src/library/deno.tsx b/library/src/library/deno.tsx new file mode 100644 index 0000000..d7141c8 --- /dev/null +++ b/library/src/library/deno.tsx @@ -0,0 +1,23 @@ +import { ComponentProps, FC } from 'react'; + +const Deno: FC> = (props) => ( + + + + +); + +export default Deno; diff --git a/library/src/library/editorConfig.tsx b/library/src/library/editorConfig.tsx new file mode 100644 index 0000000..ce6ad2b --- /dev/null +++ b/library/src/library/editorConfig.tsx @@ -0,0 +1,46 @@ +import { ComponentProps, FC } from 'react'; + +const EditorConfig: FC> = (props) => ( + + + + + + + +); + +export default EditorConfig; diff --git a/library/src/library/netlify.tsx b/library/src/library/netlify.tsx new file mode 100644 index 0000000..f5c66c6 --- /dev/null +++ b/library/src/library/netlify.tsx @@ -0,0 +1,17 @@ +import { ComponentProps, FC } from 'react'; + +const Netlify: FC> = (props) => ( + + + +); + +export default Netlify; diff --git a/library/src/library/rescript.tsx b/library/src/library/rescript.tsx new file mode 100644 index 0000000..786a7b2 --- /dev/null +++ b/library/src/library/rescript.tsx @@ -0,0 +1,17 @@ +import { ComponentProps, FC } from 'react'; + +const Rescript: FC> = (props) => ( + + + +); + +export default Rescript; diff --git a/library/src/library/rescriptInterface.tsx b/library/src/library/rescriptInterface.tsx new file mode 100644 index 0000000..5205aa8 --- /dev/null +++ b/library/src/library/rescriptInterface.tsx @@ -0,0 +1,21 @@ +import { ComponentProps, FC } from 'react'; + +const RescriptInterface: FC> = (props) => ( + + + + +); + +export default RescriptInterface; diff --git a/library/src/library/vercel.tsx b/library/src/library/vercel.tsx new file mode 100644 index 0000000..a1bf2c7 --- /dev/null +++ b/library/src/library/vercel.tsx @@ -0,0 +1,14 @@ +import { ComponentProps, FC } from 'react'; + +const Vercel: FC> = (props) => ( + + + +); + +export default Vercel; diff --git a/package.json b/package.json index 3054ac9..c959aa2 100644 --- a/package.json +++ b/package.json @@ -15,12 +15,12 @@ "release": "turbo run build --filter=website^... && changeset publish" }, "dependencies": { - "@changesets/cli": "2.26.0", + "@changesets/cli": "2.26.1", "@react-symbols/icons": "*" }, "devDependencies": { - "prettier": "2.8.1", - "turbo": "1.6.3" + "prettier": "2.8.8", + "turbo": "1.9.3" }, "engines": { "node": ">=14.0.0", diff --git a/website/package.json b/website/package.json index 9ee97e1..210d60f 100644 --- a/website/package.json +++ b/website/package.json @@ -31,29 +31,29 @@ }, "dependencies": { "@react-symbols/icons": "*", - "@remix-run/node": "1.9.0", - "@remix-run/react": "1.9.0", - "@remix-run/vercel": "1.9.0", - "@vercel/node": "2.8.2", - "framer-motion": "8.0.2", + "@remix-run/node": "1.16.0", + "@remix-run/react": "1.16.0", + "@remix-run/vercel": "1.16.0", + "@vercel/node": "2.14.0", + "framer-motion": "10.12.7", "react": "18.2.0", "react-dom": "18.2.0", - "react-hot-toast": "2.4.0", + "react-hot-toast": "2.4.1", "rehype-highlight": "6.0.0" }, "devDependencies": { - "@remix-run/dev": "1.9.0", - "@remix-run/eslint-config": "1.9.0", - "@remix-run/serve": "1.9.0", - "@tailwindcss/typography": "0.5.8", - "@types/react": "18.0.26", - "@types/react-dom": "18.0.10", - "autoprefixer": "10.4.13", - "concurrently": "7.6.0", - "eslint": "8.30.0", - "postcss": "8.4.20", - "tailwindcss": "3.2.4", - "typescript": "4.9.4" + "@remix-run/dev": "1.16.0", + "@remix-run/eslint-config": "1.16.0", + "@remix-run/serve": "1.16.0", + "@tailwindcss/typography": "0.5.9", + "@types/react": "18.2.1", + "@types/react-dom": "18.2.2", + "autoprefixer": "10.4.14", + "concurrently": "8.0.1", + "eslint": "8.39.0", + "postcss": "8.4.23", + "tailwindcss": "3.3.2", + "typescript": "5.0.4" }, "engines": { "node": ">=14" diff --git a/website/public/images/og_image.png b/website/public/images/og_image.png new file mode 100644 index 0000000..f12613c Binary files /dev/null and b/website/public/images/og_image.png differ diff --git a/website/src/data/icons.ts b/website/src/data/icons.ts index 4bde506..b407f86 100644 --- a/website/src/data/icons.ts +++ b/website/src/data/icons.ts @@ -112,6 +112,12 @@ export const Icons = [ { name: "Yarn", icon: ReactSymbols.Yarn }, { name: "Zig", icon: ReactSymbols.Zig }, { name: "Http", icon: ReactSymbols.Http }, + { name: "Deno", icon: ReactSymbols.Deno }, + { name: "Vercel", icon: ReactSymbols.Vercel }, + { name: "Netlify", icon: ReactSymbols.Netlify }, + { name: "EditorConfig", icon: ReactSymbols.EditorConfig }, + { name: "Rescript", icon: ReactSymbols.Rescript }, + { name: "RescriptInterface", icon: ReactSymbols.RescriptInterface }, ]; export const Folders = [