refactor: format all src files

feat: add
stevensnoeijen · Jul 24, 2022 · 2211113 · 2211113
1 parent 3ad456e
commit 2211113
Show file tree

Hide file tree

Showing 134 changed files with 4,167 additions and 3,733 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -2,17 +2,40 @@
 require('@rushstack/eslint-patch/modern-module-resolution');
 
 module.exports = {
+  env: {
+    browser: true,
+    node: true,
+  },
+  globals: {
+    document: false,
+  },
   extends: [
     'eslint:recommended',
     'plugin:vue/vue3-essential',
     '@vue/eslint-config-typescript',
   ],
-  plugins: ['import'],
+  plugins: ['import', 'unused-imports'],
   rules: {
     'max-len': ['warn', { code: 80, ignorePattern: '^import\\W.*' }],
     quotes: ['warn', 'single'],
     semi: ['warn', 'always'],
-    'import/order': ['warn'],
+    'import/order': [
+      'warn',
+      {
+        'newlines-between': 'always',
+      },
+    ],
     'spaced-comment': ['warn', 'always'],
+    'unused-imports/no-unused-imports': 'warn',
+    'no-unused-vars': 'off',
+    'unused-imports/no-unused-vars': [
+      'warn',
+      {
+        vars: 'all',
+        varsIgnorePattern: '^_',
+        args: 'after-used',
+        argsIgnorePattern: '^_',
+      },
+    ],
   },
 };
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -33,6 +33,7 @@
     "autoprefixer": "^10.4.7",
     "eslint": "^8.20.0",
     "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-unused-imports": "^2.0.0",
     "eslint-plugin-vue": "^9.2.0",
     "gh-pages": "^3.2.3",
     "jest": "^28.1.3",

diff --git a/src/components/pixi/PixiApplication.vue b/src/components/pixi/PixiApplication.vue
@@ -1,11 +1,11 @@
 <template>
-    <div ref="container">
-        <slot name="default" :application="application"/>
-    </div>
+  <div ref="container">
+    <slot name="default" :application="application" />
+  </div>
 </template>
 
 <script lang="ts" setup>
-import { defineProps, onMounted, PropType } from 'vue';
+import { onMounted, PropType } from 'vue';
 import { $ref } from 'vue/macros';
 import * as PIXI from 'pixi.js';
 import { Dict } from '@pixi/utils';
