Align NPM package structure

Author: Aleksey Filatev

dist/index.html

@@ -1,15 +1,16 @@
 {
   "name": "@agxmeister/asteroids",
-  "version": "1.0.2",
+  "version": "1.0.9",
   "description": "A clone of the popular game Asteroids released in November 1979 by Atari, Inc.",
-  "dependencies": {
-    "webpack": "^5.16.0",
-    "webpack-cli": "^4.4.0"
-  },
   "author": {
     "name": "Aleksey Filatev",
     "email": "[email protected]"
   },
   "license": "MIT",
-  "repository": "https://github.com/agxmeister/asteroids.git"
+  "main": "src/index.js",
+  "repository": "https://github.com/agxmeister/asteroids.git",
+  "devDependencies": {
+    "webpack": "^5.3.2",
+    "webpack-cli": "^4.1.0"
+  }
 }

package-lock.json

@@ -1,16 +1,16 @@
-import {BlockCollection} from "./BlockCollection";
+import BlockCollection from "./BlockCollection";
 import {BigAsteroidFactory, MediumAsteroidFactory, SmallAsteroidFactory} from "./factory/AsteroidFactory";
-import {FlashFactory} from "./factory/FlashFactory";
-import {BulletFactory} from "./factory/BulletFactory";
-import {ShipFactory} from "./factory/ShipFactory";
-import {ScoreLabel} from "./block/ScoreLabel";
-import {Pipeline} from "./Pipeline";
-import {CollisionProcessor} from "./processor/CollisionProcessor";
-import {AnimationProcessor} from "./processor/AnimationProcessor";
-import {GameProcessor} from "./processor/GameProcessor";
-import {GarbageProcessor} from "./processor/GarbageProcessor";
+import FlashFactory from "./factory/FlashFactory";
+import BulletFactory from "./factory/BulletFactory";
+import ShipFactory from "./factory/ShipFactory";
+import ScoreLabel from "./block/ScoreLabel";
+import Pipeline from "./Pipeline";
+import CollisionProcessor from "./processor/CollisionProcessor";
+import AnimationProcessor from "./processor/AnimationProcessor";
+import GameProcessor from "./processor/GameProcessor";
+import GarbageProcessor from "./processor/GarbageProcessor";
 
