npm - create-stencil-components - Versions diffs - 1.0.0 - Mend

create-stencil-components 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (109) hide show

package/dist/templates/base/packages/components-{{PROJECT_NAME_KEBAB}}-core/src/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
+    <title>{{PROJECT_NAME}}</title>
+    <script type="module" src="/build/components-{{PROJECT_NAME_KEBAB}}-core.esm.js"></script>
+    <script nomodule src="/build/components-{{PROJECT_NAME_KEBAB}}-core.js"></script>
+  </head>
+  <body>
+    <my-component first="Stencil" middle="'Don't call me a framework'" last="JS"></my-component>
+  </body>
+</html>

package/dist/templates/base/packages/components-{{PROJECT_NAME_KEBAB}}-core/src/index.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export { format } from './utils/utils';
+export type * from './components.d.ts';

package/dist/templates/base/packages/components-{{PROJECT_NAME_KEBAB}}-core/src/main.scss ADDED Viewed

File without changes

package/dist/templates/base/packages/components-{{PROJECT_NAME_KEBAB}}-core/src/utils/utils.spec.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { format } from './utils';
+describe('format', () => {
+  it('returns empty string for no names defined', () => {
+    expect(format(undefined, undefined, undefined)).toEqual('');
+  });
+  it('formats just first names', () => {
+    expect(format('Joseph', undefined, undefined)).toEqual('Joseph');
+  });
+  it('formats first and last names', () => {
+    expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');
+  });
+  it('formats first, middle and last names', () => {
+    expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');
+  });
+});

package/dist/templates/base/packages/components-{{PROJECT_NAME_KEBAB}}-core/src/utils/utils.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export function format(first?: string, middle?: string, last?: string): string {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}

package/dist/templates/base/packages/components-{{PROJECT_NAME_KEBAB}}-core/tsconfig.json ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "coverage",
+    "dist",
+    "docs",
+    "node_modules"
+  ]
+}

package/dist/templates/base/prettier.config.mjs ADDED Viewed

@@ -0,0 +1,19 @@
+/**
+ * @see https://prettier.io/docs/configuration
+ * @type {import("prettier").Config}
+ */
+const config = {
+  arrowParens: "avoid",
+  bracketSpacing: true,
+  bracketSameLine: false,
+  jsxSingleQuote: false,
+  quoteProps: "consistent",
+  printWidth: 180,
+  semi: true,
+  singleQuote: true,
+  tabWidth: 4,
+  trailingComma: "all",
+  useTabs: false
+};
+export default config;

package/dist/templates/base/stylelint.config.mjs ADDED Viewed

@@ -0,0 +1,25 @@
+/** @type {import('stylelint').Config} */
+export default {
+  extends: ['stylelint-config-standard-scss'],
+  plugins: ['stylelint-use-logical'],
+  rules: {
+    'block-no-empty': null,
+    'custom-property-pattern': [
+        `^_?([a-z][a-z0-9]*)(-[a-z0-9]+)*$`,
+        {
+            message: (name) => `Expected custom property name "${name}" to be kebab-case`
+        }
+    ],
+    'csstools/use-logical': ('always' || true) || ('ignore' || false || null),
+    'declaration-empty-line-before': null,
+    'media-feature-range-notation': null,
+    'no-empty-source': null,
+    'selector-class-pattern': null,
+    'selector-pseudo-class-no-unknown': [
+        true,
+        {
+            ignorePseudoClasses: ['global', 'export']
+        }
+    ]
+  }
+};

package/dist/templates/base/tsconfig.base.json ADDED Viewed

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "allowUnreachableCode": false,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "lib": [
+      "dom",
+      "es2022"
+    ],
+    "moduleResolution": "bundler",
+    "module": "esnext",
+    "target": "es2022",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "jsx": "react",
+    "jsxFactory": "h",
+    "jsxFragmentFactory": "h.Fragment",
+    "noImplicitAny": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true
+  }
+}

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/CHANGELOG.md ADDED Viewed

