Rename package to have consistent naming

Author: jstebenne

angular.json

@@ -3,7 +3,7 @@
   "version": 1, 
   "newProjectRoot": "projects",
   "projects": {
-    "fabricjs-editor": {
+    "angular-editor-fabric-js-app": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -17,7 +17,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/fabricjs-editor",
+            "outputPath": "dist/angular-editor-fabric-js",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
@@ -68,18 +68,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "fabricjs-editor:build"
+            "browserTarget": "angular-editor-fabric-js:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "fabricjs-editor:build:production"
+              "browserTarget": "angular-editor-fabric-js:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "fabricjs-editor:build"
+            "browserTarget": "angular-editor-fabric-js:build"
           }
         },
         "test": {
@@ -116,48 +116,48 @@
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
             "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "fabricjs-editor:serve"
+            "devServerTarget": "angular-editor-fabric-js:serve"
           },
           "configurations": {
             "production": {
-              "devServerTarget": "fabricjs-editor:serve:production"
+              "devServerTarget": "angular-editor-fabric-js:serve:production"
             }
           }
         }
       }
     },
-    "fabricjs-library": {
+    "angular-editor-fabric-js": {
       "projectType": "library",
-      "root": "projects/fabricjs-library",
-      "sourceRoot": "projects/fabricjs-library/src",
+      "root": "projects/angular-editor-fabric-js",
+      "sourceRoot": "projects/angular-editor-fabric-js/src",
       "prefix": "lib",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "projects/fabricjs-library/tsconfig.lib.json",
-            "project": "projects/fabricjs-library/ng-package.json"
+            "tsConfig": "projects/angular-editor-fabric-js/tsconfig.lib.json",
+            "project": "projects/angular-editor-fabric-js/ng-package.json"
           },
           "configurations": {
             "production": {
-              "tsConfig": "projects/fabricjs-library/tsconfig.lib.prod.json"
+              "tsConfig": "projects/angular-editor-fabric-js/tsconfig.lib.prod.json"
             }
           }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/fabricjs-library/src/test.ts",
-            "tsConfig": "projects/fabricjs-library/tsconfig.spec.json",
-            "karmaConfig": "projects/fabricjs-library/karma.conf.js"
+            "main": "projects/angular-editor-fabric-js/src/test.ts",
+            "tsConfig": "projects/angular-editor-fabric-js/tsconfig.spec.json",
+            "karmaConfig": "projects/angular-editor-fabric-js/karma.conf.js"
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "projects/fabricjs-library/tsconfig.lib.json",
-              "projects/fabricjs-library/tsconfig.spec.json"
+              "projects/angular-editor-fabric-js/tsconfig.lib.json",
+              "projects/angular-editor-fabric-js/tsconfig.spec.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -166,5 +166,5 @@
         }
       }
     }},
-  "defaultProject": "fabricjs-editor"
+  "defaultProject": "angular-editor-fabric-js"
 }

e2e/src/app.e2e-spec.ts