-export class Application {
+export default class Application {
     run(canvas) {
         const context = canvas.getContext('2d');
 

package.json

@@ -1,4 +1,4 @@
-export class BlockCollection {
+export default class BlockCollection {
     constructor() {
         this.blocks = [];
     }

src/Application.js

@@ -1,4 +1,4 @@
-export class Pipeline {
+export default class Pipeline {
     constructor(...processors) {
         this.processors = processors;
     }

src/BlockCollection.js

@@ -1,6 +1,6 @@
-import {Block} from "./Block";
+import Block from "./Block";
 
-export class Asteroid extends Block {
+export default class Asteroid extends Block {
     constructor(canvasWidth, canvasHeight, size, asteroidFactory) {
         const radius = size === 3 ? 20 : size === 2 ? 15 : 10;
         super(canvasWidth, canvasHeight, radius);

src/Pipeline.js

@@ -1,4 +1,4 @@
-export class Block {
+export default class Block {
     constructor(canvasWidth, canvasHeight, radius) {
         this.canvasWidth = canvasWidth;
         this.canvasHeight = canvasHeight;

src/block/Asteroid.js

@@ -1,6 +1,6 @@
-import {Block} from "./Block";
+import Block from "./Block";
 
-export class Bullet extends Block {
+export default class Bullet extends Block {
     constructor(canvasWidth, canvasHeight, flashFactory) {
         super(canvasWidth, canvasHeight, 2);
         this.flashFactory = flashFactory;

src/block/Block.js

@@ -1,6 +1,6 @@
-import {Block} from "./Block";
+import Block from "./Block";
 
-export class Flash extends Block {
+export default class Flash extends Block {
     constructor(canvasWidth, canvasHeight) {
         super(canvasWidth, canvasHeight, 2);
     }

src/block/Bullet.js

@@ -1,6 +1,6 @@
-import {Block} from "./Block";
+import Block from "./Block";
 
-export class ScoreLabel extends Block {
+export default class ScoreLabel extends Block {
     constructor(canvasWidth, canvasHeight) {
         super(canvasWidth, canvasHeight, 0);
         this.score = 0;

src/block/Flash.js

@@ -1,6 +1,6 @@
-import {Block} from "./Block";
+import Block from "./Block";
 
-export class Ship extends Block {
+export default class Ship extends Block {
     constructor(canvasWidth, canvasHeight, bulletFactory, flashFactory) {
         super(canvasWidth, canvasHeight, 10);
         this.bulletFactory = bulletFactory;

src/block/ScoreLabel.js

@@ -1,5 +1,5 @@
-import {BlockFactory} from "./BlockFactory";
-import {Asteroid} from "../block/Asteroid";
+import BlockFactory from "./BlockFactory";
+import Asteroid from "../block/Asteroid";
 
 export class AsteroidFactory extends BlockFactory {
     constructor(canvasWidth, canvasHeight, collection, asteroidFactory) {

src/block/Ship.js

@@ -1,4 +1,4 @@
-export class BlockFactory {
+export default class BlockFactory {
     constructor(canvasWidth, canvasHeight, collection) {
         this.canvasWidth = canvasWidth;
         this.canvasHeight = canvasHeight;

src/factory/AsteroidFactory.js

@@ -1,7 +1,7 @@
-import {BlockFactory} from "./BlockFactory";
-import {Bullet} from "../block/Bullet";
+import BlockFactory from "./BlockFactory";
+import Bullet from "../block/Bullet";
 
-export class BulletFactory extends BlockFactory {
+export default class BulletFactory extends BlockFactory {
     constructor(canvasWidth, canvasHeight, collection, flashFactory) {
         super(canvasWidth, canvasHeight, collection);
         this.flashFactory = flashFactory;

src/factory/BlockFactory.js

@@ -1,7 +1,7 @@
-import {Flash} from "../block/Flash";
-import {BlockFactory} from "./BlockFactory";
+import Flash from "../block/Flash";
+import BlockFactory from "./BlockFactory";
 
-export class FlashFactory extends BlockFactory {
+export default class FlashFactory extends BlockFactory {
     doCreate() {
         return new Flash(this.canvasWidth, this.canvasHeight);
     }

src/factory/BulletFactory.js

@@ -1,7 +1,7 @@
-import {BlockFactory} from "./BlockFactory";
-import {Ship} from "../block/Ship";
+import BlockFactory from "./BlockFactory";
+import Ship from "../block/Ship";
 
-export class ShipFactory extends BlockFactory {
+export default class ShipFactory extends BlockFactory {
     constructor(canvasWidth, canvasHeight, collection, bulletFactory, flashFactory) {
         super(canvasWidth, canvasHeight, collection);
         this.bulletFactory = bulletFactory;

src/factory/FlashFactory.js

@@ -1,13 +1,6 @@
-import {Application} from './Application';
+import Application from "./Application";
 
-function createCanvas() {
-    const canvas = document.createElement('canvas');
-    canvas.setAttribute('width', '400');
-    canvas.setAttribute('height', '400');
-    return canvas;
+export default function init(canvas) {
+    const application = new Application();
+    application.run(canvas);
 }
-const canvas = createCanvas();
-document.body.appendChild(canvas);
-
-const application = new Application();
-application.run(canvas);

src/factory/ShipFactory.js

@@ -1,6 +1,6 @@
-import {Processor} from "./Processor";
+import Processor from "./Processor";
 
-export class AnimationProcessor extends Processor {
+export default class AnimationProcessor extends Processor {
     constructor(context, ...blockCollection) {
         super();
         this.context = context;

src/index.js

@@ -1,6 +1,6 @@
-import {Processor} from "./Processor";
+import Processor from "./Processor";
 
-export class CollisionProcessor extends Processor {
+export default class CollisionProcessor extends Processor {
     constructor(shipCollection, bulletCollection, asteroidCollection) {
         super();
         this.shipCollection = shipCollection;

src/processor/AnimationProcessor.js

@@ -1,6 +1,6 @@
-import {Processor} from "./Processor";
+import Processor from "./Processor";
 
-export class GameProcessor extends Processor {
+export default class GameProcessor extends Processor {
     constructor(shipCollection, asteroidCollection, asteroidFactory, scoreLabel) {
         super();
         this.shipCollection = shipCollection;

src/processor/CollisionProcessor.js

@@ -1,6 +1,6 @@
-import {Processor} from "./Processor";
+import Processor from "./Processor";
 
-export class GarbageProcessor extends Processor {
+export default class GarbageProcessor extends Processor {
     constructor(...blockCollection) {
         super();
         this.blockCollection = blockCollection;

src/processor/GameProcessor.js

@@ -1,3 +1,3 @@
-export class Processor {
+export default class Processor {
     run(time) {}
 }

src/processor/GarbageProcessor.js

@@ -4,7 +4,6 @@ module.exports = {
     entry: './src/index.js',
     output: {
         path: path.resolve(__dirname, 'dist'),
-        filename: 'bundle.js'
+        filename: 'asteroids.js'
     },
-    mode: "production"
 };