semmet-angular 0.18.0 → 0.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "semmet-angular",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "description": "Angular schematics that generate real, ARIA-conformant standalone components (Accordion, Tabs, Dialog, Disclosure, Tooltip...) with signals-based state and keyboard interaction built in.",
   "publisher": "danilodevsilva",
   "license": "MIT",

package/src/collection.json

@@ -1,6 +1,11 @@
 {
   "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
   "schematics": {
+    "ng-add": {
+      "description": "Configures Semmet Angular in an Angular workspace, including Playwright e2e support.",
+      "factory": "./ng-add/index#ngAdd",
+      "schema": "./ng-add/schema.json"
+    },
     "accordion": {
       "description": "Generates a standalone Angular Accordion component following the W3C ARIA Authoring Practices Guide.",
       "factory": "./accordion/index#accordion",

package/src/ng-add/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export declare function ngAdd(options: Schema): Rule;

package/src/ng-add/index.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = ngAdd;
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const PLAYWRIGHT_VERSION = '^1.61.1';
+const TYPES_NODE_VERSION = '^20.11.0';
+function ngAdd(options) {
+    const skipRule = () => undefined;
+    return (0, schematics_1.chain)([
+        options.skipE2e ? skipRule : addPlaywrightDependency,
+        options.skipE2e ? skipRule : addPackageScripts,
+        options.skipE2e ? skipRule : addPlaywrightConfig,
+        options.skipE2e ? skipRule : installPackages,
+    ]);
+}
+function addPlaywrightDependency(tree) {
+    const packageJson = readJson(tree, '/package.json');
+    const devDependencies = packageJson.devDependencies ?? {};
+    packageJson.devDependencies = {
+        ...devDependencies,
+        '@playwright/test': devDependencies['@playwright/test'] ?? PLAYWRIGHT_VERSION,
+        '@types/node': devDependencies['@types/node'] ?? TYPES_NODE_VERSION,
+    };
+    writeJson(tree, '/package.json', packageJson);
+}
+function addPackageScripts(tree) {
+    const packageJson = readJson(tree, '/package.json');
+    const scripts = packageJson.scripts ?? {};
+    packageJson.scripts = {
+        ...scripts,
+        e2e: scripts.e2e ?? 'playwright test',
+        'e2e:ui': scripts['e2e:ui'] ?? 'playwright test --ui',
+        'e2e:report': scripts['e2e:report'] ?? 'playwright show-report',
+    };
+    writeJson(tree, '/package.json', packageJson);
+}
+function addPlaywrightConfig(tree) {
+    if (tree.exists('/playwright.config.ts')) {
+        return;
+    }
+    tree.create('/playwright.config.ts', `/// <reference types="node" />
+
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './src',
+  testMatch: '**/*.e2e-spec.ts',
+  fullyParallel: true,
+  forbidOnly: !!process.env['CI'],
+  retries: process.env['CI'] ? 2 : 0,
+  workers: process.env['CI'] ? 1 : undefined,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://localhost:4200',
+    trace: 'on-first-retry',
+  },
+  webServer: {
+    command: 'npm run start',
+    url: 'http://localhost:4200',
+    reuseExistingServer: !process.env['CI'],
+    timeout: 120 * 1000,
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+});
+`);
+}
+function installPackages(_tree, context) {
+    context.addTask(new tasks_1.NodePackageInstallTask());
+}
+function readJson(tree, path) {
+    const content = tree.readText(path);
+    return JSON.parse(content);
+}
+function writeJson(tree, path, value) {
+    tree.overwrite(path, `${JSON.stringify(value, null, 2)}\n`);
+}
+//# sourceMappingURL=index.js.map

package/src/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;AAOA,sBASC;AAhBD,2DAAiF;AACjF,4DAA0E;AAG1E,MAAM,kBAAkB,GAAG,SAAS,CAAC;AACrC,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAEtC,SAAgB,KAAK,CAAC,OAAe;IACnC,MAAM,QAAQ,GAAS,GAAG,EAAE,CAAC,SAAS,CAAC;IAEvC,OAAO,IAAA,kBAAK,EAAC;QACX,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB;QACpD,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB;QAC9C,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB;QAChD,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;KAC7C,CAAC,CAAC;AACL,CAAC;AAED,SAAS,uBAAuB,CAAC,IAAU;IACzC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IACpD,MAAM,eAAe,GAAG,WAAW,CAAC,eAAe,IAAI,EAAE,CAAC;IAE1D,WAAW,CAAC,eAAe,GAAG;QAC5B,GAAG,eAAe;QAClB,kBAAkB,EAAE,eAAe,CAAC,kBAAkB,CAAC,IAAI,kBAAkB;QAC7E,aAAa,EAAE,eAAe,CAAC,aAAa,CAAC,IAAI,kBAAkB;KACpE,CAAC;IAEF,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAU;IACnC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,IAAI,EAAE,CAAC;IAE1C,WAAW,CAAC,OAAO,GAAG;QACpB,GAAG,OAAO;QACV,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,iBAAiB;QACrC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,sBAAsB;QACrD,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,wBAAwB;KAChE,CAAC;IAEF,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAU;IACrC,IAAI,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAAE,CAAC;QACzC,OAAO;IACT,CAAC;IAED,IAAI,CAAC,MAAM,CACT,uBAAuB,EACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BH,CACE,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAW,EAAE,OAAyB;IAC7D,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,QAAQ,CAAC,IAAU,EAAE,IAAY;IACxC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAwB,CAAC;AACpD,CAAC;AAED,SAAS,SAAS,CAAC,IAAU,EAAE,IAAY,EAAE,KAA0B;IACrE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;AAC9D,CAAC"}

package/src/ng-add/index.ts

@@ -0,0 +1,97 @@
+import { Rule, SchematicContext, Tree, chain } from '@angular-devkit/schematics';
+import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+import { Schema } from './schema';
+
+const PLAYWRIGHT_VERSION = '^1.61.1';
+const TYPES_NODE_VERSION = '^20.11.0';
+
+export function ngAdd(options: Schema): Rule {
+  const skipRule: Rule = () => undefined;
+
+  return chain([
+    options.skipE2e ? skipRule : addPlaywrightDependency,
+    options.skipE2e ? skipRule : addPackageScripts,
+    options.skipE2e ? skipRule : addPlaywrightConfig,
+    options.skipE2e ? skipRule : installPackages,
+  ]);
+}
+
+function addPlaywrightDependency(tree: Tree): void {
+  const packageJson = readJson(tree, '/package.json');
+  const devDependencies = packageJson.devDependencies ?? {};
+
+  packageJson.devDependencies = {
+    ...devDependencies,
+    '@playwright/test': devDependencies['@playwright/test'] ?? PLAYWRIGHT_VERSION,
+    '@types/node': devDependencies['@types/node'] ?? TYPES_NODE_VERSION,
+  };
+
+  writeJson(tree, '/package.json', packageJson);
+}
+
+function addPackageScripts(tree: Tree): void {
+  const packageJson = readJson(tree, '/package.json');
+  const scripts = packageJson.scripts ?? {};
+
+  packageJson.scripts = {
+    ...scripts,
+    e2e: scripts.e2e ?? 'playwright test',
+    'e2e:ui': scripts['e2e:ui'] ?? 'playwright test --ui',
+    'e2e:report': scripts['e2e:report'] ?? 'playwright show-report',
+  };
+
+  writeJson(tree, '/package.json', packageJson);
+}
+
+function addPlaywrightConfig(tree: Tree): void {
+  if (tree.exists('/playwright.config.ts')) {
+    return;
+  }
+
+  tree.create(
+    '/playwright.config.ts',
+    `/// <reference types="node" />
+
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './src',
+  testMatch: '**/*.e2e-spec.ts',
+  fullyParallel: true,
+  forbidOnly: !!process.env['CI'],
+  retries: process.env['CI'] ? 2 : 0,
+  workers: process.env['CI'] ? 1 : undefined,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://localhost:4200',
+    trace: 'on-first-retry',
+  },
+  webServer: {
+    command: 'npm run start',
+    url: 'http://localhost:4200',
+    reuseExistingServer: !process.env['CI'],
+    timeout: 120 * 1000,
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+});
+`
+  );
+}
+
+function installPackages(_tree: Tree, context: SchematicContext): void {
+  context.addTask(new NodePackageInstallTask());
+}
+
+function readJson(tree: Tree, path: string): Record<string, any> {
+  const content = tree.readText(path);
+  return JSON.parse(content) as Record<string, any>;
+}
+
+function writeJson(tree: Tree, path: string, value: Record<string, any>): void {
+  tree.overwrite(path, `${JSON.stringify(value, null, 2)}\n`);
+}

package/src/ng-add/schema.d.ts

@@ -0,0 +1,4 @@
+export interface Schema {
+    project?: string;
+    skipE2e?: boolean;
+}

package/src/ng-add/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/src/ng-add/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["schema.ts"],"names":[],"mappings":""}

package/src/ng-add/schema.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SemmetAngularNgAdd",
+  "title": "Semmet Angular ng-add Options Schema",
+  "type": "object",
+  "description": "Configures Semmet Angular in an Angular workspace.",
+  "additionalProperties": false,
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project to configure.",
+      "$default": { "$source": "projectName" }
+    },
+    "skipE2e": {
+      "type": "boolean",
+      "default": false,
+      "description": "Skip Playwright e2e setup."
+    }
+  }
+}

package/src/ng-add/schema.ts

@@ -0,0 +1,4 @@
+export interface Schema {
+  project?: string;
+  skipE2e?: boolean;
+}