Initial commit

Author: DominikPieper

.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.eslintrc

@@ -0,0 +1,41 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module",
+    "project": "./tsconfig.json"
+  },
+  "ignorePatterns": ["**/*"],
+  "plugins": ["@typescript-eslint", "@nrwl/nx"],
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+    "prettier/@typescript-eslint"
+  ],
+  "rules": {
+    "@typescript-eslint/explicit-member-accessibility": "off",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-parameter-properties": "off",
+    "@nrwl/nx/enforce-module-boundaries": [
+      "error",
+      {
+        "enforceBuildableLibDependency": true,
+        "allow": [],
+        "depConstraints": [
+          { "sourceTag": "*", "onlyDependOnLibsWithTags": ["*"] }
+        ]
+      }
+    ]
+  },
+  "overrides": [
+    {
+      "files": ["*.tsx"],
+      "rules": {
+        "@typescript-eslint/no-unused-vars": "off"
+      }
+    }
+  ]
+}

.gitignore

@@ -0,0 +1,39 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

.prettierignore

@@ -0,0 +1,4 @@
+# Add files here to ignore them from prettier formatting
+
+/dist
+/coverage

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

README.md

@@ -0,0 +1,76 @@
+# Nxext
+
+This project was generated using [Nx](https://nx.dev).
+
+<p align="center"><img src="https://raw.githubusercontent.com/nrwl/nx/master/nx-logo.png" width="450"></p>
+
+🔎 **Nx is a set of Extensible Dev Tools for Monorepos.**
+
+## Adding capabilities to your workspace
+
+Nx supports many plugins which add capabilities for developing different types of applications and different tools.
+
+These capabilities include generating applications, libraries, etc as well as the devtools to test, and build projects as well.
+
+Below are some plugins which you can add to your workspace:
+
+- [React](https://reactjs.org)
+  - `npm install --save-dev @nrwl/react`
+- Web (no framework frontends)
+  - `npm install --save-dev @nrwl/web`
+- [Angular](https://angular.io)
+  - `npm install --save-dev @nrwl/angular`
+- [Nest](https://nestjs.com)
+  - `npm install --save-dev @nrwl/nest`
+- [Express](https://expressjs.com)
+  - `npm install --save-dev @nrwl/express`
+- [Node](https://nodejs.org)
+  - `npm install --save-dev @nrwl/node`
+
+## Generate an application
+
+Run `nx g @nrwl/react:app my-app` to generate an application.
+
+> You can use any of the plugins above to generate applications as well.
+
+When using Nx, you can create multiple applications and libraries in the same workspace.
+
+## Generate a library
+
+Run `nx g @nrwl/react:lib my-lib` to generate a library.
+
+> You can also use any of the plugins above to generate libraries as well.
+
+Libraries are sharable across libraries and applications. They can be imported from `@nxext/mylib`.
+
+## Development server
+
+Run `nx serve my-app` for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `nx g @nrwl/react:component my-component --project=my-app` to generate a new component.
+
+## Build
+
+Run `nx build my-app` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
+
+## Running unit tests
+
+Run `nx test my-app` to execute the unit tests via [Jest](https://jestjs.io).
+
+Run `nx affected:test` to execute the unit tests affected by a change.
+
+## Running end-to-end tests
+
+Run `ng e2e my-app` to execute the end-to-end tests via [Cypress](https://www.cypress.io).
+
+Run `nx affected:e2e` to execute the end-to-end tests affected by a change.
+
+## Understand your workspace
+
+Run `nx dep-graph` to see a diagram of the dependencies of your projects.
+
+## Further help
+
+Visit the [Nx Documentation](https://nx.dev) to learn more.

apps/.gitkeep

@@ -0,0 +1 @@
+

apps/stencil-e2e/jest.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  name: 'stencil-e2e',
+  preset: '../../jest.config.js',
+  coverageDirectory: '../../coverage/apps/stencil-e2e',
+  testTimeout: 300000,
+  runner: './serial-jest-runner.js',
+};

apps/stencil-e2e/serial-jest-runner.js

@@ -0,0 +1,10 @@
+const DefaultJestRunner = require('jest-runner');
+
+class SerialJestRunner extends DefaultJestRunner {
+  constructor(...args) {
+    super(...args);
+    this.isSerial = true;
+  }
+}
+
+module.exports = SerialJestRunner;

apps/stencil-e2e/tests/application.test.ts

@@ -0,0 +1,75 @@
+import { ProjectType } from '@nrwl/workspace';
+import {
+  checkFilesExist,
+  ensureNxProject,
+  readJson,
+  runNxCommandAsync,
+  uniq,
+} from '@nrwl/nx-plugin/testing';
+import { SUPPORTED_STYLE_LIBRARIES } from '../../../libs/stencil/src/utils/testing';
+import { testProject } from '../utils/testing';
+
+describe('e2e', () => {
+  describe('generate with style', () => {
+    describe('stencil app', () => {
+      for (var style of ['css', 'scss', 'less', 'styl', 'pcss']) {
+        it(`should create app with ${style}`, async (done) => {
+          const plugin = uniq('app2');
+
+          ensureNxProject('@nxext/stencil', 'dist/libs/stencil');
+          await runNxCommandAsync(
+            `generate @nxext/stencil:app ${plugin} --style=${style}`
+          );
+
+          testProject(plugin, style, ProjectType.Application);
+
+          done();
+        });
+      }
+    });
+
+    describe('--directory', () => {
+      it('should create src in the specified directory', async (done) => {
+        const plugin = uniq('app1');
+        ensureNxProject('@nxext/stencil', 'dist/libs/stencil');
+        await runNxCommandAsync(
+          `generate @nxext/stencil:application ${plugin} --directory subdir --style=css`
+        );
+        expect(() =>
+          checkFilesExist(`apps/subdir/${plugin}/stencil.config.ts`)
+        ).not.toThrow();
+        done();
+      });
+    });
+
+    describe('--tags', () => {
+      it('should add tags to nx.json', async (done) => {
+        const plugin = uniq('app3');
+        ensureNxProject('@nxext/stencil', 'dist/libs/stencil');
+        await runNxCommandAsync(
+          `generate @nxext/stencil:app ${plugin} --tags e2etag,e2ePackage --style=css`
+        );
+        const nxJson = readJson('nx.json');
+        expect(nxJson.projects[plugin].tags).toEqual(['e2etag', 'e2ePackage']);
+        done();
+      });
+    });
+
+    describe('stencil app builder', () => {
+      SUPPORTED_STYLE_LIBRARIES.forEach(style => {
+        it(`should build app with ${style}`, async (done) => {
+          const plugin = uniq('app2');
+          ensureNxProject('@nxext/stencil', 'dist/libs/stencil');
+          await runNxCommandAsync(
+            `generate @nxext/stencil:app ${plugin} --style=css`
+          );
+
+          const result = await runNxCommandAsync(`build ${plugin}`);
+          expect(result.stdout).toContain('build finished');
+
+          done();
+        });
+      });
+    });
+  });
+});

apps/stencil-e2e/tests/ionic-pwa.test.ts

@@ -0,0 +1,71 @@
+import { ProjectType } from '@nrwl/workspace';
+import {
+  checkFilesExist,
+  ensureNxProject,
+  runNxCommandAsync,
+  uniq,
+} from '@nrwl/nx-plugin/testing';
+import { SUPPORTED_STYLE_LIBRARIES } from '../../../libs/stencil/src/utils/testing';
+import { testProject } from '../utils/testing';
+
+describe('e2e-pwa', () => {
+  describe('stencil pwa', () => {
+    for (var style of ['css', 'scss', 'less', 'styl', 'pcss']) {
+      it(`should create pwa with ${style}`, async (done) => {
+        const plugin = uniq('pwa');
+
+        ensureNxProject('@nxext/stencil', 'dist/libs/stencil');
+        await runNxCommandAsync(
+          `generate @nxext/stencil:pwa ${plugin} --style=${style}`
+        );
+
+        testProject(plugin, style, ProjectType.Application);
+
+        done();
+      });
+    }
+
+    describe('--directory', () => {
+      it('should create src in the specified directory', async (done) => {
+        const plugin = uniq('pwa');
+        ensureNxProject('@nxext/stencil', 'dist/libs/stencil');
+        await runNxCommandAsync(
+          `generate @nxext/stencil:pwa ${plugin} --directory subdir --style=css`
+        );
+        expect(() =>
+          checkFilesExist(`apps/subdir/${plugin}/stencil.config.ts`)
+        ).not.toThrow();
+        done();
+      });
+    });
+
+    describe('--tags', () => {
+      it('should add tags to nx.json', async (done) => {
+        const plugin = uniq('pwa');
+        ensureNxProject('@nxext/stencil', 'dist/libs/stencil');
+        await runNxCommandAsync(
+          `generate @nxext/stencil:pwa ${plugin} --tags e2etag,e2ePackage --style=css`
+        );
+
+        done();
+      });
+    });
+
+    describe('stencil app builder', () => {
+      SUPPORTED_STYLE_LIBRARIES.forEach(style => {
+        it(`should bould pwa app with ${style}`, async (done) => {
+          const plugin = uniq('pwa');
+          ensureNxProject('@nxext/stencil', 'dist/libs/stencil');
+          await runNxCommandAsync(
+            `generate @nxext/stencil:pwa ${plugin} --style=css`
+          );
+
+          const result = await runNxCommandAsync(`build ${plugin}`);
+          expect(result.stdout).toContain('build finished');
+
+          done();
+        });
+      });
+    });
+  });
+});