Function componentsIn

src/resolution/angular-template-synthesizer.ts:65–113

Every `@Component` class a file declares, with its selectors and template.

(file: string, content: string, nodes: readonly Node[], ctx: ResolutionContext)

/** Every `@Component` class a file declares, with its selectors and template. */
function componentsIn(file: string, content: string, nodes: readonly Node[], ctx: ResolutionContext): AngularComponent[] {
  const out: AngularComponent[] = [];
  const safe = stripCommentsForRegex(content, 'typescript');
  const decorator = /@Component\s*\(/g;
  let m: RegExpExecArray | null;
  while ((m = decorator.exec(safe)) !== null) {
    const paren = m.index + m[0].length - 1;
    const close = matchBracket(safe, paren);
    if (close < 0) continue;
    decorator.lastIndex = close;
    const open = safe.indexOf('{', paren);
    if (open < 0 || open > close) continue;
    const objEnd = matchBracket(safe, open);
    if (objEnd < 0) continue;
    const cls = /^\s*(?:export\s+)?(?:default\s+)?(?:abstract\s+)?class\s+([A-Za-z_$][\w$]*)/.exec(safe.slice(close + 1, close + 400));
    if (!cls) continue;
    const node = nodes.find((n) => n.kind === 'class' && n.name === cls[1]);
    if (!node) continue;
    const fields = readFields(safe, open, objEnd);
    const selectorText = fields.get('selector')?.text;
    const selector = selectorText ? staticString(selectorText) : null;
    const selectors = (selector ?? '')
      .split(',')
      .map((s) => s.trim())
      .filter((s) => ELEMENT_SELECTOR.test(s));

    let template: AngularComponent['template'] = null;
    const url = fields.get('templateUrl')?.text;
    const templateUrl = url ? staticString(url) : null;
    if (templateUrl) {
      const templateFile = templatePathFor(file, templateUrl);
      const text = ctx.readFile(templateFile);
      if (text) template = { file: templateFile, text, firstLine: 1, inline: false };
    } else {
      const inline = fields.get('template');
      if (inline) {
        // The template string's body, from the original source (stripping
        // comments must not touch a template's text), at its own offset.
        const quoteAt = content.indexOf(inline.text.trim()[0] ?? '`', inline.at + 'template'.length);
        const end = quoteAt < 0 ? -1 : skipString(content, quoteAt);
        if (end > quoteAt) {
          template = { file, text: content.slice(quoteAt + 1, end), firstLine: lineOfOffset(content, quoteAt + 1), inline: true };
        }
      }
    }
    out.push({ node, file, selectors, template });
  }
  return out;
}

/** Per context, renewed with the route list (whose identity changes when the resolver's caches do). */
const componentIndexes = new WeakMap<ResolutionContext, { source: readonly Node[]; components: AngularComponent[] }>();