@nx/vue 17.0.0-beta.4

package/LICENSE

@@ -0,0 +1,22 @@
+(The MIT License)
+
+Copyright (c) 2017-2023 Narwhal Technologies Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,63 @@
+<p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx.png" width="600" alt="Nx - Smart, Fast and Extensible Build System"></p>
+
+<div style="text-align: center;">
+
+[![CircleCI](https://circleci.com/gh/nrwl/nx.svg?style=svg)](https://circleci.com/gh/nrwl/nx)
+[![License](https://img.shields.io/npm/l/@nx/workspace.svg?style=flat-square)]()
+[![NPM Version](https://badge.fury.io/js/%40nrwl%2Fworkspace.svg)](https://www.npmjs.com/@nx/workspace)
+[![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)]()
+[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
+[![Join the chat at https://gitter.im/nrwl-nx/community](https://badges.gitter.im/nrwl-nx/community.svg)](https://gitter.im/nrwl-nx/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+[![Join us on the Official Nx Discord Server](https://img.shields.io/discord/1143497901675401286?label=discord)](https://go.nx.dev/community)
+
+</div>
+
+
+<hr>
+
+# Nx: Smart, Fast and Extensible Build System
+
+Nx is a next generation build system with first class monorepo support and powerful integrations.
+
+This package is a [Vue plugin for Nx](https://nx.dev/packages/vue).
+
+## Getting Started
+
+### Creating an Nx Workspace
+
+**Using `npx`**
+
+```bash
+npx create-nx-workspace
+```
+
+**Using `npm init`**
+
+```bash
+npm init nx-workspace
+```
+
+**Using `yarn create`**
+
+```bash
+yarn create nx-workspace
+```
+
+### Adding Nx to an Existing Repository
+
+Run:
+
+```bash
+npx nx@latest init
+```
+
+## Documentation & Resources
+
+- [Nx.Dev: Documentation, Guides, Tutorials](https://nx.dev)
+- [Intro to Nx](https://nx.dev/getting-started/intro)
+- [Official Nx YouTube Channel](https://www.youtube.com/@NxDevtools)
+- [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
+
+<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
+width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>
+

package/executors.json

@@ -0,0 +1,3 @@
+{
+  "executors": {}
+}

package/generators.json

@@ -0,0 +1,50 @@
+{
+  "name": "Nx Vue",
+  "version": "0.1",
+  "generators": {
+    "init": {
+      "factory": "./src/generators/init/init",
+      "schema": "./src/generators/init/schema.json",
+      "description": "Initialize the `@nx/vue` plugin.",
+      "aliases": ["ng-add"],
+      "hidden": true
+    },
+    "application": {
+      "factory": "./src/generators/application/application",
+      "schema": "./src/generators/application/schema.json",
+      "aliases": ["app"],
+      "description": "Create a Vue application."
+    },
+    "library": {
+      "factory": "./src/generators/library/library",
+      "schema": "./src/generators/library/schema.json",
+      "aliases": ["lib"],
+      "x-type": "library",
+      "description": "Create a Vue library."
+    },
+    "component": {
+      "factory": "./src/generators/component/component",
+      "schema": "./src/generators/component/schema.json",
+      "aliases": ["c"],
+      "x-type": "component",
+      "description": "Create a Vue component."
+    },
+    "setup-tailwind": {
+      "factory": "./src/generators/setup-tailwind/setup-tailwind",
+      "schema": "./src/generators/setup-tailwind/schema.json",
+      "description": "Set up Tailwind configuration for a project."
+    },
+    "storybook-configuration": {
+      "factory": "./src/generators/storybook-configuration/configuration",
+      "schema": "./src/generators/storybook-configuration/schema.json",
+      "description": "Set up storybook for a Vue app or library.",
+      "hidden": false
+    },
+    "stories": {
+      "factory": "./src/generators/stories/stories",
+      "schema": "./src/generators/stories/schema.json",
+      "description": "Create stories for all components declared in an app or library.",
+      "hidden": false
+    }
+  }
+}

package/index.d.ts

@@ -0,0 +1,11 @@
+export * from './src/utils/versions';
+export { applicationGenerator } from './src/generators/application/application';
+export { libraryGenerator } from './src/generators/library/library';
+export { componentGenerator } from './src/generators/component/component';
+export { storybookConfigurationGenerator } from './src/generators/storybook-configuration/configuration';
+export { storiesGenerator, StorybookStoriesSchema, } from './src/generators/stories/stories';
+export { type InitSchema } from './src/generators/init/schema';
+export { vueInitGenerator } from './src/generators/init/init';
+export { addJest } from './src/generators/application/lib/add-jest';
+export * from './src/utils/versions';
+export * from './src/utils/add-linting';

package/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addJest = exports.vueInitGenerator = exports.storiesGenerator = exports.storybookConfigurationGenerator = exports.componentGenerator = exports.libraryGenerator = exports.applicationGenerator = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./src/utils/versions"), exports);
+var application_1 = require("./src/generators/application/application");
+Object.defineProperty(exports, "applicationGenerator", { enumerable: true, get: function () { return application_1.applicationGenerator; } });
+var library_1 = require("./src/generators/library/library");
+Object.defineProperty(exports, "libraryGenerator", { enumerable: true, get: function () { return library_1.libraryGenerator; } });
+var component_1 = require("./src/generators/component/component");
+Object.defineProperty(exports, "componentGenerator", { enumerable: true, get: function () { return component_1.componentGenerator; } });
+var configuration_1 = require("./src/generators/storybook-configuration/configuration");
+Object.defineProperty(exports, "storybookConfigurationGenerator", { enumerable: true, get: function () { return configuration_1.storybookConfigurationGenerator; } });
+var stories_1 = require("./src/generators/stories/stories");
+Object.defineProperty(exports, "storiesGenerator", { enumerable: true, get: function () { return stories_1.storiesGenerator; } });
+var init_1 = require("./src/generators/init/init");
+Object.defineProperty(exports, "vueInitGenerator", { enumerable: true, get: function () { return init_1.vueInitGenerator; } });
+var add_jest_1 = require("./src/generators/application/lib/add-jest");
+Object.defineProperty(exports, "addJest", { enumerable: true, get: function () { return add_jest_1.addJest; } });
+tslib_1.__exportStar(require("./src/utils/versions"), exports);
+tslib_1.__exportStar(require("./src/utils/add-linting"), exports);

package/migrations.json

@@ -0,0 +1,4 @@
+{
+  "generators": {},
+  "packageJsonUpdates": {}
+}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@nx/vue",
+  "version": "17.0.0-beta.4",
+  "private": false,
+  "description": "The Vue plugin for Nx contains executors and generators for managing Vue applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Cypress, and Storybook.\n\n- Generators for applications, libraries, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nrwl/nx.git",
+    "directory": "packages/vue"
+  },
+  "keywords": [
+    "Monorepo",
+    "Vue",
+    "Web",
+    "CLI"
+  ],
+  "main": "./index.js",
+  "typings": "./index.d.ts",
+  "author": "Victor Savkin",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/nrwl/nx/issues"
+  },
+  "homepage": "https://nx.dev",
+  "generators": "./generators.json",
+  "executors": "./executors.json",
+  "nx-migrations": {
+    "migrations": "./migrations.json"
+  },
+  "dependencies": {
+    "minimatch": "3.0.5",
+    "tslib": "^2.3.0",
+    "@nx/devkit": "17.0.0-beta.4",
+    "@nx/jest": "17.0.0-beta.4",
+    "@nx/js": "17.0.0-beta.4",
+    "@nx/linter": "17.0.0-beta.4",
+    "@nx/vite": "17.0.0-beta.4",
+    "@nx/web": "17.0.0-beta.4",
+    "@phenomnomnominal/tsquery": "~5.0.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {},
+  "exports": {
+    "./package.json": "./package.json",
+    ".": "./index.js",
+    "./executors.json": "./executors.json",
+    "./generators.json": "./generators.json",
+    "./migrations.json": "./migrations.json",
+    "./tailwind": "./src/tailwind.js"
+  },
+  "type": "commonjs"
+}

package/src/generators/application/application.d.ts

@@ -0,0 +1,4 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import { Schema } from './schema';
+export declare function applicationGenerator(tree: Tree, _options: Schema): Promise<GeneratorCallback>;
+export default applicationGenerator;

package/src/generators/application/application.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applicationGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const linter_1 = require("@nx/linter");
+const normalize_options_1 = require("./lib/normalize-options");
+const init_1 = require("../init/init");
+const add_linting_1 = require("../../utils/add-linting");
+const add_e2e_1 = require("./lib/add-e2e");
+const create_application_files_1 = require("./lib/create-application-files");
+const add_vite_1 = require("./lib/add-vite");
+const add_jest_1 = require("./lib/add-jest");
+const create_ts_config_1 = require("../../utils/create-ts-config");
+async function applicationGenerator(tree, _options) {
+    const options = await (0, normalize_options_1.normalizeOptions)(tree, _options);
+    const tasks = [];
+    (0, devkit_1.addProjectConfiguration)(tree, options.name, {
+        root: options.appProjectRoot,
+        projectType: 'application',
+        sourceRoot: `${options.appProjectRoot}/src`,
+        targets: {},
+    });
+    tasks.push(await (0, init_1.vueInitGenerator)(tree, {
+        ...options,
+        skipFormat: true,
+    }));
+    (0, create_ts_config_1.extractTsConfigBase)(tree);
+    (0, create_application_files_1.createApplicationFiles)(tree, options);
+    tasks.push(await (0, add_linting_1.addLinting)(tree, {
+        name: options.projectName,
+        projectRoot: options.appProjectRoot,
+        linter: options.linter ?? linter_1.Linter.EsLint,
+        unitTestRunner: options.unitTestRunner,
+        skipPackageJson: options.skipPackageJson,
+        setParserOptionsProject: options.setParserOptionsProject,
+        rootProject: options.rootProject,
+    }, 'app'));
+    tasks.push(await (0, add_vite_1.addVite)(tree, options));
+    if (options.unitTestRunner === 'jest')
+        tasks.push(await (0, add_jest_1.addJest)(tree, {
+            name: options.name,
+            projectRoot: options.appProjectRoot,
+        }));
+    tasks.push(await (0, add_e2e_1.addE2e)(tree, options));
+    if (options.js)
+        (0, devkit_1.toJS)(tree);
+    if (!options.skipFormat)
+        await (0, devkit_1.formatFiles)(tree);
+    return (0, devkit_1.runTasksInSerial)(...tasks);
+}
+exports.applicationGenerator = applicationGenerator;
+exports.default = applicationGenerator;

package/src/generators/application/files/common/index.html.template

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><%= title %></title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/src/generators/application/files/common/src/app/App.spec.ts.template

@@ -0,0 +1,12 @@
+<% if ( unitTestRunner === 'vitest' ) { %>
+import { describe, it, expect } from 'vitest'
+<% } %>
+import { mount } from '@vue/test-utils'
+import App from './App.vue';
+
+describe('App', () => {
+  it('renders properly', () => {
+    const wrapper = mount(App, {})
+    expect(wrapper.text()).toContain('Welcome <%= title %> 👋')
+  })
+});

package/src/generators/application/files/common/src/app/App.vue.template

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+<% if (routing) { %>
+import { RouterLink, RouterView } from 'vue-router';
+<% } else { %>
+import NxWelcome from './NxWelcome.vue';
+<% } %>
+</script>
+
+<template>
+  <% if (routing) { %>
+    <header>
+      <nav>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
+      </nav>
+    </header>
+    <RouterView />
+  <% } else { %>
+    <NxWelcome title="<%= title %>" />
+  <% } %>
+</template>
+
+<% if (routing && style !== 'none') { %>
+<style scoped lang="<%= style %>">
+header {
+  line-height: 1.5;
+  max-width: 100vw;
+}
+
+nav > a {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+@media (min-width: 768px) {
+  header {
+    display: flex;
+    place-items: center;
+    padding-right: calc(var(--section-gap) / 2);
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 768px;
+  }
+
+  nav {
+    text-align: left;
+    font-size: 1rem;
+
+    padding: 1rem 0;
+    margin-top: 1rem;
+  }
+}
+</style>
+<% } %>