File without changes

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/README.md ADDED Viewed

@@ -0,0 +1,108 @@
+# @{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-angular
+## Overview
+Angular specific wrappers for the @{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core package.
+## Tasks
+The following is a list of available command line tasks:
+| Task          | Description                                     |
+| ------------- | ----------------------------------------------- |
+| clean         | Deletes build outputs of the package.           |
+| build         | Builds the package.                             |
+| format        | Validates the form of the package.              |
+| format:fix    | Performs a format fix of the package.           |
+| lint          | Validates the code of the package.              |
+| lint:fix      | Performs a validation fix of the package.       |
+| test          | Performs a test run of the package.             |
+You can execute tasks within an [Nx](https://nx.dev) workspace using several methods. Here are the most common approaches:
+**From the `workspace` root:**
+Use the full package target path to run tasks:
+```sh
+npx nx run components-{{PROJECT_NAME_KEBAB}}-angular:[task]
+npx nx run components-{{PROJECT_NAME_KEBAB}}-angular:build
+```
+**From within the package directory:**
+Navigate to packages/components-{{PROJECT_NAME_KEBAB}}-angular and run the task directly:
+```sh
+npx nx run [task]
+npx nx run build
+```
+## Folder Hierarchy
+The package structure is organized as follows:
+```text
+├── src/            # Directory for lazy loaded component implementations
+├── standalone/     # Directory for standalone component implementations
+├── ng-package.json # Ng-packagr configuration
+├── package.json    # Root configuration: workspaces, dependencies, and scripts
+├── project.json    # Project Nx build system configuration
+├── tsconfig.json   # TypeScript configuration
+├── CHANGELOG.md    # Changelog documentation
+└── README.md       # Package documentation
+```
+## Consumer Consumption
+### Prerequisite: Install Dependencies
+```sh
+npm install @{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-angular
+```
+### Using Framework Wrappers
+**Registration**: In the Angular library's main module (or main.ts for standalone apps), use the Stencil loader to register the components with the browser:
+```ts
+import { defineCustomElements } from '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core/loader';
+defineCustomElements();
+```
+**Usage**: In your Angular application, import the generated wrapper module or individual standalone components:
+```ts
+import { MyComponent } from '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-angular/standalone';;
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [MyComponent], // Use the wrapper component here
+  template: `<my-component [first]="'Stencil'" [last]="'Angular'"></my-component>`
+})
+export class AppComponent { ... }
+```
+### Using Custom Elements Directly
+**Registration**: In main.ts, import the loader to register all components with the browser's CustomElementRegistry.
+```ts
+import { defineCustomElements } from '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core/loader';
+defineCustomElements();
+```
+**Usage**: Angular will error on unknown tags. You must add CUSTOM_ELEMENTS_SCHEMA to any module or component that uses the Stencil tags.
+```tsx
+import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA], // Tells Angular to ignore unknown tags
+  template: `<my-component [first]="'Stencil'" [last]="'Angular'"></my-component>`
+})
+export class AppComponent { }
+```

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/ng-package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+    "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+    "lib": {
+        "entryFile": "src/index.ts"
+    }
+}

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/package.json ADDED Viewed

@@ -0,0 +1,27 @@
+{
+  "name": "@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-angular",
+  "version": "0.0.0",
+  "description": "Angular specific wrappers for @{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core",
+  "keywords": [
+    "angular",
+    "stencil",
+    "stenciljs"
+  ],
+  "scripts": {
+    "clean": "rimraf --glob dist src/directives/generated standalone/src/directives/generated",
+    "build": "ng-packagr -p ng-package.json -c tsconfig.json"
+  },
+  "dependencies": {
+    "tslib": "2.8.1"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=19",
+    "@angular/core": ">=19",
+    "@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core": "*",
+    "rxjs": ">=7.8.2"
+  },
+  "devDependencies": {
+    "ng-packagr": "21.0.1"
+  },
+  "license": "MIT"
+}

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/project.json ADDED Viewed