@@ -10,7 +10,7 @@ describe('workspace-project App', () => {
 
   it('should display welcome message', () => {
     page.navigateTo();
-    expect(page.getTitleText()).toEqual('fabricjs-editor app is running!');
+    expect(page.getTitleText()).toEqual('angular-editor-fabric-js app is running!');
   });
 
   afterEach(async () => {

karma.conf.js

@@ -10,13 +10,13 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('./projects/angular-editor-fabric-js/node_modules/@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, './coverage/fabricjs-editor'),
+      dir: require('path').join(__dirname, './coverage/angular-editor-fabric-js'),
       reports: ['html', 'lcovonly', 'text-summary'],
       fixWebpackSourcePaths: true
     },

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "fabricjs-editor",
+  "name": "angular-editor-fabric-js",
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
@@ -9,7 +9,7 @@
     "lint": "ng lint",
     "e2e": "ng e2e"
   },
-  "private": true,
+  "publishConfig": { "registry": "https://npm.pkg.github.com/" },
   "dependencies": {
     "@angular/animations": "~9.0.6",
     "@angular/common": "~9.0.6",

package.json

@@ -16,7 +16,7 @@ module.exports = function (config) {
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../../coverage/fabricjs-library'),
+      dir: require('path').join(__dirname, '../../coverage/angular-editor-fabric-js'),
       reports: ['html', 'lcovonly', 'text-summary'],
       fixWebpackSourcePaths: true
     },

projects/angular-editor-fabric-js/README.md

@@ -1,6 +1,6 @@
 {
   "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/fabricjs-library",
+  "dest": "../../dist/angular-editor-fabric-js",
   "lib": {
     "entryFile": "src/public-api.ts"
   }

projects/fabricjs-library/karma.conf.js projects/angular-editor-fabric-js/karma.conf.js

@@ -1,5 +1,5 @@
 {
-  "name": "fabricjs-library",
+  "name": "angular-editor-fabric-js",
   "version": "0.0.1",
   "peerDependencies": {
     "@angular/common": "^9.0.7",

projects/fabricjs-library/ng-package.json projects/angular-editor-fabric-js/ng-package.json

@@ -1,6 +1,6 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { FabricjsLibraryComponent } from './fabricjs-library.component';
+import { FabricjsLibraryComponent } from './angular-editor-fabric-js.component';
 
 describe('FabricjsLibraryComponent', () => {
   let component: FabricjsLibraryComponent;

projects/fabricjs-library/node_modules/@types/fabric/LICENSE projects/angular-editor-fabric-js/node_modules/@types/fabric/LICENSE

@@ -2,9 +2,9 @@ import { Component, OnInit } from '@angular/core';
 import { fabric } from 'fabric';
 
 @Component({
-  selector: 'lib-fabricjs-library',
-  templateUrl: 'fabricjs-library.component.html',
-  styleUrls: ['fabricjs-library.component.css'],
+  selector: 'lib-angular-editor-fabric-js',
+  templateUrl: 'angular-editor-fabric-js.component.html',
+  styleUrls: ['angular-editor-fabric-js.component.css'],
 })
 export class FabricjsLibraryComponent implements OnInit {
 

projects/fabricjs-library/node_modules/@types/fabric/README.md projects/angular-editor-fabric-js/node_modules/@types/fabric/README.md

@@ -3,7 +3,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
 import { ColorPickerModule } from 'ngx-color-picker';
 
-import { FabricjsLibraryComponent } from './fabricjs-library.component';
+import { FabricjsLibraryComponent } from './angular-editor-fabric-js.component';
 
 @NgModule({
   declarations: [FabricjsLibraryComponent],

projects/fabricjs-library/node_modules/@types/fabric/fabric-impl.d.ts projects/angular-editor-fabric-js/node_modules/@types/fabric/fabric-impl.d.ts

@@ -1,6 +1,6 @@
 import { TestBed } from '@angular/core/testing';
 
-import { FabricjsLibraryService } from './fabricjs-library.service';
+import { FabricjsLibraryService } from './angular-editor-fabric-js.service';
 
 describe('FabricjsLibraryService', () => {
   let service: FabricjsLibraryService;

projects/fabricjs-library/node_modules/@types/fabric/index.d.ts projects/angular-editor-fabric-js/node_modules/@types/fabric/index.d.ts

@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of angular-editor-fabric-js
+ */
+
+export * from './lib/angular-editor-fabric-js.service';
+export * from './lib/angular-editor-fabric-js.component';
+export * from './lib/angular-editor-fabric-js.module';

projects/fabricjs-library/node_modules/@types/fabric/package.json projects/angular-editor-fabric-js/node_modules/@types/fabric/package.json

@@ -119,7 +119,7 @@ <h4>Github: <a href="https://github.com/kevoj/angular-editor-fabric-js">angular-
           </div>
       </div>
       <div class="col-xl-6">
-          <lib-fabricjs-library #canvas></lib-fabricjs-library>
+          <lib-angular-editor-fabric-js #canvas></lib-angular-editor-fabric-js>
       </div>
       <div class="col-xl-3">
           <div class="card">

projects/fabricjs-library/package-lock.json projects/angular-editor-fabric-js/package-lock.json

@@ -16,16 +16,16 @@ describe('AppComponent', () => {
     expect(app).toBeTruthy();
   });
 
-  it(`should have as title 'fabricjs-editor'`, () => {
+  it(`should have as title 'angular-editor-fabric-js'`, () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
-    expect(app.title).toEqual('fabricjs-editor');
+    expect(app.title).toEqual('angular-editor-fabric-js');
   });
 
   it('should render title', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement;
-    expect(compiled.querySelector('.content span').textContent).toContain('fabricjs-editor app is running!');
+    expect(compiled.querySelector('.content span').textContent).toContain('angular-editor-fabric-js app is running!');
   });
 });

projects/fabricjs-library/package.json projects/angular-editor-fabric-js/package.json

@@ -1,13 +1,13 @@
 import { Component, ViewChild } from '@angular/core';
-import { FabricjsLibraryComponent } from 'fabricjs-library';
+import { FabricjsLibraryComponent } from 'angular-editor-fabric-js';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
-  title = 'fabricjs-editor';
+  title = 'angular-editor-fabric-js';
 
   @ViewChild('canvas', {static: false}) canvas: FabricjsLibraryComponent;
 

projects/fabricjs-library/src/assets/.gitkeep projects/angular-editor-fabric-js/src/assets/.gitkeep

@@ -2,7 +2,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 
 import { AppComponent } from './app.component';
-import { FabricjsLibraryModule } from 'projects/fabricjs-library/src/public-api';
+import { FabricjsLibraryModule } from 'projects/angular-editor-fabric-js/src/public-api';
 import { FormsModule } from '@angular/forms';
 import { ColorPickerModule } from 'ngx-color-picker';
 

projects/fabricjs-library/src/assets/img/abra.svg projects/angular-editor-fabric-js/src/assets/img/abra.svg

@@ -16,11 +16,11 @@
       "dom"
     ],
     "paths": {
-      "fabricjs-library": [
-        "dist/fabricjs-library"
+      "angular-editor-fabric-js": [
+        "dist/angular-editor-fabric-js"
       ],
-      "fabricjs-library/*": [
-        "dist/fabricjs-library/*"
+      "angular-editor-fabric-js/*": [
+        "dist/angular-editor-fabric-js/*"
       ]
     }
   },