add support for local logos; remove remote logos

Author: mm-vasyl

src/preview/dist/js/index_bundle.js

@@ -205,10 +205,10 @@ export default function Previews({ data }) {
             <Box className="logos" display="flex" gap="0px" alignItems="center">
               <img src="Monks-Logo_Small_White.png" />
               {
-                (pageAds.length > 0 && pageAds[0].client) &&
+                data.client &&
                 <Box display="flex" gap="10px" alignItems="center" sx={{marginRight: "10px"}}>
                   <span>&times;</span>
-                  <img src={pageAds[0].client} />
+                  <img src={data.client} />
                 </Box>
               }
             </Box>

src/preview/src/components/Previews.js

@@ -124,8 +124,13 @@ module.exports = async function buildPreview(result, qualities, outputDir) {
   ))
   .filter(ad => ad != undefined)
 
+  const client = result[Object.keys(result)[0]]?.settings.data.settings.client
+
   const adsList = {
     timestamp: Date.now(),
+    client: client
+      ? `client.${client.split('.').at(-1)}`
+      : undefined,
     ads: allAds
   };
 
@@ -136,6 +141,14 @@ module.exports = async function buildPreview(result, qualities, outputDir) {
   await fs.copy(path.join(__dirname, `../preview/dist`), outputDir, {
     overwrite: true,
   });
+  
+  // copy client logo
+  if (client) {
+    console.log("copying client logo...");
+    await fs.copy(client, path.join(outputDir, `client.${client.split('.').at(-1)}`), {
+      overwrite: true,
+    });
+  }
 
   // write the result to ads.json in the preview dir
   console.log(`creating ${outputDir}/data/ads.json`)

src/webpack/buildPreview.js

@@ -84,9 +84,17 @@ ${chalk.grey.bold('-------------------------------------------------------')}
 
   openLocation && open(`${httpLocation}?gsdevtools=true`);
 
+  const client = configs[0].settings.data.settings.client
+  if (client) {
+    app.get(`/client.${client.split('.').at(-1)}`, (req, res) => {
+      res.sendFile(configs[0].settings.data.settings.client)
+    })
+  }
+
   app.get('/data/ads.json', (req, res) => {
     res.json({
       isGoogleSpreadsheetBanner: typeof configs[0].settings.data.settings.contentSource !== 'undefined',
+      client: client ? `client.${client.split('.').at(-1)}` : undefined,
       ads: settingsList.map(e => {
         const assetName = getNameFromLocation(e.location)
         const bundleName = e.data.settings.bundleName || getNameFromLocation(e.location)
@@ -101,7 +109,6 @@ ${chalk.grey.bold('-------------------------------------------------------')}
             },
           },
           info: e.data.settings.info,
-          client: e.data.settings.client,
         }
       })
     })

src/webpack/devServer.js

@@ -98,9 +98,17 @@ ${chalk.grey.bold('-------------------------------------------------------')}
 
   openLocation && open(httpLocation);
 
+  const client = configs[0].settings.data.settings.client
+  if (client) {
+    app.get(`/client.${client.split('.').at(-1)}`, (req, res) => {
+      res.sendFile(configs[0].settings.data.settings.client)
+    })
+  }
+
   app.get('/data/ads.json', (req, res) => {
     res.json({
       isGoogleSpreadsheetBanner: typeof configs[0].settings.data.settings.contentSource !== 'undefined',
+      client: client ? `client.${client.split('.').at(-1)}` : undefined,
       ads: settingsList.map(e => {
         const assetName = getNameFromLocation(e.location)
         const bundleName = e.data.settings.bundleName || getNameFromLocation(e.location)
@@ -115,7 +123,6 @@ ${chalk.grey.bold('-------------------------------------------------------')}
             },
           },
           info: e.data.settings.info,
-          client: e.data.settings.client,
         }
       })
     })