@@ -0,0 +1,93 @@
+{
+  "name": "components-{{PROJECT_NAME_KEBAB}}-angular",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "namedInputs": {
+    "default": ["{projectRoot}/**/*"]
+  },
+  "targets": {
+    "clean": {
+      "cache": false,
+      "executor": "nx:run-script",
+      "inputs": [
+        {
+          "externalDependencies": ["rimraf"]
+        }
+      ],
+      "options": {
+        "script": "clean",
+        "cwd": "{projectRoot}"
+      }
+    },
+    "build": {
+      "cache": false,
+      "dependsOn": [
+        {
+          "projects": ["components-{{PROJECT_NAME_KEBAB}}-core"],
+          "target": "build"
+        },
+        "^lint"
+      ],
+      "executor": "nx:run-script",
+      "inputs": [
+        "default",
+        {
+          "externalDependencies": ["ng-packagr"]
+        }
+      ],
+      "options": {
+        "script": "build",
+        "cwd": "{projectRoot}"
+      },
+      "outputs": [
+        "{projectRoot}/dist",
+        "{projectRoot}/src/directives/generated",
+        "{projectRoot}/standalone/src/directives/generated"
+      ]
+    },
+    "format": {
+      "cache": false,
+      "executor": "nx:run-script",
+      "options": {
+        "script": "format",
+        "cwd": "{projectRoot}"
+      }
+    },
+    "format:fix": {
+      "cache": false,
+      "executor": "nx:run-script",
+      "options": {
+        "script": "format:fix",
+        "cwd": "{projectRoot}"
+      }
+    },
+    "lint": {
+      "cache": false,
+      "executor": "nx:run-commands",
+      "options": {
+        "commands": ["npm run lint:eslint", "npm run lint:stylelint"],
+        "cwd": "{projectRoot}",
+        "parallel": true
+      }
+    },
+    "lint:fix": {
+      "cache": false,
+      "executor": "nx:run-commands",
+      "options": {
+        "commands": ["npm run lint:eslint:fix", "npm run lint:stylelint:fix"],
+        "cwd": "{projectRoot}",
+        "parallel": true
+      }
+    },
+    "test": {
+      "cache": false,
+      "executor": "nx:run-script",
+      "inputs": [
+        "default"
+      ],
+      "options": {
+        "script": "test",
+        "cwd": "{projectRoot}"
+      }
+    }
+  }
+}

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/src/components-{{PROJECT_NAME_KEBAB}}.module.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { APP_INITIALIZER, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DIRECTIVES } from './directives/generated';
+import { defineCustomElements } from '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core/loader';
+@NgModule({
+    declarations: [...DIRECTIVES],
+    exports: [...DIRECTIVES],
+    imports: [CommonModule],
+    providers: [
+        {
+            provide: APP_INITIALIZER,
+            useFactory: () => defineCustomElements,
+            multi: true,
+        }
+    ],
+})
+export class Components{{PROJECT_NAME_PASCAL}}Module {}

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/src/directives/.gitkeep ADDED Viewed

File without changes

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/src/index.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './directives/generated/components';
+export { DIRECTIVES } from './directives/generated';
+export * from './components-{{PROJECT_NAME_KEBAB}}.module';

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/standalone/ng-package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+    "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+    "lib": {
+        "entryFile": "src/index.ts"
+    }
+}

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/standalone/src/directives/.gitkeep ADDED Viewed

File without changes

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/standalone/src/index.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './directives/generated/components';

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-angular/tsconfig.json ADDED Viewed

