feat(docs-infra): add the ability to expose globals (#34237)

Adds the ability to expose global symbols in the API docs via the `@globalApi` tag. Also supports optionally setting a namespace which will be added to the name automatically (e.g. `foo` will be renamed to `ng.foo`). Relevant APIs should also be exported through the `global.ts` file which will show up under `core/global`.

PR Close #34237

aio/tools/transforms/angular-api-package/processors/addGlobalApiData.js

@@ -0,0 +1,28 @@
+/**
+ * @dgProcessor addGlobalApiData
+ *
+ * Marks APIs tagged with `@globalApi` as globals and
+ * prefixes them with the namespace, if there is one.
+ */
+module.exports = function addGlobalApiDataProcessor() {
+  return {
+    $runBefore: ['computing-ids'],
+    $process: function(docs) {
+      docs.forEach(doc => {
+        const globalApiTag = doc.globalApi && doc.globalApi.trim();
+
+        if (globalApiTag != null) {
+          doc.global = true;
+
+          if (globalApiTag.length > 0) {
+            // Prefix the symbol name with the global namespace,
+            // if we have one (e.g. `foo` becomes `ng.foo`).
+            doc.unprefixedName = doc.name;
+            doc.name = `${globalApiTag}.${doc.name}`;
+            doc.globalNamespace = globalApiTag;
+          }
+        }
+      });
+    }
+  };
+};

aio/tools/transforms/angular-api-package/processors/addGlobalApiData.spec.js

@@ -0,0 +1,51 @@
+const testPackage = require('../../helpers/test-package');
+const processorFactory = require('./addGlobalApiData');
+const Dgeni = require('dgeni');
+
+describe('addGlobalApiData processor', () => {
+  it('should be available on the injector', () => {
+    const dgeni = new Dgeni([testPackage('angular-api-package')]);
+    const injector = dgeni.configureInjector();
+    const processor = injector.get('addGlobalApiDataProcessor');
+    expect(processor.$process).toBeDefined();
+  });
+
+  it('should run before the correct processor', () => {
+    const processor = processorFactory();
+    expect(processor.$runBefore).toEqual(['computing-ids']);
+  });
+
+  it('should mark global APIs correctly', () => {
+    const processor = processorFactory();
+    const docs = [
+      { docType: 'function', name: 'noNamespace', globalApi: '' },
+      { docType: 'function', name: 'withNamespace', globalApi: 'ng' },
+      { docType: 'function', name: 'notGlobal' },
+    ];
+    processor.$process(docs);
+    expect(docs[0].global).toBe(true);
+    expect(docs[1].global).toBe(true);
+    expect(docs[2].global).toBeUndefined();
+  });
+
+  it('should prefix global APIs with the namespace, if one is defined', () => {
+    const processor = processorFactory();
+    const docs = [
+      { docType: 'function', name: 'noNamespace', globalApi: '' },
+      { docType: 'function', name: 'withNamespace', globalApi: 'ng' },
+      { docType: 'function', name: 'notGlobal' },
+    ];
+    processor.$process(docs);
+    expect(docs[0].name).toBe('noNamespace');
+    expect(docs[1].name).toBe('ng.withNamespace');
+    expect(docs[2].name).toBe('notGlobal');
+
+    expect(docs[0].unprefixedName).toBeUndefined();
+    expect(docs[1].unprefixedName).toBe('withNamespace');
+    expect(docs[2].unprefixedName).toBeUndefined();
+
+    expect(docs[0].globalNamespace).toBeUndefined();
+    expect(docs[1].globalNamespace).toBe('ng');
+    expect(docs[2].globalNamespace).toBeUndefined();
+  });
+});

aio/tools/transforms/angular-api-package/processors/updateGlobalApiPath.js

@@ -0,0 +1,26 @@
+/**
+ * @dgProcessor updateGlobalApiPath
+ *
+ * If a global API has a namespace, its name will contain a dot which will cause its
+ * URL to look like a file path. This processor updates it so it's less ambiguous.
+ */
+module.exports = function updateGlobalApiPathProcessor() {
+  return {
+    $runAfter: ['computePathsProcessor'],
+    $runBefore: ['processNgModuleDocs'],
+    $process: function(docs) {
+      docs.forEach(doc => {
+        if (doc.global && doc.globalNamespace) {
+          // We need to change the path to camel case, because having a dot
+          // in the URL will make it look like a file path.
+          const name = doc.unprefixedName;
+          const fileName = doc.globalNamespace + name[0].toUpperCase() + name.slice(1);
+
+          doc.path = `${doc.moduleDoc.moduleFolder}/${fileName}`;
+          doc.outputPath =
+              `${doc.moduleDoc.moduleFolder}/${fileName}.json`;
+        }
+      });
+    }
+  };
+};

aio/tools/transforms/angular-api-package/processors/updateGlobalApiPath.spec.js

@@ -0,0 +1,37 @@
+const testPackage = require('../../helpers/test-package');
+const processorFactory = require('./updateGlobalApiPath');
+const Dgeni = require('dgeni');
+
+describe('updateGlobalApiPath processor', () => {
+  it('should be available on the injector', () => {
+    const dgeni = new Dgeni([testPackage('angular-api-package')]);
+    const injector = dgeni.configureInjector();
+    const processor = injector.get('updateGlobalApiPathProcessor');
+    expect(processor.$process).toBeDefined();
+  });
+
+  it('should run before the correct processor', () => {
+    const processor = processorFactory();
+    expect(processor.$runBefore).toEqual(['processNgModuleDocs']);
+  });
+
+  it('should run after the correct processor', () => {
+    const processor = processorFactory();
+    expect(processor.$runAfter).toEqual(['computePathsProcessor']);
+  });
+
+  it('should update the paths of namespaced global APIs', () => {
+    const processor = processorFactory();
+    const docs = [{
+      docType: 'function',
+      moduleDoc: { moduleFolder: 'folder' },
+      name: 'ng.withNamespace',
+      globalNamespace: 'ng',
+      unprefixedName: 'withNamespace',
+      global: true
+    }];
+    processor.$process(docs);
+    expect(docs[0].path).toBe('folder/ngWithNamespace');
+    expect(docs[0].outputPath).toBe('folder/ngWithNamespace.json');
+  });
+});