Rename themeConfig.default to themeConfig.defaultTheme

README.md

@@ -147,14 +147,14 @@ const config = {
     snippetVersion: 6,
   },
   themeConfig: {
-    default: 'light',
+    defaultTheme: 'light',
 
     // Hides the theme change switch
     // Useful if you want to support a single color mode
     disableSwitch: false,
 
     // Should we use the prefers-color-scheme media-query,
-    // using user system preferences, instead of the hardcoded default
+    // using user system preferences, instead of the hardcoded defaultTheme
     respectPrefersColorScheme: true,
 
     // Available themes. To remove any theme, exclude from here.
@@ -220,7 +220,7 @@ The default theme can be specified.
 module.exports = {
   // ...
   themeConfig: {
-    default: 'light',
+    defaultTheme: 'light',
     // ...
   },
 };

src/components/GitProfile.jsx

@@ -311,7 +311,7 @@ GitProfile.propTypes = {
       snippetVersion: PropTypes.number,
     }),
     themeConfig: PropTypes.shape({
-      default: PropTypes.string.isRequired,
+      defaultTheme: PropTypes.string.isRequired,
       disableSwitch: PropTypes.bool.isRequired,
       respectPrefersColorScheme: PropTypes.bool.isRequired,
       themes: PropTypes.array.isRequired,

src/components/theme-changer/index.jsx

@@ -27,7 +27,7 @@ const ThemeChanger = ({ theme, setTheme, loading, themeConfig }) => {
           <span className="text-base-content text-opacity-40 capitalize text-sm">
             {loading
               ? skeleton({ width: 'w-16', height: 'h-5' })
-              : theme === themeConfig.default
+              : theme === themeConfig.defaultTheme
               ? 'Default'
               : theme}
           </span>
@@ -61,9 +61,9 @@ const ThemeChanger = ({ theme, setTheme, loading, themeConfig }) => {
               >
                 <ul className="p-4 menu compact">
                   {[
-                    themeConfig.default,
+                    themeConfig.defaultTheme,
                     ...themeConfig.themes.filter(
-                      (item) => item !== themeConfig.default
+                      (item) => item !== themeConfig.defaultTheme
                     ),
                   ].map((item, index) => (
                     <li key={index}>
@@ -73,7 +73,7 @@ const ThemeChanger = ({ theme, setTheme, loading, themeConfig }) => {
                         className={`${theme === item ? 'active' : ''}`}
                       >
                         <span className="opacity-60 capitalize">
-                          {item === themeConfig.default ? 'Default' : item}
+                          {item === themeConfig.defaultTheme ? 'Default' : item}
                         </span>
                       </a>
                     </li>

src/helpers/utils.jsx

@@ -3,7 +3,7 @@ import { hotjar } from 'react-hotjar';
 
 export const getInitialTheme = (themeConfig) => {
   if (themeConfig.disableSwitch) {
-    return themeConfig.default;
+    return themeConfig.defaultTheme;
   }
 
   if (
@@ -19,10 +19,10 @@ export const getInitialTheme = (themeConfig) => {
   if (themeConfig.respectPrefersColorScheme && !themeConfig.disableSwitch) {
     return window.matchMedia('(prefers-color-scheme: dark)').matches
       ? 'dark'
-      : themeConfig.default;
+      : themeConfig.defaultTheme;
   }
 
-  return themeConfig.default;
+  return themeConfig.defaultTheme;
 };
 
 export const skeleton = ({
@@ -113,7 +113,7 @@ export const constructConfigWithMissingValues = (config) => {
 
   if (typeof config.themeConfig === 'undefined') {
     const themeConfig = {
-      default: 'corporate',
+      defaultTheme: 'corporate',
       disableSwitch: false,
       respectPrefersColorScheme: false,
       themes: [

types/index.d.ts

@@ -4,7 +4,7 @@
 
 import { Component } from 'react';
 
-interface Github {
+export interface Github {
   /**
    * GitHub org/user name
    */
@@ -38,7 +38,7 @@ interface Github {
   };
 }
 
-interface Social {
+export interface Social {
   /**
    * LinkedIn
    */
@@ -90,7 +90,57 @@ interface Social {
   email?: string;
 }
 
-interface Config {
+export interface Blog {
+  /**
+   * medium | dev.to
+   */
+  source: string;
+
+  /**
+   * Username
+   */
+  username: string;
+
+  /**
+   * How many posts to display
+   *
+   * Max is 10
+   */
+  limit: number;
+}
+
+export interface GoogleAnalytics {
+  /**
+   * GA3 tracking id/GA4 tag id UA-XXXXXXXXX-X | G-XXXXXXXXXX
+   */
+  id: string;
+}
+
+export interface Hotjar {
+  /**
+   * Hotjar id
+   */
+  id: string;
+
+  /**
+   * Snippet Version
+   */
+  snippetVersion: number;
+}
+
+export interface ThemeConfig {
+  /**
+   * Default theme
+   */
+  defaultTheme: string;
+
+  /**
+   * Snippet Version
+   */
+  snippetVersion: number;
+}
+
+export interface Config {
   /**
    * GitHub Config
    */
@@ -100,9 +150,44 @@ interface Config {
    * Social links
    */
   social?: Social;
+
+  /**
+   * Skill list
+   */
+  skills?: Array<string>;
+
+  /**
+   * Experience list
+   */
+  experiences?: Array<string>;
+
+  /**
+   * Education list
+   */
+  education?: Array<string>;
+
+  /**
+   * Blog config
+   */
+  blog?: Blog;
+
+  /**
+   * Google Analytics config
+   */
+  googleAnalytics?: GoogleAnalytics;
+
+  /**
+   * Hotjar config
+   */
+  hotjar?: Hotjar;
+
+  /**
+   * Theme config
+   */
+  themeConfig?: ThemeConfig;
 }
 
-interface GitProfileProps {
+export interface GitProfileProps {
   /**
    * Config values
    */