fix(ebay-icon): added gradient support on server side rendering

.changeset/chilly-ghosts-roll.md

@@ -0,0 +1,5 @@
+---
+"@ebay/ebayui-core": patch
+---
+
+(ebay-icon): added gradient support for server

scripts/import-svg.js

@@ -18,6 +18,7 @@ const skinDir = path.dirname(require.resolve("@ebay/skin/package.json"));
 const svgDir = path.join(skinDir, "src/svg");
 const defs = {};
 const defsMap = new Map();
+const defsNames = new Set();
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -105,7 +106,14 @@ function addIcons(component, iconMap) {
                 // Find matching def
                 for (const def of Object.keys(defs)) {
                     if ($symbol.html().indexOf(`url(#${def})`) > -1) {
-                        defsMap.set(name, defToObject(defs[def]));
+                        defsMap.set(name, {
+                            browser: defToObject(defs[def]),
+                            server: minify(
+                                $.html(defs[def]),
+                                htmlMinifierOptions,
+                            ),
+                        });
+                        defsNames.add(defs[def][0].name);
                     }
                 }
             }
@@ -142,8 +150,9 @@ function generateFile(type, iconMap) {
             const defPath = path.join(iconFolder, "def.ts");
             const contentDef = `export function def() {
     // eslint-disable-next-line max-len,quotes
-    return ${JSON.stringify(iconDef)};
-};`;
+    return { server:  ${JSON.stringify(iconDef.server)}, browser: ${JSON.stringify(iconDef.browser)} };
+};
+`;
 
             fs.writeFileSync(defPath, `${contentDef.trim()}\n`);
         }
@@ -223,3 +232,10 @@ Object.keys(examplesMap).forEach((componentName) => {
     });
     generateExamples(componentName, examplesMap[componentName]);
 });
+
+fs.writeFileSync(
+    path.join(outputBaseDir, `ebay-icon`, "util.ts"),
+    `// This file is generated by import-svg script
+
+export const defNames = "${Array.from(defsNames).join(", ")}";\n`,
+);

src/components/ebay-flag/icons/ebay-flag-ac/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43660"}};
+    return { server:  "<clippath id=clip0_704_43660><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43660"}} };
 };

src/components/ebay-flag/icons/ebay-flag-ad/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43576"}};
+    return { server:  "<clippath id=clip0_704_43576><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43576"}} };
 };

src/components/ebay-flag/icons/ebay-flag-ae/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43718"}};
+    return { server:  "<clippath id=clip0_704_43718><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43718"}} };
 };

src/components/ebay-flag/icons/ebay-flag-af/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43716"}};
+    return { server:  "<clippath id=clip0_704_43716><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43716"}} };
 };

src/components/ebay-flag/icons/ebay-flag-ag/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43686"}};
+    return { server:  "<clippath id=clip0_704_43686><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43686"}} };
 };

src/components/ebay-flag/icons/ebay-flag-ai/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43712"}};
+    return { server:  "<clippath id=clip0_704_43712><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43712"}} };
 };

src/components/ebay-flag/icons/ebay-flag-al/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43587"}};
+    return { server:  "<clippath id=clip0_704_43587><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43587"}} };
 };

src/components/ebay-flag/icons/ebay-flag-am/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43698"}};
+    return { server:  "<clippath id=clip0_704_43698><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43698"}} };
 };

src/components/ebay-flag/icons/ebay-flag-ao/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43671"}};
+    return { server:  "<clippath id=clip0_704_43671><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43671"}} };
 };

src/components/ebay-flag/icons/ebay-flag-aq/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43711"}};
+    return { server:  "<clippath id=clip0_704_43711><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43711"}} };
 };

src/components/ebay-flag/icons/ebay-flag-ar/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43526"}};
+    return { server:  "<clippath id=clip0_704_43526><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43526"}} };
 };

src/components/ebay-flag/icons/ebay-flag-as/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43538"}};
+    return { server:  "<clippath id=clip0_704_43538><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43538"}} };
 };

src/components/ebay-flag/icons/ebay-flag-at/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43676"}};
+    return { server:  "<clippath id=clip0_704_43676><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43676"}} };
 };

src/components/ebay-flag/icons/ebay-flag-au/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43591"}};
+    return { server:  "<clippath id=clip0_704_43591><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43591"}} };
 };

src/components/ebay-flag/icons/ebay-flag-aw/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43668"}};
+    return { server:  "<clippath id=clip0_704_43668><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43668"}} };
 };

src/components/ebay-flag/icons/ebay-flag-ax/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43704"}};
+    return { server:  "<clippath id=clip0_704_43704><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43704"}} };
 };

src/components/ebay-flag/icons/ebay-flag-az/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43639"}};
+    return { server:  "<clippath id=clip0_704_43639><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43639"}} };
 };

src/components/ebay-flag/icons/ebay-flag-ba/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43700"}};
+    return { server:  "<clippath id=clip0_704_43700><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43700"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bb/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43619"}};
+    return { server:  "<clippath id=clip0_704_43619><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43619"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bd/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43603"}};
+    return { server:  "<clippath id=clip0_704_43603><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43603"}} };
 };

src/components/ebay-flag/icons/ebay-flag-be/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43504"}};
+    return { server:  "<clippath id=clip0_704_43504><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43504"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bf/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43672"}};
+    return { server:  "<clippath id=clip0_704_43672><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43672"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bg/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43679"}};
+    return { server:  "<clippath id=clip0_704_43679><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43679"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bh/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43714"}};
+    return { server:  "<clippath id=clip0_704_43714><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43714"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bi/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43585"}};
+    return { server:  "<clippath id=clip0_704_43585><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43585"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bj/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43608"}};
+    return { server:  "<clippath id=clip0_704_43608><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43608"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bl/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43609"}};
+    return { server:  "<clippath id=clip0_704_43609><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43609"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bm/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43548"}};
+    return { server:  "<clippath id=clip0_704_43548><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43548"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bn/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43675"}};
+    return { server:  "<clippath id=clip0_704_43675><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43675"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bo/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43662"}};
+    return { server:  "<clippath id=clip0_704_43662><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43662"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bq/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43627"}};
+    return { server:  "<clippath id=clip0_704_43627><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43627"}} };
 };

src/components/ebay-flag/icons/ebay-flag-br/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43557"}};
+    return { server:  "<clippath id=clip0_704_43557><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43557"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bs/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43664"}};
+    return { server:  "<clippath id=clip0_704_43664><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43664"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bt/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43646"}};
+    return { server:  "<clippath id=clip0_704_43646><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43646"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bv/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43640"}};
+    return { server:  "<clippath id=clip0_704_43640><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43640"}} };
 };

src/components/ebay-flag/icons/ebay-flag-bw/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43542"}};
+    return { server:  "<clippath id=clip0_704_43542><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43542"}} };
 };

src/components/ebay-flag/icons/ebay-flag-by/def.ts

@@ -1,4 +1,4 @@
 export function def() {
     // eslint-disable-next-line max-len,quotes
-    return {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43715"}};
+    return { server:  "<clippath id=clip0_704_43715><rect width=64 height=48 fill=white></rect></clippath>", browser: {"children":[{"name":"rect","attr":{"width":"64","height":"48","fill":"white"}}],"name":"clipPath","attr":{"id":"clip0_704_43715"}} };
 };