into the void

Author: kirjavascript

TODO

@@ -21,6 +21,7 @@ definition([
 
 // copy to project
 // autozoom based on sprite size for sprites tab
+// close button for new mapping screen / raw editor
 
 // art ffset save message / input size
 // crackers first, then kd cham

app/components/import/state.js

@@ -25,9 +25,9 @@ class ImportState {
     @observable scale = 4;
 
     @action reset = () => {
-        this.path = void 0;
-        this.canvas = void 0;
-        this.ctx = void 0;
+        this.path = undefined;
+        this.canvas = undefined;
+        this.ctx = undefined;
         this.spriteIndex = 0;
         this.auto = false;
         this.bboxes.replace([]);

app/components/mappings/new-mapping.js

@@ -18,7 +18,6 @@ const baseConfig = {
     priority: false,
 };
 
-
 const AutoDismiss = observer(() => (
     <div className="autodismiss">
         <span onClick={mappingState.toggleAutodismiss}>autodismiss</span>
@@ -35,7 +34,7 @@ export class NewMapping extends Component {
         this.node = node;
     };
 
-    pos = [void 0, void 0];
+    pos = [undefined, undefined];
     mapDefz = [];
 
     dragPlacementFactory = (index) => {

app/components/mappings/raw-editor.js

@@ -158,7 +158,7 @@ const SortableDPLCItem = SortableElement(observer(({dplc, dplcIndex}) => (
             </div>
             <div className="dplc-tiles">
                 {Array.from({length: dplc.size}).map((_, i) => {
-                    const data = environment.tiles.length > dplc.art + i ? environment.tiles[dplc.art+i] : void 0;
+                    const data = environment.tiles.length > dplc.art + i ? environment.tiles[dplc.art+i] : undefined;
                     return (
                         <Tile
                             key={i}

app/components/mappings/state/index.js

@@ -92,7 +92,7 @@ class MappingState {
             };
         }
         else {
-            return void 0;
+            return undefined;
         }
     }
 
@@ -129,7 +129,7 @@ class MappingState {
 
     @observable newMapping = {
         active: false,
-        piece: void 0,
+        piece: undefined,
     };
 
     @observable autodismiss = true;

app/components/mappings/state/place-new-mapping.js

@@ -3,7 +3,7 @@ import { mappingState } from './index';
 
 export function placeNewMapping() {
     if (!environment.mappings.length) {
-        mappingState.newMapping.piece = void 0;
+        mappingState.newMapping.piece = undefined;
         return;
     }
 
@@ -30,7 +30,7 @@ export function placeNewMapping() {
         Object.assign(piece, { left, top, art })
     );
     environment.config.currentTile += piece.width * piece.height;
-    mappingState.newMapping.piece = void 0;
+    mappingState.newMapping.piece = undefined;
     if (mappingState.autodismiss) {
         mappingState.newMapping.active = false;
     }

app/components/ui/select/dist.js

@@ -137,7 +137,7 @@ let Dropdown = function (_Component) {
                     style: this.props.color && label[0] == '#' ? {
                         backgroundColor: label,
                         height: 15,
-                    } : void 0,
+                    } : undefined,
                 },
                 this.props.color && label[0] == '#' ? '' : label
               );
@@ -209,7 +209,7 @@ let Dropdown = function (_Component) {
                     style: this.props.color && placeHolderValue[0] == '#' ? {
                         backgroundColor: placeHolderValue,
                         height: 14,
-                    } : this.props.color ? { height: 14 } : void 0,
+                    } : this.props.color ? { height: 14 } : undefined,
                 },
         this.props.color && placeHolderValue[0] == '#' ? '' : placeHolderValue
       );

app/store/history.js

@@ -5,7 +5,7 @@ import { environment } from './environment';
 
 const maxHistory = 1000;
 let past = [];
-let now = void 0;
+let now = undefined;
 let future = [];
 let timeTravelling = false;
 

development/webpack.config.js

@@ -15,7 +15,7 @@ module.exports = (env = {}, args = {}) => {
             rules: [
                 {
                     test: /\.m?jsx?$/,
-                    exclude: env.dev ? /node_modules/ : void 0,
+                    exclude: env.dev ? /node_modules/ : undefined,
                     use: [
                         {
                             loader: 'babel-loader',