new custom info chips feature

mediamonks · Sep 6, 2024 · d16f502 · d16f502
1 parent 0601bae
commit d16f502
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 1 deletion.
diff --git a/src/preview/dist/js/index_bundle.js b/src/preview/dist/js/index_bundle.js
diff --git a/src/preview/src/components/AdPreview.js b/src/preview/src/components/AdPreview.js
@@ -16,6 +16,7 @@ import FolderIcon from "@mui/icons-material/FolderOpen";
 import DoneIcon from "@mui/icons-material/Done";
 import ClearIcon from "@mui/icons-material/Clear";
 import Quality from "@mui/icons-material/CameraEnhance";
+import InfoIcon from '@mui/icons-material/Info';
 
 import LoadingButton from "@mui/lab/LoadingButton";
 
@@ -156,6 +157,22 @@ export const AdPreview = (props) => {
             </>
           : <></>
         }
+        {
+          gsdevtools === "true" && ad.info
+          ? <>
+              <Box marginBottom="20px" display="flex" flexWrap="wrap" gap="10px" justifyContent="flex-start" className="chips">
+                {
+                  Object.entries(ad.info).map(([name, value]) => {
+                    return <Tooltip title={name} key={name}>
+                      <Chip icon={<InfoIcon />} label={value} color={"info"} />
+                    </Tooltip>
+                  })
+                }
+              </Box>
+              <Divider light sx={{margin: "20px 0"}} />
+            </>
+          : <></>
+        }
         <Box display="flex" flexWrap="wrap" justifyContent="space-between">
           <Box>
             <Tooltip title="Reload">

diff --git a/src/webpack/buildPreview.js b/src/webpack/buildPreview.js
@@ -113,6 +113,9 @@ module.exports = async function buildPreview(result, qualities, outputDir) {
           },
           ...additionalOutputs
         },
+        info: (result && result[bundleName])
+          ? result[bundleName].settings.data.settings.info
+          : undefined
       }
     })
   ))

diff --git a/src/webpack/devServer.js b/src/webpack/devServer.js
@@ -100,6 +100,7 @@ ${chalk.grey.bold('-------------------------------------------------------')}
               url,
             },
           },
+          info: e.data.settings.info
         }
       })
     })

diff --git a/src/webpack/devServerParallel.js b/src/webpack/devServerParallel.js
@@ -114,6 +114,7 @@ ${chalk.grey.bold('-------------------------------------------------------')}
               url,
             },
           },
+          info: e.data.settings.info
         }
       })
     })
-Original file line number
+Diff line change
@@ Expand Up @@
                   url,
                 },
               },
+              info: e.data.settings.info
             }
           })
         })
@@ Expand Down @@