source control 1.1

Tomas

2022-05-19 957a1f10a06fdbb76f1a0ba94fe44126c613fee3

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
'use strict';
 
const fs = require('fs');
const vueTemplateCompiler = require('vue-template-compiler');
require('upath');
require('globby');
require('scule');
 
async function extractTags(resourcePath) {
  const tags = new Set();
  const file = (await fs.readFileSync(resourcePath)).toString("utf8");
  const component = vueTemplateCompiler.parseComponent(file);
  if (component.template) {
    if (component.template.lang === "pug") {
      try {
        const pug = require("pug");
        component.template.content = pug.render(component.template.content, { filename: resourcePath });
      } catch (err) {
      }
    }
    vueTemplateCompiler.compile(component.template.content, {
      modules: [{
        postTransformNode: (el) => {
          tags.add(el.tag);
        }
      }]
    });
  }
  return [...tags];
}
 
function matcher(tags, components) {
  return tags.reduce((matches, tag) => {
    const match = components.find(({ pascalName, kebabName }) => [pascalName, kebabName].includes(tag));
    match && matches.push(match);
    return matches;
  }, []);
}
 
function install(content, components) {
  const imports = "{" + components.map((c) => `${c.pascalName}: ${c.isAsync ? c.asyncImport : c.import}`).join(",") + "}";
  let newContent = "/* nuxt-component-imports */\n";
  newContent += `installComponents(component, ${imports})
`;
  const hotReload = content.indexOf("/* hot reload */");
  if (hotReload > -1) {
    content = content.slice(0, hotReload) + newContent + "\n\n" + content.slice(hotReload);
  } else {
    content += "\n\n" + newContent;
  }
  return content;
}
async function loader(content) {
  this.async();
  this.cacheable();
  if (!this.resourceQuery) {
    this.addDependency(this.resourcePath);
    const { getComponents } = this.query;
    const nonAsyncComponents = getComponents().filter((c) => c.isAsync !== true);
    const tags = await extractTags(this.resourcePath);
    const matchedComponents = matcher(tags, nonAsyncComponents);
    if (matchedComponents.length) {
      content = install.call(this, content, matchedComponents);
    }
  }
  this.callback(null, content);
}
 
module.exports = loader;