Added preferences saving and load with defaults

Author: basiclines

src/App.js

@@ -48,6 +48,7 @@ class ui extends Element {
 				xspacing="${this.data.preferences.spacing.x}"
 				yspacing="${this.data.preferences.spacing.y}"
 				startname="${this.data.preferences.start_name}"
+				wrapinstances="${this.data.preferences.wrap_instances}"
 				renamestrategy="${this.data.preferences.rename_strategy}"
 			>
 			</v-form>

src/Core.js

@@ -87,7 +87,7 @@ function cmdReorder() {
 	})
 }
 
-function cmdTidy(xSpacing, ySpacing) {
+function cmdTidy(xSpacing, ySpacing, wrapInstances) {
 	var selection = figma.currentPage.selection
 	var parent = (selection[0].type == 'PAGE') ? figma.currentPage : selection[0].parent
 	var allNodes = parent.children
@@ -122,7 +122,7 @@ function cmdTidy(xSpacing, ySpacing) {
 			var newYPos = yPos
 
 			// Wrap instances with a frame around
-			if (match.type == 'INSTANCE') {
+			if (wrapInstances && match.type == 'INSTANCE') {
 				var instanceParent = figma.createFrame()
 				instanceParent.x = newXPos
 				instanceParent.y = newYPos
@@ -156,11 +156,13 @@ Promise.all([
 
 	let SPACING = { x: 100, y: 200 }
 	let START_NAME = '000'
+	let WRAP_INSTANCES = true
 	let RENAME_STRATEGY_REPLACE = 'replace'
 	let RENAME_STRATEGY_MERGE = 'merge'
 	let PREFERENCES = {
 		spacing: SPACING,
 		start_name: START_NAME,
+		wrap_instances: WRAP_INSTANCES,
 		rename_strategy: RENAME_STRATEGY_REPLACE
 	}
 
@@ -195,13 +197,13 @@ Promise.all([
 	} else
 	if (cmd == 'tidy') {
 		// RUNS WITHOUT UI
-		cmdTidy(preferences.spacing.x, preferences.spacing.y)
+		cmdTidy(preferences.spacing.x, preferences.spacing.y, preferences.wrap_instances)
 		figma.notify('Super Tidy: Tidy')
 		setTimeout(() => figma.closePlugin(), 100)
 	} else
 	if (cmd == 'all') {
 		// RUNS WITHOUT UI
-		cmdTidy(preferences.spacing.x, preferences.spacing.y)
+		cmdTidy(preferences.spacing.x, preferences.spacing.y, preferences.wrap_instances)
 		cmdReorder()
 		cmdRename(preferences.rename_strategy, preferences.start_name)
 		figma.notify('Super Tidy')
@@ -223,7 +225,7 @@ Promise.all([
 				var REORDER_ENABLED = msg.options.reorder
 				var TIDY_ENABLED = msg.options.tidy
 
-				if (TIDY_ENABLED) cmdTidy(preferences.spacing.x, preferences.spacing.y)
+				if (TIDY_ENABLED) cmdTidy(preferences.spacing.x, preferences.spacing.y, preferences.wrap_instances)
 				if (RENAMING_ENABLED) cmdRename(preferences.rename_strategy, preferences.start_name)
 				if (REORDER_ENABLED) cmdReorder()
 				figma.notify('Super Tidy')

src/ui/views/preferences/PreferencesView.js

@@ -12,11 +12,13 @@ class PreferencesView extends Element {
 		let x_spacing = this.find('#x_spacing').value
 		let y_spacing = this.find('#y_spacing').value
 		let starting_name = this.find('#starting_name').value
+		let wrap_instances = this.find('#wrap_instances').checked
 		let rename_trategy = this.find('#rename_strategy [selected]').getAttribute('data-value')
 
 		let preferences = {
 			spacing: { x: parseInt(x_spacing), y: parseInt(y_spacing) },
 			start_name: starting_name,
+			wrap_instances: wrap_instances,
 			rename_strategy: rename_trategy
 		}
 
@@ -32,7 +34,7 @@ class PreferencesView extends Element {
 		})
 	}
 
-	render() {
+	render() {		
 		return `
 			<form id="preferences" action="#">
 				<fieldset>		
@@ -58,6 +60,18 @@ class PreferencesView extends Element {
 					</label>
 				</fieldset>
 				
+				<label>
+					<strong>Wrap instances with frames</strong>
+					<p>When using the Tidy action, all instances will be wrapped with a frame of the same dimensions.</p>
+				
+					<label class="switch">
+						<div class="switch__container">
+							<input id="wrap_instances" type="checkbox" class="switch__checkbox" ${(this.attrs.wrapinstances == 'true') ? 'checked' : ''}>
+							<span class="switch__slider"></span>
+						</div>
+					</label>
+				</label>
+				
 				<label>
 					<strong>Starting frame number</strong>
 					<p>Renames your frames starting from the given number when using the Rename action.</p>