update: shell script

aftershootco · May 13, 2024 · 7fe8661 · 7fe8661
1 parent 17dc33a
commit 7fe8661
Show file tree

Hide file tree

Showing 235 changed files with 348 additions and 246 deletions.
diff --git a/generate.sh b/generate.sh
@@ -14,15 +14,15 @@ echo -e "----------------------------------------"
 # Check if src/new-svgs folder is empty
 if [ -n "$(ls -A src/new-svgs)" ]; then
     # Run script 1
-    ./sh-scripts/gc.sh
+    ./sh-scripts/gen_icon_c.sh
 
     # Check if script 1 ran successfully
     if [ $? -eq 0 ]; then
         echo -e "${ORANGE}components created successfully.${COLOR_RESET}"
 
             echo -e "${ORANGE}setting up for stories.${COLOR_RESET}"
             # Run script 3 after script 2 completes
-            ./sh-scripts/gs.sh
+            ./sh-scripts/gen_story.sh
 
             # Check if script 3 ran successfully
             if [ $? -eq 0 ]; then

diff --git a/sh-scripts/gc.sh → sh-scripts/gen_icon_c.sh b/sh-scripts/gc.sh → sh-scripts/gen_icon_c.sh
diff --git a/sh-scripts/gen_img_c.sh b/sh-scripts/gen_img_c.sh
@@ -0,0 +1,78 @@
+#!/bin/bash
+
+# Specify the folder containing SVG files
+SVG_FOLDER="./src/new-svgs"
+FOLDER_PATH="./src/new-components"
+mkdir $FOLDER_PATH
+# Loop through all files with the .svg extension in the folder
+for svg_file in "$SVG_FOLDER"/*.svg; do
+    echo "\n\n\nProcessing file: $svg_file"
+    # Print the content of the SVG file
+    #!/bin/bash
+    FILE_NAME=$(basename -- "$svg_file")
+    FILE_NAME="${FILE_NAME%.*}"
+    # CAP_FILE_NAME="$(tr '[:lower:]' '[:upper:]' <<< ${FILE_NAME:0:1})${FILE_NAME:1}"
+    # Replace hyphens with camel case in the file name
+
+    CAP_FILE_NAME=$(echo "$FILE_NAME" |  awk '{for(i=1;i<=NF;i++) $i=toupper(substr($i,1,1)) tolower(substr($i,2));}1' FS='[_-]' OFS='')
+
+
+  # Specify the file path for the TypeScript file
+    TS_FILE_PATH="$FOLDER_PATH/$CAP_FILE_NAME"
+    C="Icon.tsx"
+    TS_FILE_PATH+="$C"
+    # echo $TS_FILE_PATH
+  # Specify the file path
+    touch $TS_FILE_PATH
+    FILE_PATH=$TS_FILE_PATH
+
+    I="Icon"
+    CAP_FILE_NAME+="$I"
+
+    # Use echo with a here document to insert the content
+    echo "import React from 'react'" > "$FILE_PATH"
+    echo "import { IconProps } from '../../types/Icons/types'" >> "$FILE_PATH"
+    echo "import BaseIcon from '../components/BaseIcon'" >> "$FILE_PATH"
+    echo "import DEFAULT_ICON from '../constant'" >> "$FILE_PATH"
+    echo "" >> "$FILE_PATH"
+
+    echo "type IconVariant = 'primary' ;" >> "$FILE_PATH"
+
+    echo "type Props = Omit<IconProps, 'variant'> & {" >> "$FILE_PATH"
+    echo "  variant?: IconVariant;" >> "$FILE_PATH"
+    echo "  // bgColor?: string;" >> "$FILE_PATH"
+    echo "  // bgOpacity?: number;" >> "$FILE_PATH"
+    echo "};" >> "$FILE_PATH"
+
+
+    echo "" >> "$FILE_PATH"
+    echo "export const $CAP_FILE_NAME = React.forwardRef<SVGSVGElement, Props>((props, forwardedRef) => {" >> "$FILE_PATH"
+    echo "  //props" >> "$FILE_PATH"
+    echo "  const {" >> "$FILE_PATH"
+    echo "    variant = 'primary'," >> "$FILE_PATH"
+    echo "    color = DEFAULT_ICON.COLOR," >> "$FILE_PATH"
+    echo "    // bgColor = DEFAULT_ICON.BG_COLOR,">> "$FILE_PATH"
+    echo "    // bgOpacity = DEFAULT_ICON.BG_OPACITY," >> "$FILE_PATH"
+    echo "    size = DEFAULT_ICON.SIZE," >> "$FILE_PATH"
+    echo "    inActive = false," >> "$FILE_PATH"
+    echo "    ...restProps" >> "$FILE_PATH"
+    echo "  } = props" >> "$FILE_PATH"
+    echo "" >> "$FILE_PATH"
+    echo "  const modifiedColor = inActive ? DEFAULT_ICON.INACTIVE_COLOR : color" >> "$FILE_PATH"
+    echo "" >> "$FILE_PATH"
+    echo "  const iconSize = typeof size === 'number' ? \`\${size}px\` : size " >> "$FILE_PATH"
+    echo "" >> "$FILE_PATH"
+	  echo "  // variants" >> "$FILE_PATH"
+    echo "  const primary = (" >> "$FILE_PATH"
+
+    # cat $svg_file >> $FILE_PATH
+   # awk '/^<svg/ { found=1 } found && !added { sub(/>/, " style={{ width: iconSize}}\n\t{...restProps}\n\tref={forwardedRef} >", $0); added=1 } 1' "$svg_file"  | awk '{ gsub(/("#E2E2E2"|'\''#E2E2E2'\'')/, "{modifiedColor}"); print}' >> "$FILE_PATH"
+awk '/^<svg/ { found=1 } found && !added { sub(/width="[^"]+"/, "style={{ width: iconSize }}\n\t{...restProps}\n\tref={forwardedRef}", $0); sub(/height="[^"]+"/, "", $0); added=1 } 1' "$svg_file" | awk '{ gsub(/("#E2E2E2"|'\''#E2E2E2'\'')/, "{modifiedColor}"); print}' >> "$FILE_PATH"
+
+
+    echo ")" >> "$FILE_PATH"
+    echo "  return <BaseIcon variants={{ primary }} variant={variant}  />" >> "$FILE_PATH"
+    echo "})" >> "$FILE_PATH"
+    echo "" >> "$FILE_PATH"
+done
+
diff --git a/sh-scripts/gs.sh → sh-scripts/gen_story.sh b/sh-scripts/gs.sh → sh-scripts/gen_story.sh
diff --git a/src/Icons/culling/AddFolderIcon.tsx b/src/Icons/culling/AddFolderIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/BorderSquareIcon.tsx b/src/Icons/culling/BorderSquareIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/CardBgIcon.tsx b/src/Icons/culling/CardBgIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/CartIcon.tsx b/src/Icons/culling/CartIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/CelebrateIcon.tsx b/src/Icons/culling/CelebrateIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ComputerBgIcon.tsx b/src/Icons/culling/ComputerBgIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ContactSupportIcon.tsx b/src/Icons/culling/ContactSupportIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/CouponIcon.tsx b/src/Icons/culling/CouponIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/CreateProfileIcon.tsx b/src/Icons/culling/CreateProfileIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/DiamonIcon.tsx b/src/Icons/culling/DiamonIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/DublicateStackIcon.tsx b/src/Icons/culling/DublicateStackIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/DuplicateFillIcon.tsx b/src/Icons/culling/DuplicateFillIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/DuplicateIcon.tsx b/src/Icons/culling/DuplicateIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/EditAlbumNameIcon.tsx b/src/Icons/culling/EditAlbumNameIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/EditPhotoIcon.tsx b/src/Icons/culling/EditPhotoIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ExitAppBgIcon.tsx b/src/Icons/culling/ExitAppBgIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ExpandIcon.tsx b/src/Icons/culling/ExpandIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/EyeCheckedIcon.tsx b/src/Icons/culling/EyeCheckedIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/EyeCrossedIcon.tsx b/src/Icons/culling/EyeCrossedIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/EyeIcon.tsx b/src/Icons/culling/EyeIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/FacebookPeopleIcon.tsx b/src/Icons/culling/FacebookPeopleIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/FilterCircleIcon.tsx b/src/Icons/culling/FilterCircleIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/FilterIcon.tsx b/src/Icons/culling/FilterIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/FinderIcon.tsx b/src/Icons/culling/FinderIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/FiveStarBgIcon.tsx b/src/Icons/culling/FiveStarBgIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/FolderOutlineBgIcon.tsx b/src/Icons/culling/FolderOutlineBgIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/FullScreenIcon.tsx b/src/Icons/culling/FullScreenIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/GridBgIcon.tsx b/src/Icons/culling/GridBgIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/GridDotsIcon.tsx b/src/Icons/culling/GridDotsIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/GridIcon.tsx b/src/Icons/culling/GridIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/GridThreeLitIcon.tsx b/src/Icons/culling/GridThreeLitIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/GridTwoLitIcon.tsx b/src/Icons/culling/GridTwoLitIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/GroupingLessIcon.tsx b/src/Icons/culling/GroupingLessIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 
 type IconVariant = 'primary' | 'secondary'

diff --git a/src/Icons/culling/GroupingMoreIcon.tsx b/src/Icons/culling/GroupingMoreIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 
 type IconVariant = 'primary' | 'secondary'

diff --git a/src/Icons/culling/HomeIcon.tsx b/src/Icons/culling/HomeIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ImageBorderCircleIcon.tsx b/src/Icons/culling/ImageBorderCircleIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ImageBorderIcon.tsx b/src/Icons/culling/ImageBorderIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ImageCrossedBgIcon.tsx b/src/Icons/culling/ImageCrossedBgIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ImageCrossedIcon.tsx b/src/Icons/culling/ImageCrossedIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ImageIcon.tsx b/src/Icons/culling/ImageIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/ImageStackIcon.tsx b/src/Icons/culling/ImageStackIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/KeyCircleIcon.tsx b/src/Icons/culling/KeyCircleIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'
 

diff --git a/src/Icons/culling/KeyIcon.tsx b/src/Icons/culling/KeyIcon.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconProps } from '../../../types/Icons/types'
+import { IconProps } from '../../../types'
 import BaseIcon from '../../components/BaseIcon'
 import DEFAULT_ICON from '../../constant'