@@ -0,0 +1,41 @@
+{
+    "angularCompilerOptions": {
+        "compilationMode": "partial",
+        "enableI18nLegacyMessageId": false,
+        "strictInjectionParameters": true,
+        "strictInputAccessModifiers": true,
+        "strictTemplates": true
+    },
+    "buildOnSave": false,
+    "compileOnSave": false,
+    "compilerOptions": {
+        "declaration": true,
+        "declarationDir": "./dist/types",
+        "esModuleInterop": true,
+        "experimentalDecorators": true,
+        "importHelpers": true,
+        "lib": [
+            "dom",
+            "es2022"
+        ],
+        "module": "esnext",
+        "moduleResolution": "bundler",
+        "noFallthroughCasesInSwitch": true,
+        "noImplicitOverride": true,
+        "noImplicitReturns": true,
+        "noPropertyAccessFromIndexSignature": true,
+        "outDir": "dist",
+        "skipLibCheck": true,
+        "strict": true,
+        "sourceMap": false,
+        "target": "es2022"
+    },
+    "files": [
+        "src/index.ts",
+        "standalone/src/index.ts"
+    ],
+    "exclude": [
+        "dist",
+        "node_modules"
+    ]
+}

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-core/package.json ADDED Viewed

@@ -0,0 +1,85 @@
+{
+  "name": "@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core",
+  "version": "0.0.0",
+  "description": "Base set of atoms and modules for {{PROJECT_NAME_KEBAB}}",
+  "keywords": [
+    "components",
+    "stencil",
+    "stenciljs",
+    "web components"
+  ],
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "es2015": "dist/esm/index.js",
+  "es2017": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/components-{{PROJECT_NAME_KEBAB}}-core/components-{{PROJECT_NAME_KEBAB}}-core.esm.js",
+  "exports": {
+    ".": {
+      "default": "./dist/index.mjs",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./components/*.js": {
+      "import": "./dist/components/*.js",
+      "types": "./dist/types/components/*.d.ts"
+    },
+    "./components": {
+      "default": "./dist/index.js",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/types/components.d.ts"
+    },
+    "./hydrate": {
+      "default": "./dist/hydrate/index.mjs",
+      "import": "./dist/hydrate/index.mjs",
+      "require": "./dist/hydrate/index.js",
+      "types": "./dist/hydrate/index.d.ts"
+    },
+    "./loader": {
+      "default": "./dist/loader/index.js",
+      "import": "./dist/loader/index.js",
+      "require": "./dist/loader/index.cjs",
+      "types": "./dist/loader/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/"
+  ],
+  "scripts": {
+    "clean": "rimraf --glob coverage dist .stencil",
+    "build": "stencil build --ci",
+    "format": "prettier src/**/*.{ts,tsx} --check --config ../../prettier.config.mjs --ignore-path ../../.prettierignore",
+    "format:fix": "prettier src/**/*.{ts,tsx} --write --check --config ../../prettier.config.mjs --ignore-path ../../.prettierignore",
+    "generate": "stencil generate",
+    "lint:eslint": "eslint src --config ../../eslint.config.mjs",
+    "lint:stylelint": "stylelint src/**/*.{css,scss} --config ../../stylelint.config.mjs --ignore-path ../../.stylelintignore",
+    "lint:fix:eslint": "eslint src --config ../../eslint.config.mjs --fix",
+    "lint:fix:stylelint": "stylelint src/**/*.{css,scss} --config ../../stylelint.config.mjs --ignore-path ../../.stylelintignore --fix",
+    "server:dev": "stencil build --dev --watch --serve --no-open --ci",
+    "test": "stencil test --spec --coverage --no-cache",
+    "test:e2e": "stencil test --e2e",
+    "test:watch": "stencil test --spec --e2e --watchAll"
+  },
+  "dependencies": {
+    "tslib": "2.8.1"
+  },
+  "devDependencies": {
+    "@stencil/angular-output-target": "1.1.1",
+    "@stencil/core": "4.40.1",
+    "@stencil/react-output-target": "1.2.0",
+    "@stencil/sass": "3.2.3",
+    "@stencil/vue-output-target": "0.11.8",
+    "@types/jest": "29.5.14",
+    "@types/node": "25.0.3",
+    "jest": "29.7.0",
+    "jest-cli": "29.7.0",
+    "puppeteer": "24.33.1",
+    "sass": "1.97.0",
+    "stencil-inline-svg": "1.1.0"
+  },
+  "license": "MIT"
+}

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-core/stencil.config.ts ADDED Viewed

@@ -0,0 +1,90 @@
+import { angularOutputTarget } from '@stencil/angular-output-target';
+import { Config } from '@stencil/core';
+import { reactOutputTarget } from '@stencil/react-output-target';
+import { sass } from '@stencil/sass';
+import { vueOutputTarget } from '@stencil/vue-output-target';
+import { inlineSvg } from 'stencil-inline-svg';
+const dev = process.argv.includes('--dev');
+export const config: Config = {
+  namespace: 'components-{{PROJECT_NAME_KEBAB}}-core',
+  autoprefixCss: false,
+  buildEs5: 'prod',
+  devServer: {
+    port: 3333,
+    reloadStrategy: 'pageReload'
+  },
+  extras: {
+    enableImportInjection: true
+  },
+  globalStyle: 'src/main.scss',
+  hashFileNames: !dev,
+  hydratedFlag: {
+    selector: 'attribute'
+  },
+  outputTargets: [
+    angularOutputTarget({
+      componentCorePackage: '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core',
+      directivesProxyFile: '../components-{{PROJECT_NAME_KEBAB}}-angular/src/directives/generated/components.ts',
+      directivesArrayFile: '../components-{{PROJECT_NAME_KEBAB}}-angular/src/directives/generated/index.ts',
+      outputType: 'component'
+    }),
+    angularOutputTarget({
+      componentCorePackage: '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core',
+      customElementsDir: 'components', // match what is being exported in the package.json vs setting it to 'dist/components'
+      directivesProxyFile: '../components-{{PROJECT_NAME_KEBAB}}-angular/standalone/src/directives/generated/components.ts',
+      directivesArrayFile: '../components-{{PROJECT_NAME_KEBAB}}-angular/standalone/src/directives/generated/index.ts',
+      outputType: 'standalone'
+    }),
+    reactOutputTarget({
+      clientModule: '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-react',
+      customElementsDir: 'components', // match what is being exported in the package.json vs setting it to 'dist/components'
+      esModules: true,
+      hydrateModule: '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core/hydrate',
+      outDir: '../components-{{PROJECT_NAME_KEBAB}}-react/src/components/generated',
+      stencilPackageName: '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core'
+    }),
+    vueOutputTarget({
+      componentCorePackage: '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core',
+      hydrateModule: '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core/hydrate',
+      includeDefineCustomElements: false,
+      includeImportCustomElements: true,
+      includePolyfills: false,
+      proxiesFile: '../components-{{PROJECT_NAME_KEBAB}}-vue/src/components/generated/components.ts',
+    }),
+    {
+      type: 'dist'
+    },
+    {
+      type: 'dist-custom-elements',
+      dir: 'dist/components',
+      customElementsExportBehavior: 'single-export-module',
+      externalRuntime: false,
+      generateTypeDeclarations: false
+    },
+    {
+      type: 'dist-hydrate-script',
+      dir: 'dist/hydrate'
+    },
+    {
+      type: 'docs-readme',
+    },
+    {
+      type: 'docs-vscode',
+      file: 'dist/docs/components-{{PROJECT_NAME_KEBAB}}-core-vscode.json'
+    },
+    {
+      type: 'www',
+      dir: 'dist/www',
+      serviceWorker: null
+    },
+  ],
+  plugins: [
+    inlineSvg(),
+    sass()
+  ],
+  testing: {
+    browserHeadless: "shell",
+  },
+};

package/dist/templates/variants/all/packages/components-{{PROJECT_NAME_KEBAB}}-react/CHANGELOG.md ADDED Viewed

File without changes