Merge pull request #15 from puzzle-js/cihadhoruzoglu-patch-1

Cihadhoruzoglu patch 1

Author: Acanguven

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@puzzle-js/client-lib",
   "main": "dist/index.js",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "author": "<emre.kul@trendyol.com>",
   "license": "MIT",
   "repository": {

src/core.ts

@@ -169,7 +169,7 @@ export class Core extends Module {
       if (!key.startsWith('$')) {
         const container = document.querySelector(this.getFragmentContainerSelector(fragment, key));
         if (container) {
-          this.setEvalInnerHtml(container, res[key]);
+          this.setEvalInnerHtml(container, res[key],container.tagName === "meta");
         }
       }
     });
@@ -180,7 +180,7 @@ export class Core extends Module {
   }
 
   private static getFragmentContainerSelector(fragment: IPageFragmentConfig, partial: string) {
-    return partial === "main" ? `[puzzle-fragment="${fragment.name}"]` : `[puzzle-fragment="${fragment.name}"][fragment-partial="${partial}"]`;
+    return partial === "main" ? `[puzzle-fragment="${fragment.name}"]:not([fragment-partial])` : `[puzzle-fragment="${fragment.name}"][fragment-partial="${partial}"]`;
   }
 
   private static prepareQueryString(fragmentAttributes: Record<string, string>) {
@@ -195,7 +195,12 @@ export class Core extends Module {
     return Object.keys(attributes).reduce((query: string, key: string) => `${query}&${key}=${attributes[key]}`, '?__renderMode=stream');
   }
 
-  private static setEvalInnerHtml(elm: any, html: any) {
+  private static setEvalInnerHtml(elm: any, html: any, meta?: boolean) {
+    if(meta){
+      elm.outerHTML = html;
+      return;
+    }
+    
     elm.innerHTML = html;
     Array.from(elm.querySelectorAll("script")).forEach((oldScript: any) => {
       const newScript = document.createElement("script");