@schematics/angular 21.0.0-next.0 → 21.0.0-next.2

package/service/files/__name@dasherize__.__type@dasherize__.spec.ts.template

@@ -1,13 +1,13 @@
 import { TestBed } from '@angular/core/testing';
 
-import { <%= classify(name) %><%= classify(type) %> } from './<%= dasherize(name) %><%= type ? '.' + dasherize(type) : '' %>';
+import { <%= classifiedName %> } from './<%= dasherize(name) %><%= type ? '.' + dasherize(type) : '' %>';
 
-describe('<%= classify(name) %><%= classify(type) %>', () => {
-  let service: <%= classify(name) %><%= classify(type) %>;
+describe('<%= classifiedName %>', () => {
+  let service: <%= classifiedName %>;
 
   beforeEach(() => {
     TestBed.configureTestingModule({});
-    service = TestBed.inject(<%= classify(name) %><%= classify(type) %>);
+    service = TestBed.inject(<%= classifiedName %>);
   });
 
   it('should be created', () => {

package/service/files/__name@dasherize__.__type@dasherize__.ts.template

@@ -3,6 +3,6 @@ import { Injectable } from '@angular/core';
 @Injectable({
   providedIn: 'root'
 })
-export class <%= classify(name) %><%= classify(type) %> {
+export class <%= classifiedName %> {
   
 }

package/service/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as ServiceOptions } from './schema';
-export default function (options: ServiceOptions): Rule;
+declare const _default: (options: ServiceOptions) => Rule;
+export default _default;

package/service/index.js

@@ -7,8 +7,24 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
+const schematics_1 = require("@angular-devkit/schematics");
 const generate_from_files_1 = require("../utility/generate-from-files");
-function default_1(options) {
-    return (0, generate_from_files_1.generateFromFiles)(options);
-}
+const parse_name_1 = require("../utility/parse-name");
+const project_1 = require("../utility/project");
+const validation_1 = require("../utility/validation");
+const workspace_1 = require("../utility/workspace");
+exports.default = (0, project_1.createProjectSchematic)((options, { project, tree }) => {
+    if (options.path === undefined) {
+        options.path = (0, workspace_1.buildDefaultPath)(project);
+    }
+    const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
+    options.name = parsedPath.name;
+    options.path = parsedPath.path;
+    const classifiedName = schematics_1.strings.classify(options.name) +
+        (options.addTypeToClassName && options.type ? schematics_1.strings.classify(options.type) : '');
+    (0, validation_1.validateClassName)(classifiedName);
+    return (0, generate_from_files_1.generateFromFiles)({
+        ...options,
+        classifiedName,
+    });
+});

package/service/schema.d.ts

@@ -4,6 +4,11 @@
  * process of generating a new service with the necessary files and boilerplate code.
  */
 export type Schema = {
+    /**
+     * When true, the 'type' option will be appended to the generated class name. When false,
+     * only the file name will include the type.
+     */
+    addTypeToClassName?: boolean;
     /**
      * Creates files at the top level of the project or the given path. If set to false, a new
      * folder with the service's name will be created to contain the files.

package/service/schema.json

@@ -43,6 +43,11 @@
     "type": {
       "type": "string",
       "description": "Append a custom type to the service's filename. For example, if you set the type to `service`, the file will be named `my-service.service.ts`."
+    },
+    "addTypeToClassName": {
+      "type": "boolean",
+      "default": true,
+      "description": "When true, the 'type' option will be appended to the generated class name. When false, only the file name will include the type."
     }
   },
   "required": ["name", "project"]

package/service-worker/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as ServiceWorkerOptions } from './schema';
-export default function (options: ServiceWorkerOptions): Rule;
+declare const _default: (options: ServiceWorkerOptions) => Rule;
+export default _default;

package/service-worker/index.js

@@ -6,50 +6,20 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.dev/license
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
-const ts = __importStar(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
+const posix_1 = require("node:path/posix");
+const typescript_1 = __importDefault(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
 const utility_1 = require("../utility");
 const ast_utils_1 = require("../utility/ast-utils");
 const change_1 = require("../utility/change");
 const dependency_1 = require("../utility/dependency");
 const ng_ast_utils_1 = require("../utility/ng-ast-utils");
 const paths_1 = require("../utility/paths");
+const project_1 = require("../utility/project");
 const project_targets_1 = require("../utility/project-targets");
 const app_config_1 = require("../utility/standalone/app_config");
 const util_1 = require("../utility/standalone/util");
@@ -71,7 +41,7 @@ function updateAppModule(mainPath) {
         addImport(host, modulePath, 'ServiceWorkerModule', '@angular/service-worker');
         addImport(host, modulePath, 'isDevMode', '@angular/core');
         // register SW in application module
-        const importText = core_1.tags.stripIndent `
+        const importText = `
       ServiceWorkerModule.register('ngsw-worker.js', {
         enabled: !isDevMode(),
         // Register the ServiceWorker as soon as the application is stable
@@ -102,53 +72,46 @@ function addProvideServiceWorker(projectName, mainPath) {
 }
 function getTsSourceFile(host, path) {
     const content = host.readText(path);
-    const source = ts.createSourceFile(path, content, ts.ScriptTarget.Latest, true);
+    const source = typescript_1.default.createSourceFile(path, content, typescript_1.default.ScriptTarget.Latest, true);
     return source;
 }
-function default_1(options) {
-    return async (host) => {
-        const workspace = await (0, utility_1.readWorkspace)(host);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw new schematics_1.SchematicsException(`Invalid project name (${options.project})`);
-        }
-        if (project.extensions.projectType !== 'application') {
-            throw new schematics_1.SchematicsException(`Service worker requires a project type of "application".`);
-        }
-        const buildTarget = project.targets.get('build');
-        if (!buildTarget) {
-            throw (0, project_targets_1.targetBuildNotFoundError)();
-        }
-        const buildOptions = buildTarget.options;
-        const browserEntryPoint = await (0, util_1.getMainFilePath)(host, options.project);
-        const ngswConfigPath = (0, core_1.join)((0, core_1.normalize)(project.root), 'ngsw-config.json');
-        if (buildTarget.builder === workspace_models_1.Builders.Application ||
-            buildTarget.builder === workspace_models_1.Builders.BuildApplication) {
-            const productionConf = buildTarget.configurations?.production;
-            if (productionConf) {
-                productionConf.serviceWorker = ngswConfigPath;
-            }
-        }
-        else {
-            buildOptions.serviceWorker = true;
-            buildOptions.ngswConfigPath = ngswConfigPath;
+exports.default = (0, project_1.createProjectSchematic)(async (options, { project, workspace, tree }) => {
+    if (project.extensions.projectType !== 'application') {
+        throw new schematics_1.SchematicsException(`Service worker requires a project type of "application".`);
+    }
+    const buildTarget = project.targets.get('build');
+    if (!buildTarget) {
+        throw (0, project_targets_1.targetBuildNotFoundError)();
+    }
+    const buildOptions = buildTarget.options;
+    const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
+    const ngswConfigPath = (0, posix_1.join)(project.root, 'ngsw-config.json');
+    if (buildTarget.builder === workspace_models_1.Builders.Application ||
+        buildTarget.builder === workspace_models_1.Builders.BuildApplication) {
+        const productionConf = buildTarget.configurations?.production;
+        if (productionConf) {
+            productionConf.serviceWorker = ngswConfigPath;
         }
-        await (0, utility_1.writeWorkspace)(host, workspace);
-        return (0, schematics_1.chain)([
-            addDependencies(),
-            (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-                (0, schematics_1.applyTemplates)({
-                    ...options,
-                    relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(project.root),
-                }),
-                (0, schematics_1.move)(project.root),
-            ])),
-            (0, ng_ast_utils_1.isStandaloneApp)(host, browserEntryPoint)
-                ? addProvideServiceWorker(options.project, browserEntryPoint)
-                : updateAppModule(browserEntryPoint),
-        ]);
-    };
-}
+    }
+    else {
+        buildOptions.serviceWorker = true;
+        buildOptions.ngswConfigPath = ngswConfigPath;
+    }
+    await (0, utility_1.writeWorkspace)(tree, workspace);
+    return (0, schematics_1.chain)([
+        addDependencies(),
+        (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            (0, schematics_1.applyTemplates)({
+                ...options,
+                relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(project.root),
+            }),
+            (0, schematics_1.move)(project.root),
+        ])),
+        (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint)
+            ? addProvideServiceWorker(options.project, browserEntryPoint)
+            : updateAppModule(browserEntryPoint),
+    ]);
+});
 function addImport(host, filePath, symbolName, moduleName) {
     const moduleSource = getTsSourceFile(host, filePath);
     const change = (0, ast_utils_1.insertImport)(moduleSource, filePath, symbolName, moduleName);

package/ssr/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as SSROptions } from './schema';
-export default function (options: SSROptions): Rule;
+declare const _default: (options: SSROptions) => Rule;
+export default _default;

package/ssr/index.js

@@ -7,17 +7,16 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
-const node_path_1 = require("node:path");
+const posix_1 = require("node:path/posix");
 const utility_1 = require("../utility");
 const json_file_1 = require("../utility/json-file");
 const latest_versions_1 = require("../utility/latest-versions");
 const ng_ast_utils_1 = require("../utility/ng-ast-utils");
+const project_1 = require("../utility/project");
 const project_targets_1 = require("../utility/project-targets");
 const util_1 = require("../utility/standalone/util");
-const workspace_1 = require("../utility/workspace");
 const SERVE_SSR_TARGET_NAME = 'serve-ssr';
 const PRERENDER_TARGET_NAME = 'prerender';
 const DEFAULT_BROWSER_DIR = 'browser';
@@ -48,7 +47,7 @@ async function getApplicationBuilderOutputPaths(host, projectName) {
     }
     let { outputPath } = architectTarget.options;
     // Use default if not explicitly specified
-    outputPath ??= node_path_1.posix.join('dist', projectName);
+    outputPath ??= (0, posix_1.join)('dist', projectName);
     const defaultDirs = {
         server: DEFAULT_SERVER_DIR,
         browser: DEFAULT_BROWSER_DIR,
@@ -78,7 +77,7 @@ function addScriptsRule({ project }, isUsingApplicationBuilder) {
         if (isUsingApplicationBuilder) {
             const { base, server } = await getApplicationBuilderOutputPaths(host, project);
             pkg.scripts ??= {};
-            pkg.scripts[`serve:ssr:${project}`] = `node ${node_path_1.posix.join(base, server)}/server.mjs`;
+            pkg.scripts[`serve:ssr:${project}`] = `node ${(0, posix_1.join)(base, server)}/server.mjs`;
         }
         else {
             const serverDist = await getLegacyOutputPaths(host, project, 'server');
@@ -128,7 +127,7 @@ function updateApplicationBuilderWorkspaceConfigRule(projectSourceRoot, options,
         if (outputPath && (0, core_1.isJsonObject)(outputPath)) {
             if (outputPath.browser === '') {
                 const base = outputPath.base;
-                logger.warn(`The output location of the browser build has been updated from "${base}" to "${node_path_1.posix.join(base, DEFAULT_BROWSER_DIR)}".
+                logger.warn(`The output location of the browser build has been updated from "${base}" to "${(0, posix_1.join)(base, DEFAULT_BROWSER_DIR)}".
           You might need to adjust your deployment pipeline.`);
                 if ((outputPath.media && outputPath.media !== DEFAULT_MEDIA_DIR) ||
                     (outputPath.server && outputPath.server !== DEFAULT_SERVER_DIR)) {
@@ -144,7 +143,7 @@ function updateApplicationBuilderWorkspaceConfigRule(projectSourceRoot, options,
             outputPath,
             outputMode: 'server',
             ssr: {
-                entry: (0, core_1.join)((0, core_1.normalize)(projectSourceRoot), 'server.ts'),
+                entry: (0, posix_1.join)(projectSourceRoot, 'server.ts'),
             },
         };
     });
@@ -158,7 +157,7 @@ function updateWebpackBuilderWorkspaceConfigRule(projectSourceRoot, options) {
         }
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const serverTarget = project.targets.get('server');
-        (serverTarget.options ??= {}).main = node_path_1.posix.join(projectSourceRoot, 'server.ts');
+        (serverTarget.options ??= {}).main = (0, posix_1.join)(projectSourceRoot, 'server.ts');
         const serveSSRTarget = project.targets.get(SERVE_SSR_TARGET_NAME);
         if (serveSSRTarget) {
             return;
@@ -260,7 +259,7 @@ function addServerFile(projectSourceRoot, options, isStandalone) {
             : await getLegacyOutputPaths(host, projectName, 'build');
         return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)(`./files/${usingApplicationBuilder ? 'application-builder' : 'server-builder'}`), [
             (0, schematics_1.applyTemplates)({
-                ...core_1.strings,
+                ...schematics_1.strings,
                 ...options,
                 browserDistDirectory,
                 isStandalone,
@@ -269,34 +268,27 @@ function addServerFile(projectSourceRoot, options, isStandalone) {
         ]));
     };
 }
-function default_1(options) {
-    return async (host, context) => {
-        const browserEntryPoint = await (0, util_1.getMainFilePath)(host, options.project);
-        const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(host, browserEntryPoint);
-        const workspace = await (0, workspace_1.getWorkspace)(host);
-        const clientProject = workspace.projects.get(options.project);
-        if (!clientProject) {
-            throw (0, project_targets_1.targetBuildNotFoundError)();
-        }
-        const usingApplicationBuilder = (0, project_targets_1.isUsingApplicationBuilder)(clientProject);
-        const sourceRoot = clientProject.sourceRoot ?? node_path_1.posix.join(clientProject.root, 'src');
-        return (0, schematics_1.chain)([
-            (0, schematics_1.schematic)('server', {
-                ...options,
-                skipInstall: true,
-            }),
-            ...(usingApplicationBuilder
-                ? [
-                    updateApplicationBuilderWorkspaceConfigRule(sourceRoot, options, context),
-                    updateApplicationBuilderTsConfigRule(options),
-                ]
-                : [
-                    updateWebpackBuilderServerTsConfigRule(options),
-                    updateWebpackBuilderWorkspaceConfigRule(sourceRoot, options),
-                ]),
-            addServerFile(sourceRoot, options, isStandalone),
-            addScriptsRule(options, usingApplicationBuilder),
-            addDependencies(options, usingApplicationBuilder),
-        ]);
-    };
-}
+exports.default = (0, project_1.createProjectSchematic)(async (options, { project, tree, context }) => {
+    const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
+    const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint);
+    const usingApplicationBuilder = (0, project_targets_1.isUsingApplicationBuilder)(project);
+    const sourceRoot = project.sourceRoot ?? (0, posix_1.join)(project.root, 'src');
+    return (0, schematics_1.chain)([
+        (0, schematics_1.schematic)('server', {
+            ...options,
+            skipInstall: true,
+        }),
+        ...(usingApplicationBuilder
+            ? [
+                updateApplicationBuilderWorkspaceConfigRule(sourceRoot, options, context),
+                updateApplicationBuilderTsConfigRule(options),
+            ]
+            : [
+                updateWebpackBuilderServerTsConfigRule(options),
+                updateWebpackBuilderWorkspaceConfigRule(sourceRoot, options),
+            ]),
+        addServerFile(sourceRoot, options, isStandalone),
+        addScriptsRule(options, usingApplicationBuilder),
+        addDependencies(options, usingApplicationBuilder),
+    ]);
+});

package/tailwind/files/.postcssrc.json.template

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

package/tailwind/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+import { type Rule } from '@angular-devkit/schematics';
+declare const _default: (options: {
+    project: string;
+}) => Rule;
+export default _default;

package/tailwind/index.js

@@ -0,0 +1,105 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const node_assert_1 = __importDefault(require("node:assert"));
+const posix_1 = require("node:path/posix");
+const utility_1 = require("../utility");
+const json_file_1 = require("../utility/json-file");
+const latest_versions_1 = require("../utility/latest-versions");
+const project_1 = require("../utility/project");
+const TAILWIND_DEPENDENCIES = ['tailwindcss', '@tailwindcss/postcss', 'postcss'];
+const POSTCSS_CONFIG_FILES = ['.postcssrc.json', 'postcss.config.json'];
+function addTailwindStyles(options, project) {
+    return async (tree) => {
+        const buildTarget = project.targets.get('build');
+        if (!buildTarget) {
+            throw new schematics_1.SchematicsException(`Project "${options.project}" does not have a build target.`);
+        }
+        const styles = buildTarget.options?.['styles'];
+        let stylesheetPath;
+        if (styles) {
+            stylesheetPath = styles
+                .map((s) => (typeof s === 'string' ? s : s.input))
+                .find((p) => p.endsWith('.css'));
+        }
+        if (!stylesheetPath) {
+            const newStylesheetPath = (0, posix_1.join)(project.sourceRoot ?? 'src', 'tailwind.css');
+            tree.create(newStylesheetPath, '@import "tailwindcss";\n');
+            return (0, utility_1.updateWorkspace)((workspace) => {
+                const project = workspace.projects.get(options.project);
+                if (project) {
+                    const buildTarget = project.targets.get('build');
+                    (0, node_assert_1.default)(buildTarget, 'Build target should still be present');
+                    // Update main styles
+                    const buildOptions = buildTarget.options;
+                    (0, node_assert_1.default)(buildOptions, 'Build options should still be present');
+                    const existingStyles = buildOptions['styles'] ?? [];
+                    buildOptions['styles'] = [newStylesheetPath, ...existingStyles];
+                    // Update configuration styles
+                    if (buildTarget.configurations) {
+                        for (const config of Object.values(buildTarget.configurations)) {
+                            if (config && 'styles' in config) {
+                                const existingStyles = config['styles'] ?? [];
+                                config['styles'] = [newStylesheetPath, ...existingStyles];
+                            }
+                        }
+                    }
+                }
+            });
+        }
+        else {
+            let stylesheetContent = tree.readText(stylesheetPath);
+            if (!stylesheetContent.includes('@import "tailwindcss";')) {
+                stylesheetContent += '\n@import "tailwindcss";\n';
+                tree.overwrite(stylesheetPath, stylesheetContent);
+            }
+        }
+    };
+}
+function managePostCssConfiguration(project) {
+    return async (tree) => {
+        const searchPaths = ['/', project.root]; // Workspace root and project root
+        for (const path of searchPaths) {
+            for (const configFile of POSTCSS_CONFIG_FILES) {
+                const fullPath = (0, posix_1.join)(path, configFile);
+                if (tree.exists(fullPath)) {
+                    const postcssConfig = new json_file_1.JSONFile(tree, fullPath);
+                    const tailwindPluginPath = ['plugins', '@tailwindcss/postcss'];
+                    if (postcssConfig.get(tailwindPluginPath) === undefined) {
+                        postcssConfig.modify(tailwindPluginPath, {});
+                    }
+                    // Config found and handled
+                    return;
+                }
+            }
+        }
+        // No existing config found, so create one from the template
+        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            (0, schematics_1.applyTemplates)({
+                ...schematics_1.strings,
+            }),
+            (0, schematics_1.move)(project.root),
+        ]);
+        return (0, schematics_1.mergeWith)(templateSource);
+    };
+}
+exports.default = (0, project_1.createProjectSchematic)((options, { project }) => {
+    return (0, schematics_1.chain)([
+        addTailwindStyles(options, project),
+        managePostCssConfiguration(project),
+        ...TAILWIND_DEPENDENCIES.map((name) => (0, utility_1.addDependency)(name, latest_versions_1.latestVersions[name], {
+            type: utility_1.DependencyType.Dev,
+            existing: utility_1.ExistingBehavior.Skip,
+        })),
+    ]);
+});

package/tailwind/schema.d.ts

@@ -0,0 +1,7 @@
+export type Schema = {
+    /**
+     * The name of the project.
+     */
+    project: string;
+    [property: string]: any;
+};

package/tailwind/schema.js

@@ -0,0 +1,4 @@
+"use strict";
+// THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
+// CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
+Object.defineProperty(exports, "__esModule", { value: true });

package/tailwind/schema.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "title": "Tailwind CSS Schematic",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  },
+  "required": ["project"]
+}