@@ -16,106 +16,110 @@ const container = $ref<HTMLDivElement>();
 
 // prop types, if required and defaults adopted from pixi.js code
 const props = defineProps({
-    autoStart: {
-        type: Boolean,
-        required: false,
-        default: true,
-    },
-    width: {
-        type: Number,
-        required: false,
-        default: 800,
-    },
-    height: {
-        type: Number,
-        required: false,
-        default: 600,
-    },
-    view: {
-        type: HTMLCanvasElement,
-        required: false,
-    },
-    useContextAlpha: {
-        type: Boolean,
-        required: false,
-        default: true,
-    },
-    autoDensity: {
-        type: Boolean,
-        required: false,
-        default: false,
-    },
-    antialias: {
-        type: Boolean,
-        required: false,
-        default: false,
-    },
-    preserveDrawingBuffer: {
-        type: Boolean,
-        required: false,
-        default: false,
-    },
-    resolution: {
-        type: Number,
-        required: false,
-        default: PIXI.settings.RESOLUTION,
-    },
-    forceCanvas: {
-        type: Boolean,
-        required: false,
-        default: false,
-    },
-    backgroundColor: {
-        type: Number,
-        required: false,
-        default: 0x000000,
-    },
-    backgroundAlpha: {
-        type: Number,
-        required: false,
-        default: 1,
-    },
-    clearBeforeRender: {
-        type: Boolean,
-        required: false,
-        default: true,
-    },
-    powerPreference: {
-        type: String as PropType<WebGLPowerPreference>,
-        required: false,
-        default: 'high-performance',
-    },
-    sharedTicker: {
-        type: Boolean,
-        required: false,
-        default: false,
-    },
-    sharedLoader: {
-        type: Boolean,
-        required: false,
-        default: false,
-    },
-    resizeTo: {
-        type: Object as PropType<Window|HTMLElement>,
-        required: false,
-    },
+  autoStart: {
+    type: Boolean,
+    required: false,
+    default: true,
+  },
+  width: {
+    type: Number,
+    required: false,
+    default: 800,
+  },
+  height: {
+    type: Number,
+    required: false,
+    default: 600,
+  },
+  view: {
+    type: HTMLCanvasElement,
+    required: false,
+  },
+  useContextAlpha: {
+    type: Boolean,
+    required: false,
+    default: true,
+  },
+  autoDensity: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  antialias: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  preserveDrawingBuffer: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  resolution: {
+    type: Number,
+    required: false,
+    default: PIXI.settings.RESOLUTION,
+  },
+  forceCanvas: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  backgroundColor: {
+    type: Number,
+    required: false,
+    default: 0x000000,
+  },
+  backgroundAlpha: {
+    type: Number,
+    required: false,
+    default: 1,
+  },
+  clearBeforeRender: {
+    type: Boolean,
+    required: false,
+    default: true,
+  },
+  powerPreference: {
+    type: String as PropType<WebGLPowerPreference>,
+    required: false,
+    default: 'high-performance',
+  },
+  sharedTicker: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  sharedLoader: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  resizeTo: {
+    type: Object as PropType<Window | HTMLElement>,
+    required: false,
+  },
 });
 
 const emits = defineEmits<{
-    (event: 'tick', delta: number): void,
-    (event: 'load', loader: PIXI.Loader, resources: Dict<PIXI.LoaderResource>): void,
+  (event: 'tick', delta: number): void;
+  (
+    event: 'load',
+    loader: PIXI.Loader,
+    resources: Dict<PIXI.LoaderResource>
+  ): void;
 }>();
 
 const application = new PIXI.Application(props);
 
 defineExpose<PixiApplicationInstance>({
-	application,
+  application,
 });
 
 onMounted(() => {
-    container.appendChild(application.view);
+  container.appendChild(application.view);
 
-    application.ticker.add((delta: number) => emits('tick', delta));
-    application.loader.load((...args) => emits('load', ...args));
+  application.ticker.add((delta: number) => emits('tick', delta));
+  application.loader.load((...args) => emits('load', ...args));
 });
-</script>
+</script>
diff --git a/src/components/pixi/PixiViewport.vue b/src/components/pixi/PixiViewport.vue
@@ -15,7 +15,7 @@ const props = defineProps({
     type: Number,
     required: false,
   },
-   /** @default window.innerHeight */
+  /** @default window.innerHeight */
   screenHeight: {
     type: Number,
     required: false,
@@ -48,7 +48,7 @@ const props = defineProps({
   },
   forceHitArea: {
     type: PIXI.Rectangle as PropType<PIXI.Rectangle | null>,
-    required: false
+    required: false,
   },
   /** @default false */
   noTicker: {
@@ -63,7 +63,6 @@ const props = defineProps({
   disableOnContextMenu: {
     type: Boolean,
     required: false,
-    
   },
   /** @default document.body */
   divWheel: {
@@ -102,6 +101,6 @@ onUnmounted(() => {
 });
 
 defineExpose<PixiViewportInstance>({
-    viewport
+  viewport,
 });
-</script>
+</script>
diff --git a/src/components/pixi/types.ts b/src/components/pixi/types.ts
@@ -2,9 +2,9 @@ import { Viewport } from 'pixi-viewport';
 import * as PIXI from 'pixi.js';
 
 export type PixiApplicationInstance = {
-	application: PIXI.Application;
+  application: PIXI.Application;
 };
 
 export type PixiViewportInstance = {
-	viewport: Viewport,
-}
+  viewport: Viewport;
+};