change animation metadata def

app/Interfaces/IFrame.ts

@@ -1,6 +1,6 @@
-import { IFramePinData } from './IFramePinData';
+import { IPositionData } from './IPositionData';
 
 export interface IFrame {
 	filename: string;
-	pinData: IFramePinData;
+	pinData: IPositionData[];
 }

app/Interfaces/IFramePinData.ts

@@ -1,6 +0,0 @@
-export interface IFramePinData {
-	[id: number]: {
-		x: number;
-		y: number;
-	};
-}

app/Interfaces/IPositionData.ts

@@ -0,0 +1,4 @@
+export interface IPositionData {
+	x: number;
+	y: number;
+}

app/canvas_handler.ts

@@ -1,5 +1,4 @@
 import { IAnimationData } from './Interfaces/IAnimationData';
-import { IFramePinData } from './Interfaces/IFramePinData';
 import { IProjectData } from './Interfaces/IProjectData';
 
 // I display the canvas and am clickable

app/frame_handler.ts

@@ -1,5 +1,4 @@
 import { IAnimationData } from './Interfaces/IAnimationData';
-import { IFramePinData } from './Interfaces/IFramePinData';
 import { IProjectData } from './Interfaces/IProjectData';
 
 export class FrameHandler {

app/page.ts

@@ -45,7 +45,7 @@ export class Page {
 			frames: [
 				{
 					filename: '',
-					pinData: {}
+					pinData: []
 				}
 			],
 			loop: true,
@@ -316,7 +316,7 @@ export class Page {
 		for (let i = 0; i < originalFilenames.length; i++) {
 			newFrames.push({
 				filename: originalFilenames[i].toString(),
-				pinData: {}
+				pinData: []
 			});
 		}
 
@@ -341,7 +341,7 @@ export class Page {
 		this.animationData.originY = null;
 		this.animationData.frameRate = 30;
 		this.animationData.loop = true;
-		this.animationData.frames = [ { filename: '', pinData: {} } ];
+		this.animationData.frames = [ { filename: '', pinData: [] } ];
 
 		// blank slate canvas data
 		this.projectData.currentFrame = 0;

webpack/dev.config.js

@@ -8,7 +8,7 @@ module.exports = {
 		main: [ './index.ts' ]
 	},
 	output: {
-		filename: 'exporter/bundle.js'
+		filename: 'bundle.js'
 	},
 	resolve: {
 		// Add `.ts` and `.tsx` as a resolvable extension.
@@ -16,7 +16,7 @@ module.exports = {
 	},
 	plugins: [
 		new MiniCssExtractPlugin({
-			filename: 'exporter/main.css'
+			filename: 'main.css'
 		})
 	],
 	module: {