fix(nx-plugin): require importPath

nrwl · Jun 29, 2020 · eaf2c59 · eaf2c59
1 parent f137882
commit eaf2c59
Show file tree

Hide file tree

Showing 10 changed files with 81 additions and 17 deletions.
diff --git a/docs/angular/api-nx-plugin/schematics/plugin.md b/docs/angular/api-nx-plugin/schematics/plugin.md
@@ -27,7 +27,7 @@ nx g plugin ... --dry-run
 Generate libs/plugins/my-plugin:
 
 ```bash
-nx g plugin my-plugin --directory=plugins
+nx g plugin my-plugin --directory=plugins --importPath=@myorg/my-plugin
 ```
 
 ## Options
@@ -40,6 +40,12 @@ Type: `string`
 
 A directory where the plugin is placed
 
+### importPath
+
+Type: `string`
+
+How the plugin will be published, like @myorg/my-awesome-plugin. Note this must be a valid npm name
+
 ### linter
 
 Default: `tslint`

diff --git a/docs/react/api-nx-plugin/schematics/plugin.md b/docs/react/api-nx-plugin/schematics/plugin.md
@@ -27,7 +27,7 @@ nx g plugin ... --dry-run
 Generate libs/plugins/my-plugin:
 
 ```bash
-nx g plugin my-plugin --directory=plugins
+nx g plugin my-plugin --directory=plugins --importPath=@myorg/my-plugin
 ```
 
 ## Options
@@ -40,6 +40,12 @@ Type: `string`
 
 A directory where the plugin is placed
 
+### importPath
+
+Type: `string`
+
+How the plugin will be published, like @myorg/my-awesome-plugin. Note this must be a valid npm name
+
 ### linter
 
 Default: `tslint`

