### Install Dependencies Source: https://github.com/nxext/nx-extensions/blob/main/CONTRIBUTING.md Run this command after cloning the project to install all necessary dependencies. ```bash pnpm install ``` -------------------------------- ### Install Nx SvelteKit Plugin Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/sveltekit/installation.md Install the SvelteKit plugin for Nx into your existing workspace. ```bash npm install @nxext/sveltekit --save ``` -------------------------------- ### Install @nxext/capacitor Plugin Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/overview.md Install the @nxext/capacitor plugin using npm. This command should be run in your Nx workspace root. ```bash npm install --save-dev @nxext/capacitor ``` -------------------------------- ### Initialize iOS Podfile Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-angular/overview.md Navigate to the ios/App folder and run 'pod install' to initialize the iOS Podfile. ```bash cd apps/my-app/ios/App pod install ``` -------------------------------- ### Install Nx Svelte Plugin with NPM Source: https://github.com/nxext/nx-extensions/blob/main/packages/svelte/README.md Install the @nxext/svelte plugin as a development dependency using npm. ```bash npm install @nxext/svelte --save-dev ``` -------------------------------- ### Install @nxext/ionic-angular Plugin Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-angular/overview.md Install the plugin in your Nx workspace using npm. ```bash npm install @nxext/ionic-angular --save-dev ``` -------------------------------- ### Install @nxext/stencil with npm Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Add the @nxext/stencil plugin to your Nx workspace using npm. ```bash npm install @nxext/stencil --save ``` -------------------------------- ### Add @nxext/solid Plugin with npm Source: https://github.com/nxext/nx-extensions/blob/main/packages/solid/README.md Install the @nxext/solid plugin as a development dependency using npm. ```bash npm install @nxext/solid --save-dev ``` -------------------------------- ### Install Nx Svelte Plugin with Yarn Source: https://github.com/nxext/nx-extensions/blob/main/packages/svelte/README.md Install the @nxext/svelte plugin as a development dependency using Yarn. ```bash yarn add --dev @nxext/svelte ``` -------------------------------- ### Install Nxext Preact Package Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/installation.md Install the Nxext Preact package into your existing Nx workspace using npm or yarn. ```bash npm install @nxext/preact --save ``` -------------------------------- ### Add @nxext/solid Plugin with Yarn Source: https://github.com/nxext/nx-extensions/blob/main/packages/solid/README.md Install the @nxext/solid plugin as a development dependency using Yarn. ```bash yarn add --dev @nxext/solid ``` -------------------------------- ### Install @nxext/stencil with Yarn Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Add the @nxext/stencil plugin to your Nx workspace using Yarn. ```bash yarn add @nxext/stencil ``` -------------------------------- ### Generate SvelteKit API Route Source: https://github.com/nxext/nx-extensions/blob/main/packages/sveltekit/README.md Generate an API route 'posts' in the 'routes/api' folder with server files for GET and POST methods. ```bash nx route posts -t api -a -s -m get,post ``` -------------------------------- ### Add Preact Plugin with npm Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/overview.md Install the Nxext Preact plugin as a development dependency using npm. ```bash npm install -D @nxext/preact ``` -------------------------------- ### Add Preact Plugin with Yarn Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/overview.md Install the Nxext Preact plugin as a development dependency using Yarn. ```bash yarn add -D @nxext/preact ``` -------------------------------- ### Install NxPreact Plugin with NPM Source: https://github.com/nxext/nx-extensions/blob/main/packages/preact/README.md Add the NxPreact plugin to your project's development dependencies using NPM. ```bash npm install @nxext/preact --save-dev ``` -------------------------------- ### Make Stencil Library Buildable Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/stencil/generators.md This command is used to make an existing Stencil library buildable. No specific command example is provided in the source, but it's a generator available in the package. -------------------------------- ### Install NxPreact Plugin with Yarn Source: https://github.com/nxext/nx-extensions/blob/main/packages/preact/README.md Add the NxPreact plugin to your project's development dependencies using Yarn. ```bash yarn add --dev @nxext/preact ``` -------------------------------- ### Capacitor Plugin Dependencies in package.json Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-angular/overview.md Capacitor plugin dependencies must be added to the project-level package.json. This example shows how to include the @capacitor-community/apple-sign-in plugin. ```json // ./apps/my-app/package.json { "name": "my-app", "dependencies": { "@capacitor/android": "../../node_modules/@capacitor/android", "@capacitor/ios": "../../node_modules/@capacitor/ios", // Example plugin "@capacitor-community/apple-sign-in": "../../node_modules/@capacitor-community/apple-sign-in" } } ``` -------------------------------- ### Serve Stencil Project with Options Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Serve your Stencil project with specific options like debug mode, port, and auto-open. ```bash nx serve my-app --debug --port=1234 --open ``` -------------------------------- ### Create a New Nx Workspace Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/installation.md Use this command to initialize a new, empty Nx workspace. ```bash npx create-nx-workspace --preset=empty ``` -------------------------------- ### Sync and Open Capacitor Platforms Source: https://github.com/nxext/nx-extensions/blob/main/packages/capacitor/MIGRATION.md Runs Capacitor sync and open commands for a specified platform on the frontend project. ```bash nx run my-app:sync --platform ios nx run my-app:open --platform ios ``` -------------------------------- ### Generate SvelteKit Route (Basic) Source: https://github.com/nxext/nx-extensions/blob/main/packages/sveltekit/README.md Generate a basic 'posts' route in the root of the 'routes' folder with client page data loader. ```bash nx route posts -d ``` -------------------------------- ### Generate Solid Application Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/solid/generators.md Use this command to generate a new Solid application. You can use the shorthand 'app' or specify the collection explicitly. ```bash nx generate application ... ``` ```bash nx g app ... # same ``` ```bash nx g @nxext/solid:application ... ``` -------------------------------- ### Open Native Platforms (iOS/Android) Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-angular/overview.md Open the native project in the respective IDE (Xcode for iOS, Android Studio for Android) using Nx run commands. ```bash nx run my-app:open:ios nx run my-app:open:android ``` -------------------------------- ### Build a Plugin Source: https://github.com/nxext/nx-extensions/blob/main/CONTRIBUTING.md Use this command to build a specific plugin within the Nxext project. Replace '[plugin]' with the actual plugin name. ```bash pnpm build [plugin] ``` -------------------------------- ### Sync Native Platforms (iOS/Android) Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-angular/overview.md Update native platform dependencies and copy the built frontend to the Capacitor project using Nx run commands. ```bash nx run my-app:sync:ios nx run my-app:sync:android ``` -------------------------------- ### Create a Playground Repository Source: https://github.com/nxext/nx-extensions/blob/main/CONTRIBUTING.md Generates a local Nx playground repository to test plugin changes without rebuilding. The playground will be located in 'tmp/nx-playground/proj/'. ```bash pnpm create-playground ``` -------------------------------- ### Create Playground for Local Testing Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Builds all publishable libraries and scaffolds a temporary Nx playground project for interactive testing of generators and executors. ```bash pnpm create-playground # builds all publishable libs, scaffolds tmp/nx-playground/proj ``` -------------------------------- ### Build a Single Nx Plugin Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Builds a specified Nx plugin using pnpm. This command is equivalent to running `nx build `. ```bash pnpm build stencil # nx build stencil ``` -------------------------------- ### Generate Solid Library Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/solid/generators.md Use this command to generate a new Solid library. You can use the shorthand 'lib' or specify the collection explicitly. ```bash nx generate library ... ``` ```bash nx g lib ... # same ``` ```bash nx g @nxext/solid:library ... ``` -------------------------------- ### Open Native Android Project Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/overview.md Open the native Android project in its default IDE (e.g., Android Studio). ```bash nx run my-app:open:android ``` -------------------------------- ### Generate New SvelteKit App Source: https://github.com/nxext/nx-extensions/blob/main/packages/sveltekit/README.md Use the Nx CLI to generate a new SvelteKit application with the @nxext/sveltekit plugin. ```bash nx g @nxext/sveltekit:app my-app ``` -------------------------------- ### Generate Storybook Configuration for Stencil Project Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Use this command to generate Storybook configuration for a specific Stencil project. Ensure a successful `nx build` precedes Storybook startup for loader functionality. ```bash nx g @nxext/stencil:storybook-configuration my-lib ``` -------------------------------- ### Add Capacitor Project to Frontend Source: https://github.com/nxext/nx-extensions/blob/main/packages/capacitor/MIGRATION.md Generates a new set of Capacitor configurations and adds them to your specified frontend project. ```bash nx g @nxext/capacitor:capacitor-project --project my-app ``` -------------------------------- ### Nx Targets for SvelteKit App Source: https://github.com/nxext/nx-extensions/blob/main/packages/sveltekit/README.md Overview of preconfigured Nx targets available for a SvelteKit app in project.json. ```bash nx build my-app ``` ```bash nx serve my-app ``` ```bash nx dev my-app ``` ```bash nx preview my-app ``` ```bash nx test my-app ``` ```bash nx e2e my-app ``` ```bash nx check my-app ``` ```bash nx lint my-app ``` ```bash nx add my-app ``` ```bash nx component my-app ``` ```bash nx page my-app ``` -------------------------------- ### Generate Solid Component Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/solid/generators.md Use this command to add a new Solid component to an existing project. You can use the shorthand 'c' or specify the collection explicitly. ```bash nx generate component ... ``` ```bash nx g c ... # same ``` ```bash nx g @nxext/solid:component ... ``` -------------------------------- ### Add Native Platforms (iOS/Android) Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-angular/overview.md Add support for Android and iOS platforms to your application using Nx run commands. ```bash nx run my-app:add:ios nx run my-app:add:android ``` -------------------------------- ### Open Native iOS Project Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/overview.md Open the native iOS project in its default IDE (e.g., Xcode). ```bash nx run my-app:open:ios ``` -------------------------------- ### Run Unit Tests Source: https://github.com/nxext/nx-extensions/blob/main/CONTRIBUTING.md Execute unit tests for a specific plugin. Replace '[plugin]' with the target plugin's name. ```bash pnpm test [plugin] ``` -------------------------------- ### Configure Capacitor for an Nx Project Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/overview.md Generate the Capacitor configuration for a specific Nx project. Replace 'my-app' with your project's name. ```bash nx generate @nxext/capacitor:configuration --project=my-app ``` -------------------------------- ### Run SvelteKit Project Locally Source: https://github.com/nxext/nx-extensions/blob/main/packages/sveltekit/README.md Serve the SvelteKit application locally for development. Ensure to remove 'kit' object from svelte.config.js if encountering 'config.kit.target' errors. ```bash nx serve my-app ``` -------------------------------- ### Generate SvelteKit Application Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/sveltekit/generators.md Use this command to generate a new SvelteKit application. You can specify the collection explicitly if needed. The --dry-run flag shows what would be generated without making changes. ```bash nx generate application ... ``` ```bash nx g app ... # same ``` ```bash nx g @nxext/sveltekit:application ... ``` ```bash nx g application ... --dry-run ``` -------------------------------- ### Build Preact Application Source: https://github.com/nxext/nx-extensions/blob/main/packages/preact/README.md Command to build a Preact application generated by the NxPreact plugin. ```bash nx build my-app ``` -------------------------------- ### Generate Buildable Stencil Library Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/stencil/generators.md Use this command to generate a new buildable Stencil library. Nx searches the default collection unless a specific collection is provided. ```bash nx generate make-lib-buildable ... ``` ```bash nx g @nxext/stencil:make-lib-buildable ... ``` ```bash nx g make-lib-buildable ... --dry-run ``` -------------------------------- ### Generate Preact Library Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/generators.md Use this command to generate a new Preact library. You can use the shorthand 'g lib'. ```bash nx generate library ... ``` ```bash nx g lib ... # same ``` -------------------------------- ### Sync Native Android Platform Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/overview.md Sync the Android native platform to update dependencies and copy frontend builds. Use this after making frontend changes. ```bash nx run my-app:sync:android ``` -------------------------------- ### Generate SvelteKit Route (Nested Dynamic) Source: https://github.com/nxext/nx-extensions/blob/main/packages/sveltekit/README.md Generate a nested dynamic route '[width]x[height]' within 'routes/images/[...file]' with page, client data loader, layout, and error pages. ```bash nx route [width]x[height] -pdle -t images/[...file] ``` -------------------------------- ### Generate Storybook Configuration Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/svelte/generators.md Use this command to set up Storybook configuration for a Svelte library or application. You can specify the collection explicitly if needed. ```bash nx generate storybook-configuration ... ``` ```bash nx g @nxext/svelte:storybook-configuration ... ``` ```bash nx g storybook-configuration ... --dry-run ``` -------------------------------- ### Sync Native iOS Platform Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/overview.md Sync the iOS native platform to update dependencies and copy frontend builds. Use this after making frontend changes. ```bash nx run my-app:sync:ios ``` -------------------------------- ### Generate Stencil Storybook Configuration Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/stencil/generators.md Use this command to configure Storybook for a Stencil project. Nx searches the default collection unless a specific collection is provided. ```bash nx generate storybook-configuration ... ``` ```bash nx g @nxext/stencil:storybook-configuration ... ``` ```bash nx g storybook-configuration ... --dry-run ``` -------------------------------- ### Test a Single Nx Plugin Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Tests a specified Nx plugin using pnpm. This command is equivalent to running `nx test `. ```bash pnpm test stencil # nx test stencil ``` -------------------------------- ### Generate a New Preact Library Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/installation.md Use the Nx CLI to generate a new Preact library within your workspace. Replace '[name]' with your desired library name. ```bash npx nx g @nxext/preact:lib [name] ``` -------------------------------- ### Generate Preact Application Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/generators.md Use this command to generate a new Preact application. You can use the shorthand 'g app'. ```bash nx generate application ... ``` ```bash nx g app ... # same ``` -------------------------------- ### Generate SolidJS Library Source: https://github.com/nxext/nx-extensions/blob/main/packages/solid/README.md Use the Nx CLI to generate a new SolidJS library within your Nx workspace. ```bash nx g @nxext/solid:library my-lib ``` -------------------------------- ### Generate Stencil Component (Shorthand) Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Use the shorthand command to generate a Stencil component. ```bash nx g @nxext/stencil:c my-comp ``` -------------------------------- ### Generate SvelteKit Library Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/sveltekit/generators.md Use this command to generate a new Svelte library. You can specify the collection explicitly. The --dry-run flag shows what would be generated without making changes. ```bash nx generate library ... ``` ```bash nx g @nxext/sveltekit:library ... ``` ```bash nx g library ... --dry-run ``` -------------------------------- ### Dry Run Capacitor Configuration Generation Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/generators.md Show what files will be generated for Capacitor configuration without writing them to disk. ```bash nx g configuration ... --dry-run ``` -------------------------------- ### Generate SvelteKit Route (Complex) Source: https://github.com/nxext/nx-extensions/blob/main/packages/sveltekit/README.md Generate a dynamic '[slug]' route within 'routes/posts' including page, client data loader, and layout page. ```bash nx route [slug] -pdl -t posts ``` -------------------------------- ### Generate a New Preact Application Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/installation.md Use the Nx CLI to generate a new Preact application within your workspace. Replace '[name]' with your desired application name. ```bash npx nx g @nxext/preact:app [name] ``` -------------------------------- ### Add Ionic and Capacitor Configuration Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-angular/overview.md Add the Ionic and Capacitor configuration to an existing Angular application using the plugin. ```bash nx g @nxext/ionic-angular:configuration my-app ``` -------------------------------- ### Run Single Unit Test File with Jest Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Executes a single unit test file for an Nx plugin using Jest, forwarded via pnpm and Nx. ```bash pnpm nx test stencil --testFile=some.spec.ts ``` -------------------------------- ### Generate Capacitor Configuration Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/generators.md Invoke the default Capacitor configuration generator. ```bash nx generate configuration ... ``` -------------------------------- ### Run End-to-End Tests Source: https://github.com/nxext/nx-extensions/blob/main/CONTRIBUTING.md Run end-to-end tests for a specific plugin. Replace '[plugin]' with the plugin's name. ```bash pnpm e2e [plugin] ``` -------------------------------- ### Release Packages with Conventional Commits Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Initiates a package release process driven by conventional commits. This command handles per-package releases as defined in `nx.json`. ```bash pnpm nx release # conventional-commits-driven, per-package (see nx.json "release") ``` -------------------------------- ### Watch Stencil Project Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Enable watch mode for your Stencil project to automatically rebuild on changes. ```bash nx build my-app --watch ``` -------------------------------- ### Generate SolidJS Application Source: https://github.com/nxext/nx-extensions/blob/main/packages/solid/README.md Use the Nx CLI to generate a new SolidJS application within your Nx workspace. ```bash nx g @nxext/solid:app my-app ``` -------------------------------- ### Generate Stencil Application Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/stencil/generators.md Use this command to generate a new Stencil application. You can use the shorthand 'g app' or specify the collection explicitly. ```bash nx generate application ... ``` ```bash nx g app ... # same ``` ```bash nx g @nxext/stencil:application ... ``` ```bash nx g application ... --dry-run ``` -------------------------------- ### Run Generated Storybook Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Command to run the Storybook instance for a Stencil project after configuration has been generated. ```bash nx storybook my-lib ``` -------------------------------- ### Update Playground with Built Distributables Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Copies the latest built distributable files of the publishable libraries into the existing Nx playground environment. ```bash pnpm update-playground # re-copies built dists into the existing playground ``` -------------------------------- ### Generate Stencil Library Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/stencil/generators.md Use this command to generate a new Stencil library. You can use the shorthand 'g lib' or specify the collection explicitly. ```bash nx generate library ... ``` ```bash nx g lib ... # same ``` ```bash nx g @nxext/stencil:library ... ``` ```bash nx g library ... --dry-run ``` -------------------------------- ### Navigate to iOS App Directory Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/overview.md Change the current directory to the iOS application folder within your Nx project. ```bash cd apps/my-app/ios/App ``` -------------------------------- ### Generate Svelte Library Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/svelte/generators.md Use this command to generate a new Svelte library. You can specify the collection explicitly if needed. ```bash nx generate library ... ``` ```bash nx g lib ... # same ``` ```bash nx g @nxext/svelte:library ... ``` ```bash nx g library ... --dry-run ``` -------------------------------- ### Format Code with pnpm Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Formats the codebase using pnpm. This command is REQUIRED to be run before pushing any changes. ```bash pnpm format # nx format:write — REQUIRED before pushing ``` -------------------------------- ### Add Native Android Platform Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/overview.md Add support for the Android native platform to your Nx project using the 'add' target. ```bash nx run my-app:add:android ``` -------------------------------- ### Generate Capacitor Configuration with Explicit Collection Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/generators.md Specify the @nxext/capacitor collection explicitly when generating the configuration. ```bash nx g @nxext/capacitor:configuration ... ``` -------------------------------- ### Generate Svelte Application Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/svelte/generators.md Use this command to generate a new Svelte application. You can specify the collection explicitly if needed. ```bash nx generate application ... ``` ```bash nx g app ... # same ``` ```bash nx g @nxext/svelte:application ... ``` ```bash nx g application ... --dry-run ``` -------------------------------- ### Regenerate Schema Documentation Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Regenerates documentation for generators and executors from their schema definitions. ```bash pnpm documentation # regenerates schema docs from generators/executors ``` -------------------------------- ### Generate SvelteKit Component Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/sveltekit/generators.md Use this command to generate a new Svelte component. You can specify the collection explicitly. The --dry-run flag shows what would be generated without making changes. ```bash nx generate component ... ``` ```bash nx g @nxext/sveltekit:component ... ``` ```bash nx g component ... --dry-run ``` -------------------------------- ### Generate Preact Component Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/generators.md Use this command to add a new Preact component. You can use the shorthand 'g c'. ```bash nx generate component ... ``` ```bash nx g c ... # same ``` -------------------------------- ### Generate Stencil App and Library Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Use the @nxext/stencil schematics to generate a new Stencil application or library within your Nx workspace. ```bash nx g @nxext/stencil:app my-app nx g @nxext/stencil:lib my-lib ``` -------------------------------- ### Generate SvelteKit Route Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/sveltekit/generators.md Use this command to generate a new Svelte route. You can specify the collection explicitly. The --dry-run flag shows what would be generated without making changes. ```bash nx generate route ... ``` ```bash nx g @nxext/sveltekit:route ... ``` ```bash nx g route ... --dry-run ``` -------------------------------- ### Dry Run Preact Application Generation Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/generators.md Use the --dry-run flag to see what files will be generated without actually writing them to disk. ```bash nx g application ... --dry-run ``` -------------------------------- ### Run E2E Tests for an Nx Plugin Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Runs the end-to-end tests for a specific Nx plugin's e2e project using pnpm. ```bash pnpm e2e stencil-e2e # runs the e2e project, not the plugin ``` -------------------------------- ### Generate Svelte Application Source: https://github.com/nxext/nx-extensions/blob/main/packages/svelte/README.md Generate a new Svelte application named 'my-app' using the Nx Svelte plugin. ```bash nx g @nxext/svelte:app my-app ``` -------------------------------- ### Generate New Angular Project Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-angular/overview.md Optional: Generate a new Angular application within your Nx workspace if one does not already exist. ```bash nx g @nx/angular:application --directory=apps/my-app ``` -------------------------------- ### Dry Run Preact Library Generation Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/generators.md Use the --dry-run flag to preview the files that will be generated for a Preact library without modifying the file system. ```bash nx g library ... --dry-run ``` -------------------------------- ### Run E2E Tests for Preact Application Source: https://github.com/nxext/nx-extensions/blob/main/packages/preact/README.md Command to execute end-to-end tests for a Preact application generated by the NxPreact plugin. ```bash nx e2e my-app ``` -------------------------------- ### Add Native iOS Platform Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/capacitor/overview.md Add support for the iOS native platform to your Nx project using the 'add' target. ```bash nx run my-app:add:ios ``` -------------------------------- ### Test Preact Application Source: https://github.com/nxext/nx-extensions/blob/main/packages/preact/README.md Command to run tests for a Preact application generated by the NxPreact plugin. ```bash nx test my-app ``` -------------------------------- ### Generate Stencil Component with Style Variant Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Generate a Stencil component, specifying the desired style variant (e.g., SCSS). ```bash nx g @nxext/stencil:component my-comp --style=scss ``` -------------------------------- ### Generate Svelte Component Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/svelte/generators.md Use this command to add a new Svelte component to a project. You can specify the collection explicitly if needed. ```bash nx generate component ... ``` ```bash nx g c ... # same ``` ```bash nx g @nxext/svelte:component ... ``` ```bash nx g component ... --dry-run ``` -------------------------------- ### Dry Run Preact Component Generation Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/generators.md Use the --dry-run flag to preview the files that will be generated for a Preact component without modifying the file system. ```bash nx g component ... --dry-run ``` -------------------------------- ### Add Output Target to Stencil Project Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/stencil/generators.md Use this command to add output targets (e.g., React, Angular, Vue) to an existing Stencil component library. You can specify the collection explicitly. ```bash nx generate add-outputtarget ... ``` ```bash nx g @nxext/stencil:add-outputtarget ... ``` ```bash nx g add-outputtarget ... --dry-run ``` -------------------------------- ### Generate Stencil Component Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/stencil/generators.md Use this command to add a new component to an existing Stencil UI library. You can use the shorthand 'g c' or specify the collection explicitly. ```bash nx generate component ... ``` ```bash nx g c ... # same ``` ```bash nx g @nxext/stencil:component ... ``` ```bash nx g component ... --dry-run ``` -------------------------------- ### Lint a Single Nx Plugin Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Lints a specified Nx plugin using pnpm. ```bash pnpm lint stencil ``` -------------------------------- ### Run Affected Commands for Build, Lint, and Test Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Executes build, lint, and test targets only for affected projects, excluding those tagged with 'e2e'. This is typically used in CI environments. ```bash pnpm affected --target build lint test --exclude="tag:e2e" ``` -------------------------------- ### Add Output Target for React, Angular, or Vue Source: https://github.com/nxext/nx-extensions/blob/main/packages/stencil/README.md Generate Angular, React, or Vue libraries for your Stencil libraries using Stencil's output targets. Specify the desired output type using the `--outputType` flag. ```bash nx g @nxext/stencil:add-outputtarget my-lib ``` -------------------------------- ### Generate Ionic Configuration with Explicit Collection Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-react/generators.md Specify the collection explicitly when generating the Ionic configuration if it's not in the default collection. ```bash nx g @nxext/ionic-react:configuration ... ``` -------------------------------- ### Update Playground Source: https://github.com/nxext/nx-extensions/blob/main/CONTRIBUTING.md Updates the existing playground repository with the latest changes from the plugins without needing to create a new playground. ```bash pnpm update-playground ``` -------------------------------- ### Add color-scheme Meta Tag to index.html Source: https://github.com/nxext/nx-extensions/blob/main/packages/ionic-react/MIGRATION.md Add this meta tag inside the head tag of your index.html to support light and dark color schemes. ```html ``` -------------------------------- ### Run Specific Test by Name with Jest Source: https://github.com/nxext/nx-extensions/blob/main/CLAUDE.md Executes a specific unit test by its name for an Nx plugin using Jest, forwarded via pnpm and Nx. ```bash pnpm nx test stencil -t "generates application" ``` -------------------------------- ### Generate Preact Application with Explicit Collection Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/generators.md Specify the collection explicitly when generating a Preact application if it's not in the default collection. ```bash nx g @nxext/preact:application ... ``` -------------------------------- ### Remove Capacitor Project Source: https://github.com/nxext/nx-extensions/blob/main/packages/capacitor/MIGRATION.md Removes the dedicated Capacitor project from the Nx workspace. ```bash nx g @nx/workspace:remove my-app ``` -------------------------------- ### Generate Preact Library with Explicit Collection Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/generators.md Specify the collection explicitly when generating a Preact library if it's not in the default collection. ```bash nx g @nxext/preact:library ... ``` -------------------------------- ### Generate Preact Component with Explicit Collection Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/preact/generators.md Specify the collection explicitly when generating a Preact component if it's not in the default collection. ```bash nx g @nxext/preact:component ... ``` -------------------------------- ### Generate Ionic Angular Configuration with Explicit Collection Source: https://github.com/nxext/nx-extensions/blob/main/docs/docs/ionic-angular/generators.md Specify the collection explicitly when generating the configuration for an Ionic Angular application. ```bash nx g @nxext/ionic-angular:configuration ... ``` -------------------------------- ### Update Material Design Dark Theme Variables Source: https://github.com/nxext/nx-extensions/blob/main/packages/ionic-react/MIGRATION.md Update the Material Design dark theme variables in your CSS to match the latest Ionic React starter template. ```css /* * Material Design Dark Theme * ------------------------------------------- */ .md body { --ion-background-color: #121212; --ion-background-color-rgb: 18,18,18; --ion-text-color: #ffffff; --ion-text-color-rgb: 255,255,255; --ion-border-color: #222222; --ion-color-step-50: #1e1e1e; --ion-color-step-100: #2a2a2a; --ion-color-step-150: #363636; --ion-color-step-200: #414141; --ion-color-step-250: #4d4d4d; --ion-color-step-300: #595959; --ion-color-step-350: #656565; --ion-color-step-400: #717171; --ion-color-step-450: #7d7d7d; --ion-color-step-500: #898989; --ion-color-step-550: #949494; --ion-color-step-600: #a0a0a0; --ion-color-step-650: #acacac; --ion-color-step-700: #b8b8b8; --ion-color-step-750: #c4c4c4; --ion-color-step-800: #d0d0d0; --ion-color-step-850: #dbdbdb; --ion-color-step-900: #e7e7e7; --ion-color-step-950: #f3f3f3; --ion-item-background: #1e1e1e; --ion-toolbar-background: #1f1f1f; --ion-tab-bar-background: #1f1f1f; } ``` -------------------------------- ### Update iOS Dark Theme Variables Source: https://github.com/nxext/nx-extensions/blob/main/packages/ionic-react/MIGRATION.md Update the iOS dark theme variables in your CSS to match the latest Ionic React starter template. ```css /* * iOS Dark Theme * ------------------------------------------- */ .ios body { --ion-background-color: #000000; --ion-background-color-rgb: 0,0,0; --ion-text-color: #ffffff; --ion-text-color-rgb: 255,255,255; --ion-color-step-50: #0d0d0d; --ion-color-step-100: #1a1a1a; --ion-color-step-150: #262626; --ion-color-step-200: #333333; --ion-color-step-250: #404040; --ion-color-step-300: #4d4d4d; --ion-color-step-350: #595959; --ion-color-step-400: #666666; --ion-color-step-450: #737373; --ion-color-step-500: #808080; --ion-color-step-550: #8c8c8c; --ion-color-step-600: #999999; --ion-color-step-650: #a6a6a6; --ion-color-step-700: #b3b3b3; --ion-color-step-750: #bfbfbf; --ion-color-step-800: #cccccc; --ion-color-step-850: #d9d9d9; --ion-color-step-900: #e6e6e6; --ion-color-step-950: #f2f2f2; --ion-toolbar-background: #0d0d0d; --ion-item-background: #000000; } ``` -------------------------------- ### Remove Unneeded Toolbar and Large Title Patches Source: https://github.com/nxext/nx-extensions/blob/main/packages/ionic-react/MIGRATION.md Safely remove this CSS from all pages as it is no longer needed after Ionic 5.0. ```css ion-content ion-toolbar { --background: transparent; } ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.