fragment-tools 0.1.16 → 0.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fragment-tools",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "A web development environment for creative coding",
   "main": "index.js",
   "bin": {

package/src/cli/createConfig.js

@@ -73,6 +73,7 @@ export function createConfig(
 			__SEED__: Date.now(),
 			__BUILD__: build,
 			__DEV__: !build,
+			global: {},
 		},
 		optimizeDeps: {
 			include: ['convert-length', 'webm-writer', 'changedpi'],

package/src/cli/plugins/save.js

@@ -15,13 +15,13 @@ export default function screenshot({
 	cwd = process.cwd(),
 	inlineExportDir,
 } = {}) {
-	function resolveDirectory(directoryPath) {
+	function resolveDirectory(directoryPath, dirname) {
 		return path.isAbsolute(directoryPath)
 			? directoryPath
-			: path.join(cwd, directoryPath);
+			: path.join(path.join(cwd, dirname), directoryPath);
 	}
 
-	function resolveExportDirectory(exportDir) {
+	function resolveExportDirectory(exportDir, dirname) {
 		let directory;
 
 		if (inlineExportDir) {
@@ -37,7 +37,7 @@ export default function screenshot({
 				);
 			}
 		} else if (exportDir) {
-			directory = resolveDirectory(exportDir);
+			directory = resolveDirectory(exportDir, dirname);
 		} else {
 			directory = cwd;
 		}
@@ -62,10 +62,16 @@ export default function screenshot({
 							const { filename, data, encoding, exportDir } =
 								files[i];
 
-							let directory = resolveExportDirectory(exportDir);
+							let directory = resolveExportDirectory(
+								exportDir,
+								path.dirname(filename),
+							);
 							mkdirp(directory);
 
-							let filepath = path.join(directory, filename);
+							let filepath = path.join(
+								directory,
+								path.basename(filename),
+							);
 
 							let buffer = Buffer.from(
 								encoding === 'base64'

package/src/client/app/modules/Exports.svelte

@@ -58,7 +58,6 @@
 			value={$exports.imageCount || 1}
 			params={{ step: 1 }}
 			on:change={(e) => {
-				console.log(e.detail, $exports.imageCount);
 				$exports.imageCount = e.detail;
 			}}
 		/>

package/src/client/app/renderers/P5GLRenderer.js

@@ -30,6 +30,7 @@ export let onBeforeUpdatePreview = ({ id }) => {
 
 	if (preview) {
 		preview.rendered = false;
+		preview.p.resetMatrix();
 	}
 };
 
@@ -52,7 +53,8 @@ export let onResizePreview = ({ id, width, height, pixelRatio }) => {
 	const preview = previews.find((p) => p.id === id);
 
 	if (preview) {
-		preview.p.resizeCanvas(width * pixelRatio, height * pixelRatio, false);
+		preview.p.pixelDensity(pixelRatio);
+		preview.p.resizeCanvas(width, height, false);
 	}
 };
 

package/src/client/app/renderers/P5Renderer.js

@@ -22,11 +22,20 @@ export let onMountPreview = ({ id, width, height }) => {
 	};
 };
 
+export let onBeforeUpdatePreview = ({ id }) => {
+	const preview = previews.find((p) => p.id === id);
+
+	if (preview) {
+		preview.p.resetMatrix();
+	}
+};
+
 export let onResizePreview = ({ id, width, height, pixelRatio }) => {
 	const preview = previews.find((p) => p.id === id);
 
 	if (preview) {
-		preview.p.resizeCanvas(width * pixelRatio, height * pixelRatio, false);
+		preview.p.pixelDensity(pixelRatio);
+		preview.p.resizeCanvas(width, height, false);
 	}
 };
 

package/src/client/app/utils/canvas.utils.js

@@ -165,7 +165,8 @@ export function recordCanvas(
 				files.push({
 					filename,
 					data,
-					blob: exportDir,
+					blob,
+					exportDir,
 					encoding: 'base64',
 				});
 			}

package/src/client/app/utils/fields.utils.js

@@ -80,8 +80,8 @@ export function inferFieldType({ type, value, params, key }) {
 }
 
 export function hasChanged(initialValue, currentValue) {
-	const initialType = typeof initialValue;
-	const currentType = typeof currentValue;
+	const initialType = initialValue && typeof initialValue;
+	const currentType = currentValue && typeof currentValue;
 
 	if (initialType !== currentType) return true;