chore: rename all types

README.md

@@ -1,4 +1,4 @@
-# react-native-iconify v3
+# monicon
 
 ## Development
 

apps/next/app/page.tsx

@@ -1,13 +1,13 @@
-import { Iconify } from "@monicon/react";
+import { Monicon } from "@monicon/react";
 
 import styles from "../styles/index.module.css";
 
 export default function Web() {
   return (
     <main className={styles.container}>
-      <Iconify name="mdi:home" />
-      <Iconify name="logos:active-campaign" size={30} />
-      <Iconify name="logos:apache-superset-icon" />
+      <Monicon name="mdi:home" />
+      <Monicon name="logos:active-campaign" size={30} />
+      <Monicon name="logos:apache-superset-icon" />
     </main>
   );
 }

apps/next/next.config.js

@@ -1,4 +1,4 @@
-const { IconifyPlugin } = require("@monicon/webpack");
+const { MoniconPlugin } = require("@monicon/webpack");
 
 module.exports = {
   reactStrictMode: true,
@@ -18,7 +18,7 @@ module.exports = {
     ];
 
     config.plugins.push(
-      new IconifyPlugin({
+      new MoniconPlugin({
         icons: [
           "mdi:home",
           "mdi:account",

apps/nuxt-app/app.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { Iconify } from "@monicon/vue";
-
 useHead({
   title: "Nuxt App",
   meta: [{ name: "description", content: "Generated by create turbo" }],
@@ -9,10 +7,10 @@ useHead({
 
 <template>
   <main>
-    <Iconify name="mdi:home" :size="24" />
-    <Iconify name="logos:active-campaign" />
-    <Iconify name="logos:apache-superset-icon" />
-    <Iconify name="invalid:icon" />
+    <Monicon name="mdi:home" :size="24" />
+    <Monicon name="logos:active-campaign" />
+    <Monicon name="logos:apache-superset-icon" />
+    <Monicon name="invalid:icon" />
   </main>
 </template>
 

apps/nuxt-app/nuxt.config.ts

@@ -2,7 +2,7 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   compatibilityDate: "2024-10-05",
   modules: ["@monicon/nuxt"],
-  iconify: {
+  monicon: {
     icons: [
       "mdi:home",
       "mdi:account",

apps/react-native-app/App.tsx

@@ -1,15 +1,15 @@
 import React from "react";
 import { StyleSheet, View } from "react-native";
-import { Iconify } from "@monicon/native";
+import { Monicon } from "@monicon/native";
 
 export default function App() {
   return (
     <View style={styles.container}>
-      <Iconify name="mdi:home" />
-      <Iconify name="feather:activity" />
-      <Iconify name="logos:active-campaign" size={30} />
-      <Iconify name="logos:apache-superset-icon" />
-      <Iconify name="invalid:icon" />
+      <Monicon name="mdi:home" />
+      <Monicon name="feather:activity" />
+      <Monicon name="logos:active-campaign" size={30} />
+      <Monicon name="logos:apache-superset-icon" />
+      <Monicon name="invalid:icon" />
     </View>
   );
 }

apps/react-native-app/metro.config.js

@@ -1,6 +1,6 @@
 // Learn more https://docs.expo.io/guides/customizing-metro
 const { getDefaultConfig } = require("expo/metro-config");
-const { withIconify } = require("@monicon/metro");
+const { withMonicon } = require("@monicon/metro");
 const path = require("path");
 
 // Find the workspace root, this can be replaced with `find-yarn-workspace-root`
@@ -9,7 +9,7 @@ const projectRoot = __dirname;
 
 const config = getDefaultConfig(projectRoot);
 
-const configWithIconify = withIconify(config, {
+const configWithMonicon = withMonicon(config, {
   icons: [
     "mdi:home",
     "mdi:account",
@@ -23,13 +23,13 @@ const configWithIconify = withIconify(config, {
 });
 
 // 1. Watch all files within the monorepo
-configWithIconify.watchFolders = [workspaceRoot];
+configWithMonicon.watchFolders = [workspaceRoot];
 // 2. Let Metro know where to resolve packages, and in what order
-configWithIconify.resolver.nodeModulesPaths = [
+configWithMonicon.resolver.nodeModulesPaths = [
   path.resolve(projectRoot, "node_modules"),
   path.resolve(workspaceRoot, "node_modules"),
 ];
 // 3. Force Metro to resolve (sub)dependencies only from the `nodeModulesPaths`
-configWithIconify.resolver.disableHierarchicalLookup = true;
+configWithMonicon.resolver.disableHierarchicalLookup = true;
 
-module.exports = configWithIconify;
+module.exports = configWithMonicon;

apps/react-native-app/webpack.config.js

@@ -1,11 +1,11 @@
 const createExpoWebpackConfigAsync = require("@expo/webpack-config");
-const { IconifyPlugin } = require("@monicon/webpack");
+const { MoniconPlugin } = require("@monicon/webpack");
 
 module.exports = async function (env, argv) {
   const config = await createExpoWebpackConfigAsync(env, argv);
 
   config.plugins.push(
-    new IconifyPlugin({
+    new MoniconPlugin({
       icons: [
         "mdi:home",
         "mdi:account",

apps/rollup-react/rollup.config.mjs

@@ -2,7 +2,7 @@ import nodeResolve from "@rollup/plugin-node-resolve";
 import commonjs from "@rollup/plugin-commonjs";
 import babel from "@rollup/plugin-babel";
 import replace from "@rollup/plugin-replace";
-import { IconifyPlugin } from "@monicon/rollup";
+import monicon from "@monicon/rollup";
 import serve from "rollup-plugin-serve";
 
 const isDev = process.env.NODE_ENV === "development";
@@ -19,7 +19,7 @@ export default {
     nodeResolve({
       extensions: [".js", ".jsx"],
     }),
-    IconifyPlugin({
+    monicon({
       outputFileName: "rollup-react",
       icons: ["mdi:home"],
     }),

apps/rollup-react/src/App.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Iconify } from "@monicon/react";
+import { Monicon } from "@monicon/react";
 
 const App = () => {
   return (
@@ -12,7 +12,7 @@ const App = () => {
         height: "100vh",
       }}
     >
-      <Iconify name="mdi:home" size={32} />
+      <Monicon name="mdi:home" size={32} />
     </main>
   );
 };

apps/rspack-react/rspack.config.mjs

@@ -3,7 +3,7 @@ import { fileURLToPath } from "node:url";
 import { defineConfig } from "@rspack/cli";
 import { rspack } from "@rspack/core";
 import RefreshPlugin from "@rspack/plugin-react-refresh";
-import IconifyPlugin from "@monicon/rspack";
+import MoniconPlugin from "@monicon/rspack";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const isDev = process.env.NODE_ENV === "development";
@@ -56,7 +56,7 @@ export default defineConfig({
       template: "./index.html",
     }),
     isDev ? new RefreshPlugin() : null,
-    new IconifyPlugin({
+    new MoniconPlugin({
       icons: ["mdi:home"],
       outputFileName: "rspack-react",
     }),

apps/rspack-react/src/App.jsx

@@ -1,13 +1,13 @@
 import React from "react";
-import { Iconify } from "@monicon/react";
+import { Monicon } from "@monicon/react";
 
 import "./App.css";
 
 function App() {
   return (
     <div className="App">
-      <Iconify name="mdi:home" size={32} />
-      <Iconify name="invalid:icon" />
+      <Monicon name="mdi:home" size={32} />
+      <Monicon name="invalid:icon" />
     </div>
   );
 }

apps/svelte-app/src/routes/+page.svelte

@@ -1,12 +1,12 @@
 <script>
-  import { Iconify } from "@monicon/svelte";
+  import { Monicon } from "@monicon/svelte";
 </script>
 
 <main>
-  <Iconify name="mdi:home" size={24} />
-  <Iconify name="logos:active-campaign" />
-  <Iconify name="logos:apache-superset-icon" />
-  <Iconify name="invalid:icon" color="red" />
+  <Monicon name="mdi:home" size={24} />
+  <Monicon name="logos:active-campaign" />
+  <Monicon name="logos:apache-superset-icon" />
+  <Monicon name="invalid:icon" color="red" />
 </main>
 
 <style>

apps/svelte-app/vite.config.ts

@@ -1,11 +1,11 @@
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vite";
-import { IconifyPlugin } from "@monicon/vite";
+import monicon from "@monicon/vite";
 
 export default defineConfig({
   plugins: [
     sveltekit(),
-    IconifyPlugin({
+    monicon({
       icons: [
         "mdi:home",
         "mdi:account",

apps/vite-react/src/App.tsx

@@ -1,14 +1,14 @@
 import "./App.css";
 
-import { Iconify } from "@monicon/react";
+import { Monicon } from "@monicon/react";
 
 function App() {
   return (
     <main>
-      <Iconify name="mdi:home" />
-      <Iconify name="logos:active-campaign" />
-      <Iconify name="logos:apache-superset-icon" />
-      <Iconify name="invalid:icon" />
+      <Monicon name="mdi:home" />
+      <Monicon name="logos:active-campaign" />
+      <Monicon name="logos:apache-superset-icon" />
+      <Monicon name="invalid:icon" />
     </main>
   );
 }

apps/vite-react/vite.config.ts

@@ -1,12 +1,12 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import { IconifyPlugin } from "@monicon/vite";
+import monicon from "@monicon/vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     react(),
-    IconifyPlugin({
+    monicon({
       icons: [
         "mdi:home",
         "mdi:account",

apps/vite-vue/src/App.vue

@@ -2,9 +2,9 @@
 
 <template>
   <main>
-    <Iconify name="mdi:home" :size="32" />
-    <Iconify name="logos:active-campaign" />
-    <Iconify name="logos:apache-superset-icon" />
-    <Iconify name="invalid:icon" />
+    <Monicon name="mdi:home" :size="32" />
+    <Monicon name="logos:active-campaign" />
+    <Monicon name="logos:apache-superset-icon" />
+    <Monicon name="invalid:icon" />
   </main>
 </template>

apps/vite-vue/src/main.ts

@@ -1,12 +1,12 @@
 import { createApp } from "vue";
-import Iconify from "@monicon/vue";
+import Monicon from "@monicon/vue";
 
 import App from "./App.vue";
 
 import "./style.css";
 
 const app = createApp(App);
 
-app.use(Iconify);
+app.use(Monicon);
 
 app.mount("#app");

apps/vite-vue/vite.config.ts

@@ -1,12 +1,12 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
-import { IconifyPlugin } from "@monicon/vite";
+import monicon from "@monicon/vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue(),
-    IconifyPlugin({
+    monicon({
       icons: [
         "mdi:home",
         "mdi:account",

packages/babel-plugin/src/index.ts

@@ -2,7 +2,7 @@ import type * as b from "@babel/core";
 import {
   getIconsFilePath,
   getResolveAlias,
-  IconifyOptions,
+  MoniconOptions,
 } from "@monicon/core";
 
 const alias = getResolveAlias();
@@ -13,7 +13,7 @@ export default ({ types: t }: typeof b): b.PluginObj => {
       ImportDeclaration(path) {
         if (path.node.source.value === alias) {
           path.node.source.value = getIconsFilePath(
-            this.opts as IconifyOptions
+            this.opts as MoniconOptions
           );
         }
       },
@@ -33,7 +33,7 @@ export default ({ types: t }: typeof b): b.PluginObj => {
           firstArg.value === alias;
 
         if (isFunctionImport && isImportingIcons && firstArg) {
-          firstArg.value = getIconsFilePath(this.opts as IconifyOptions);
+          firstArg.value = getIconsFilePath(this.opts as MoniconOptions);
         }
       },
     },