diff --git a/packages/create-nx-plugin/bin/create-nx-plugin.ts b/packages/create-nx-plugin/bin/create-nx-plugin.ts
@@ -80,9 +80,11 @@ function createWorkspace(
 }
 
 function createNxPlugin(workspaceName, pluginName) {
-  console.log(`nx generate @nrwl/nx-plugin:plugin ${pluginName}`);
+  console.log(
+    `nx generate @nrwl/nx-plugin:plugin ${pluginName} --importPath=${workspaceName}/${pluginName}`
+  );
   execSync(
-    `node ./node_modules/@nrwl/cli/bin/nx.js generate @nrwl/nx-plugin:plugin ${pluginName}`,
+    `node ./node_modules/@nrwl/cli/bin/nx.js generate @nrwl/nx-plugin:plugin ${pluginName} --importPath=${workspaceName}/${pluginName}`,
     {
       cwd: workspaceName,
       stdio: [0, 1, 2],

diff --git a/packages/nx-plugin/src/schematics/builder/builder.spec.ts b/packages/nx-plugin/src/schematics/builder/builder.spec.ts
@@ -11,7 +11,11 @@ describe('NxPlugin builder', () => {
   beforeEach(async () => {
     projectName = 'my-plugin';
     appTree = createEmptyWorkspace(ngSchematics.Tree.empty());
-    appTree = await runSchematic('plugin', { name: projectName }, appTree);
+    appTree = await runSchematic(
+      'plugin',
+      { name: projectName, importPath: '@proj/my-plugin' },
+      appTree
+    );
   });
 
   it('should generate files', async () => {

diff --git a/packages/nx-plugin/src/schematics/migration/migration.spec.ts b/packages/nx-plugin/src/schematics/migration/migration.spec.ts
@@ -11,7 +11,11 @@ describe('NxPlugin migration', () => {
   beforeEach(async () => {
     projectName = 'my-plugin';
     appTree = createEmptyWorkspace(ngSchematics.Tree.empty());
-    appTree = await runSchematic('plugin', { name: projectName }, appTree);
+    appTree = await runSchematic(
+      'plugin',
+      { name: projectName, importPath: '@proj/my-plugin' },
+      appTree
+    );
   });
 
   it('should update the workspace.json file', async () => {

diff --git a/packages/nx-plugin/src/schematics/plugin/plugin.spec.ts b/packages/nx-plugin/src/schematics/plugin/plugin.spec.ts
@@ -10,7 +10,11 @@ describe('NxPlugin plugin', () => {
   });
 
   it('should update the workspace.json file', async () => {
-    const tree = await runSchematic('plugin', { name: 'myPlugin' }, appTree);
+    const tree = await runSchematic(
+      'plugin',
+      { name: 'myPlugin', importPath: '@proj/my-plugin' },
+      appTree
+    );
     const workspace = await readWorkspace(tree);
     const project = workspace.projects['my-plugin'];
     expect(project.root).toEqual('libs/my-plugin');
@@ -62,7 +66,11 @@ describe('NxPlugin plugin', () => {
   });
 
   it('should update the tsconfig.lib.json file', async () => {
-    const tree = await runSchematic('plugin', { name: 'myPlugin' }, appTree);
+    const tree = await runSchematic(
+      'plugin',
+      { name: 'myPlugin', importPath: '@proj/my-plugin' },
+      appTree
+    );
     const tsLibConfig = readJsonInTree(
       tree,
       'libs/my-plugin/tsconfig.lib.json'
@@ -71,7 +79,11 @@ describe('NxPlugin plugin', () => {
   });
 
   it('should create schematic and builder files', async () => {
-    const tree = await runSchematic('plugin', { name: 'myPlugin' }, appTree);
+    const tree = await runSchematic(
+      'plugin',
+      { name: 'myPlugin', importPath: '@proj/my-plugin' },
+      appTree
+    );
     expect(tree.exists('libs/my-plugin/collection.json')).toBeTruthy();
     expect(tree.exists('libs/my-plugin/builders.json')).toBeTruthy();
     expect(
@@ -115,7 +127,11 @@ describe('NxPlugin plugin', () => {
 
   it('should call the @nrwl/node:lib schematic', async () => {
     const externalSchematicSpy = jest.spyOn(ngSchematics, 'externalSchematic');
-    await runSchematic('plugin', { name: 'myPlugin' }, appTree);
+    await runSchematic(
+      'plugin',
+      { name: 'myPlugin', importPath: '@proj/my-plugin' },
+      appTree
+    );
     expect(externalSchematicSpy).toBeCalledWith(
       '@nrwl/node',
       'lib',
@@ -127,7 +143,11 @@ describe('NxPlugin plugin', () => {
 
   it('should call the @nrwl/nx-plugin:e2e schematic', async () => {
     const schematicSpy = jest.spyOn(ngSchematics, 'schematic');
-    const tree = await runSchematic('plugin', { name: 'myPlugin' }, appTree);
+    const tree = await runSchematic(
+      'plugin',
+      { name: 'myPlugin', importPath: '@proj/my-plugin' },
+      appTree
+    );
     expect(schematicSpy).toBeCalledWith(
       'e2e-project',
       expect.objectContaining({
@@ -140,7 +160,11 @@ describe('NxPlugin plugin', () => {
 
   it('should call the @nrwl/nx-plugin:schematic schematic', async () => {
     const schematicSpy = jest.spyOn(ngSchematics, 'schematic');
-    const tree = await runSchematic('plugin', { name: 'myPlugin' }, appTree);
+    const tree = await runSchematic(
+      'plugin',
+      { name: 'myPlugin', importPath: '@proj/my-plugin' },
+      appTree
+    );
     expect(schematicSpy).toBeCalledWith(
       'schematic',
       expect.objectContaining({
@@ -152,7 +176,11 @@ describe('NxPlugin plugin', () => {
 
   it('should call the @nrwl/nx-plugin:builder schematic', async () => {
     const schematicSpy = jest.spyOn(ngSchematics, 'schematic');
-    const tree = await runSchematic('plugin', { name: 'myPlugin' }, appTree);
+    const tree = await runSchematic(
+      'plugin',
+      { name: 'myPlugin', importPath: '@proj/my-plugin' },
+      appTree
+    );
     expect(schematicSpy).toBeCalledWith(
       'builder',
       expect.objectContaining({
@@ -171,7 +199,11 @@ describe('NxPlugin plugin', () => {
         );
         const tree = await runSchematic(
           'plugin',
-          { name: 'myPlugin', unitTestRunner: 'none' },
+          {
+            name: 'myPlugin',
+            importPath: '@proj/my-plugin',
+            unitTestRunner: 'none',
+          },
           appTree
         );
 

diff --git a/packages/nx-plugin/src/schematics/plugin/plugin.ts b/packages/nx-plugin/src/schematics/plugin/plugin.ts
@@ -50,6 +50,7 @@ export default function (schema: NormalizedSchema): Rule {
       externalSchematic('@nrwl/node', 'lib', {
         ...schema,
         publishable: true,
+        importPath: schema.importPath,
         unitTestRunner: options.unitTestRunner,
       }),
       addFiles(options),

diff --git a/packages/nx-plugin/src/schematics/plugin/schema.d.ts b/packages/nx-plugin/src/schematics/plugin/schema.d.ts
@@ -3,6 +3,7 @@ import { Linter } from '@nrwl/workspace';
 export interface Schema {
   name: string;
   directory?: string;
+  importPath: string;
   skipTsConfig: boolean;
   skipFormat: boolean;
   tags?: string;

diff --git a/packages/nx-plugin/src/schematics/plugin/schema.json b/packages/nx-plugin/src/schematics/plugin/schema.json
@@ -5,7 +5,7 @@
   "type": "object",
   "examples": [
     {
-      "command": "g plugin my-plugin --directory=plugins",
+      "command": "g plugin my-plugin --directory=plugins --importPath=@myorg/my-plugin",
       "description": "Generate libs/plugins/my-plugin"
     }
   ],
@@ -24,6 +24,10 @@
       "description": "A directory where the plugin is placed",
       "alias": "d"
     },
+    "importPath": {
+      "type": "string",
+      "description": "How the plugin will be published, like @myorg/my-awesome-plugin. Note this must be a valid npm name"
+    },
     "linter": {
       "description": "The tool to use for running lint checks.",
       "type": "string",
@@ -52,5 +56,5 @@
       "description": "Do not update tsconfig.json for development experience."
     }
   },
-  "required": ["name"]
+  "required": ["name", "importPath"]
 }
diff --git a/packages/nx-plugin/src/schematics/schematic/schematic.spec.ts b/packages/nx-plugin/src/schematics/schematic/schematic.spec.ts
@@ -11,7 +11,11 @@ describe('NxPlugin schematic', () => {
   beforeEach(async () => {
     projectName = 'my-plugin';
     appTree = createEmptyWorkspace(ngSchematics.Tree.empty());
-    appTree = await runSchematic('plugin', { name: projectName }, appTree);
+    appTree = await runSchematic(
+      'plugin',
+      { name: projectName, importPath: '@proj/my-plugin' },
+      appTree
+    );
   });
 
   it('should generate files', async () => {