create-stencil-components 1.0.0

package/dist/templates/variants/react/packages/components-{{PROJECT_NAME_KEBAB}}-react/project.json

@@ -0,0 +1,92 @@
+{
+  "name": "components-{{PROJECT_NAME_KEBAB}}-react",
+  "$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": ["typescript"]
+        }
+      ],
+      "options": {
+        "script": "build",
+        "cwd": "{projectRoot}"
+      },
+      "outputs": [
+        "{projectRoot}/dist",
+        "{projectRoot}/src/components/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/react/packages/components-{{PROJECT_NAME_KEBAB}}-react/src/components/index.ts

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

package/dist/templates/variants/react/packages/components-{{PROJECT_NAME_KEBAB}}-react/src/index.ts

@@ -0,0 +1 @@
+export * from './components/index.js';

package/dist/templates/variants/react/packages/components-{{PROJECT_NAME_KEBAB}}-react/tsconfig.json

@@ -0,0 +1,36 @@
+{
+    "buildOnSave": false,
+    "compileOnSave": false,
+    "compilerOptions": {
+        "allowUnreachableCode": false,
+        "allowSyntheticDefaultImports": true,
+        "declaration": true,
+        "declarationDir": "./dist/types",
+        "esModuleInterop": true,
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "jsx": "react",
+        "lib": [
+            "dom",
+            "es2022"
+        ],
+        "module": "esnext",
+        "moduleResolution": "bundler",
+        "noImplicitAny": true,
+        "noImplicitReturns": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "outDir": "dist",
+        "removeComments": false,
+        "rootDir": "src",
+        "sourceMap": false,
+        "target": "es2022"
+    },
+    "include": [
+        "src"
+    ],
+    "exclude": [
+        "dist",
+        "node_modules"
+    ]
+}

package/dist/templates/variants/vue/packages/components-{{PROJECT_NAME_KEBAB}}-core/package.json

@@ -0,0 +1,83 @@
+{
+  "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/core": "4.40.1",
+    "@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/vue/packages/components-{{PROJECT_NAME_KEBAB}}-core/stencil.config.ts

@@ -0,0 +1,67 @@
+import { Config } from '@stencil/core';
+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: [
+    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/vue/packages/components-{{PROJECT_NAME_KEBAB}}-vue/README.md

@@ -0,0 +1,78 @@
+# @{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-vue
+
+## Overview
+
+Vue specific wrappers for the @{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-vue 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}}-vue:[task]
+npx nx run components-{{PROJECT_NAME_KEBAB}}-vue:build
+```
+
+**From within the package directory:**
+
+Navigate to packages/components-{{PROJECT_NAME_KEBAB}}-vue 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/               # Source code
+│   ├── components/    # Directory for component exports and implementation entry
+│   │   └── generated/ # Directory for generated component outputs
+│   │   └── index.ts   # Barrel export for components
+│   └── index.ts       # Barrel export for components
+├── 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}}-vue
+```
+
+### Using Framework Wrappers
+
+**Local Registration**: Best for performance (tree-shaking). In your .vue file:
+
+```js
+<script>
+import { MyComponent } from '@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-vue';
+</script>
+
+<template>
+  <MyComponent first="Stencil" last="Vue" />
+</template>
+```

package/dist/templates/variants/vue/packages/components-{{PROJECT_NAME_KEBAB}}-vue/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-vue",
+  "version": "0.0.0",
+  "description": "Vue specific wrappers for @{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core",
+  "keywords": [
+    "stencil",
+    "stenciljs",
+    "vue"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/index.js",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist/"
+  ],
+  "scripts": {
+    "clean": "rimraf --glob dist src/components/generated",
+    "build": "tsc",
+    "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",
+    "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",
+    "test": "echo 'No tests specified' && exit 0"
+  },
+  "dependencies": {
+    "tslib": "2.8.1"
+  },
+  "peerDependencies": {
+    "@stencil/vue-output-target": "0.11.8",
+    "@{{ORGANIZATION_NAME}}/components-{{PROJECT_NAME_KEBAB}}-core": "*"
+  },
+  "license": "MIT",
+  "sideEffects": false
+}

package/dist/templates/variants/vue/packages/components-{{PROJECT_NAME_KEBAB}}-vue/project.json

@@ -0,0 +1,92 @@
+{
+  "name": "components-{{PROJECT_NAME_KEBAB}}-vue",
+  "$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": ["typescript"]
+        }
+      ],
+      "options": {
+        "script": "build",
+        "cwd": "{projectRoot}"
+      },
+      "outputs": [
+        "{projectRoot}/dist",
+        "{projectRoot}/src/components/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/vue/packages/components-{{PROJECT_NAME_KEBAB}}-vue/src/components/index.ts

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

package/dist/templates/variants/vue/packages/components-{{PROJECT_NAME_KEBAB}}-vue/src/index.ts

@@ -0,0 +1 @@
+export * from './components/index.js';

package/dist/templates/variants/vue/packages/components-{{PROJECT_NAME_KEBAB}}-vue/tsconfig.json

@@ -0,0 +1,39 @@
+{
+    "buildOnSave": false,
+    "compileOnSave": false,
+    "compilerOptions": {
+        "allowUnreachableCode": false,
+        "allowSyntheticDefaultImports": true,
+        "declaration": true,
+        "declarationDir": "./dist/types",
+        "esModuleInterop": true,
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "jsx": "preserve",
+        "jsxImportSource": "vue",
+        "isolatedModules": true,
+        "lib": [
+            "dom",
+            "es2022"
+        ],
+        "module": "esnext",
+        "moduleResolution": "bundler",
+        "noImplicitAny": true,
+        "noImplicitReturns": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "outDir": "dist",
+        "removeComments": false,
+        "rootDir": "src",
+        "skipLibCheck": true,
+        "sourceMap": false,
+        "target": "es2022"
+    },
+    "include": [
+        "src"
+    ],
+    "exclude": [
+        "dist",
+        "node_modules"
+    ]
+}

package/dist/templates/variants/web-components/packages/components-{{PROJECT_NAME_KEBAB}}-core/package.json

@@ -0,0 +1,82 @@
+{
+  "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/core": "4.40.1",
+    "@stencil/sass": "3.2.3",
+    "@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"
+}