vaderjs 1.3.2 → 1.3.3-122198a8b18b-hotfix

package/worker.js

@@ -1,226 +0,0 @@
- 
-onmessage = (e)=>{
-  let time_started = Date.now()
-  let strings =  e.data.strings
-  let args =   e.data.args
-  let js = ''
-  let l =  e.data.location.split('/').slice(0,-1).join('/')
-  let result = "";
-  for (let i = 0; i < strings.length; i++) {
-    result += strings[i];
-    if (i < args.length) {
-      result += args[i];
-    }
-  }
-
-  let comments = result.match(/--([^>]*)--/gs)
-  if(comments){
-      while(comments.length){
-          let comment = comments.pop()
-          console.log(comment)
-          // @ts-ignore
-          result = result.replace(comment,'')
-      }
-  }
-
-
-  // Convert headings (e.g., #1-6 Heading => <h1-6>Heading</h1-6>)
-  // @ts-ignore
-    result = result.replace(/(#+)(.*)/g, (match, hashes, text) => {
-      console.log(match)
-      if(!match.includes('<') || !match.includes('>')){ 
-        let level = hashes.length;
-          return `<h ${level} class="markdown_heading">${text}</h${level}>`;
-      }else{
-          return match
-      }
-    });
-
-    
-
-  
-    // Convert bold (e.g., **Bold** => <b>Bold</b>)
-    result = result.replace(/\*\*(.*?)\*\*/g, (match, text) => {
-      return `<b class="markdown_bold">${text}</b>`;
-    });
-  
-    // Convert italic (e.g., *Italic* => <i>Italic</i>)
-    result = result.replace(/\*(.*?)\*/g, (match, text) => {
-      return `<i class="markdown_italic">${text}</i>`;
-    });
-  
-    // Convert code (e.g., `code` => <code>code</code>)
-    result = result.replace(/`(.*?)`/g, (match, text) => {
-      return `<code>${text}</code>`;
-    });
-  
-    // Convert links (e.g., [Text](URL) => <a href="URL">Text</a>)
-    result = result.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (match, text, url) => {
-      return `<a  class="markdown_link" href="${url}">${text}</a>`;
-    });
-  
-    // Convert images (e.g., ![Alt](URL) => <img src="URL" alt="Alt" />)
-    result = result.replace(/!\[([^\]]+)\]\(([^)]+)\)/g, (match, alt, src) => {
-      return `<img  class="markdown_image" src="${src}" alt="${alt}" />`;
-    });
-  
-    // Convert unordered lists (e.g., * Item => <ul><li>Item</li></ul>)
-    result.split('\n').forEach((line, index, arr) => {
-      if (line.match(/^\s*-\s+(.*?)$/gm)) {
-        if (index === 0 || !arr[index - 1].match(/^\s*-\s+(.*?)$/gm)) {
-          result = result.replace(line, `<ul class="markdown_unordered" style="list-style-type:disc;list-style:inside"><li>${line.replace(/^\s*-\s+(.*?)$/gm, '$1')}</li>`);
-        } else if (index === arr.length - 1 || !arr[index + 1].match(/^\s*-\s+(.*?)$/gm)) {
-          result = result.replace(line, `<li>${line.replace(/^\s*-\s+(.*?)$/gm, '$1')}</li></ul>`);
-        } else {
-          result = result.replace(line, `<li>${line.replace(/^\s*-\s+(.*?)$/gm, '$1')}</li>`);
-        }
-      }
-    });
-
-    // Convert ordered lists (e.g., 1. Item => <ol><li>Item</li></ol>) in order
-  
-     result.split('\n').forEach((line, index, arr) => {
-      if (line.match(/^\s*\d+\.\s+(.*?)$/gm)) {
-        if (index === 0 || !arr[index - 1].match(/^\s*\d+\.\s+(.*?)$/gm)) {
-          result = result.replace(line, `<ol class="markdown_ordered" style="list-style-type:decimal;"><li>${line.replace(/^\s*\d+\.\s+(.*?)$/gm, '$1')}</li>`);
-        } else if (index === arr.length - 1 || !arr[index + 1].match(/^\s*\d+\.\s+(.*?)$/gm)) {
-          result = result.replace(line, `<li>${line.replace(/^\s*\d+\.\s+(.*?)$/gm, '$1')}</li></ol>`);
-        } else {
-          result = result.replace(line, `<li>${line.replace(/^\s*\d+\.\s+(.*?)$/gm, '$1')}</li>`);
-        }
-      }
-     });
-
-     
-     result = result.replace(/^\s*-\s+(.*?)$/gm, (match, text) => {
-      return `<li class="markdown_list_item">${text}</li>`;
-    });
-    result = result.replace(/^\s*---\s*$/gm, '<hr class="markdown_horizontal" />');
-   
-    // Convert blockquotes (e.g., > Quote => <blockquote>Quote</blockquote>)
-    result = result.replace(/^\s*> (.*)$/gm, (match, text) => {
-      return `<blockquote class="markdown_blockquote">${text}</blockquote>`;
-    });
-
-    // Convert tables (e.g., | Header | Cell | => <table><thead><tr><th>Header</th><th>Cell</th></tr></thead></table>)
-    result = result.replace(/((?: *\|.*?)+)\n((?: *\|.*?)+)/gm, (match, header, cell) => {
-      const headerCells = header.split('|').slice(1, -1);
-      const cells = cell.split('|').slice(1, -1);
-      let table = '<table class="markdown_table">';
-      table += '<thead class="markdown_table_head"><tr class="markdown_table_row">';
-      headerCells.forEach((headerCell) => {
-        table += `<th class="markdown_table_header_cell">${headerCell}</th>`;
-      });
-      table += '</tr></thead><tbody class="markdown_table_body"><tr class="markdown_table_row">';
-      cells.forEach((cell) => {
-        table += `<td class="markdown_table_body_cell">${cell}</td>`;
-      });
-      table += '</tr></tbody></table>';
-      return table;
-    });
-
-    
-  
-
-  if(!result.includes('<body>')){
-      throw new Error(`Vader Error: You must enclose your html in a body tag for all components. \n\n${result}`)
-  }
-  /**
-   * @type {string[]}
-   * @description - grabbing all className attributes and replace them with  class
-   */
-  // @ts-ignore
-   result = result.replace(/classname/g,'class')
-       /**
-   * @type {string[]}
-   * @description - grabbing all image tags and replace the src attribute with the absolute path
-   */
-  // @ts-ignore
-  let images = result.match(/<img([^>]*)>/g)
-   if(images){
-      for(let i = 0; i < images.length; i++){
-    let image = images[i]
-    let src = image.match(/src="([^"]*)"/)
-    let alt = image.match(/alt="([^"]*)"/)
-    if(src){
-      if(!src[1].includes('http') && !result.includes('<!-- #vader-disable_relative-paths -->')){
-          // @ts-ignore
-          result = result.replace(src[1],`${l}/${src[1]}`)
-      } else if(!src[1].includes('http') && src[1].startsWith('.') && !result.includes('<!-- #vader-disable_relative-paths -->')){
-        throw new Error(`Vader Error: You cannot use absolute paths since relative paths are not disabled in ${e.data.file}. Use relative paths instead. \n\n${src[1]}`)
-    }
-    }
-    if(!alt && !result.includes('<!-- #vader-disable_accessibility -->')){
-       throw new Error(`Vader Error: You must include an alt attribute in the image tag  \n\n${image} of class ${e.data.name}. `)
-    }
-
-    // @ts-ignore
-     if(!caches.match(`${l}/${src[1]}`)){
-      caches.open('vader').then((cache)=>{
-          // @ts-ignore
-          cache.add(`${l}/${src[1]}`)
-          // @ts-ignore
-          console.log('cached', `${l}/${src[1]}`)
-         }).catch((err)=>{
-           console.log(err)
-         })
-     }else{
-      // @ts-ignore
-          console.log('already cached', caches.match(`${l}/${src[1]}`))
-     }
-  }
-   }
-
-  let href =  result.match(/href="([^"]*)"/g)
-  if(href){
-      while(href.length){
-          let h = href.pop()
-          // @ts-ignore
-          h = h.replace('href="','').replace('"','')
-          if(!h.includes('http') && !result.includes('<!-- #vader-disable_relative-paths -->')){
-             result = result.replace(`href="${h}"`,`href="#${h}"`)
-          }else if(!h.includes('http') && h.startsWith('.') && !result.includes('<!-- #vader-disable_relative-paths -->')){
-            throw new Error(`Vader Error: You cannot use absolute paths since relative paths are not disabled in ${e.data.file}. Use relative paths instead. \n\n${h}`)
-          }
-      }
-  }
-  
-  let time_ended = Date.now()
-  let time_taken = time_ended - time_started
-  let hasran = false
-  if(l.includes('localhost') || l.includes('127.0.0.1') && !hasran){
-      hasran = true
-      result+= `\$\{console.log('%c${e.data.name} component rendered in ${time_taken}ms','color:#fff;background:#000;padding:5px;border-radius:5px;font-size:12px;font-weight:bold'),""\}`
-  }
- 
- 
-  const d = result.split('<script>')
-
-  if (d) {
-    d.forEach((scriptTag, index) => {
-      if (index === 0) {
-        result = scriptTag;
-      } else {
-        if(scriptTag.includes('// <![CDATA[  <-- For SVG support')){
-          return
-        }
-        let script = scriptTag.split('</script>')[0];
-        js += script;
-      }
-    });
-  }
-   
-  let  jstemplates = result.match(/(\$\(.*?\))/gs)
-  if(jstemplates){
-      while(jstemplates.length){
-          let jstemplate = jstemplates.pop()
-          // @ts-ignore
-          result = result.replace(jstemplate,`$\{${jstemplate.replace('$(','').replace(')','')}\}`)
-      }
-  }
-  postMessage({
-    template: `<div data-component=${e.data.name}>${result}</div>`,
-    js: js ? js : ''
-  })
- 
-}