Ability to recall / save settings

[bradgarropy]

💜 Seriously love this tool!

I would love to be able to easily recall the settings of past code exports. Maybe the initial implementation can be as simple as saving the last known settings in localStorage?

Thanks for considering this feature!

[stevebauman]

Thanks so much for your kind words @bradgarropy! Glad you find it useful 😄

I'm definitely going to add this in -- it's just a matter of time. Hopefully in the next couple weeks I'll have it up and running 👍

[bradgarropy]

I'm a seasoned react developer, but I'm new to vue. If you point me to the right file(s) I can create a branch and try submitting a PR!

[stevebauman]

Sure! That'd be awesome. If you'd like to take a crack at it, here's all the settings for the preview window:

showcode/components/Preview.vue

Lines 408 to 436 in 4d570f0

	data() {
	return {
	shiki: null,
	highlighter: null,
	title: '',
	copied: false,
	loading: false,
	showTitle: true,
	showColorMenu: true,
	showLineNumbers: false,
	exportAs: 'png',
	background: 'teal',
	editingTitle: false,
	themeType: 'light',
	themeOpacity: 1.0,
	themeName: 'github-light',
	themeBackground: '#fff',
	hovering: null,
	resizing: false,
	width: DEFAULT_WIDTH,
	height: DEFAULT_HEIGHT,
	borderRadius: 12,
	fontSize: 16,
	padding: 16,
	lines: [],
	focused: [],
	languages: [],
	};
	},

I've also added local installation instructions to get you up and running:

https://github.com/stevebauman/showcode#local-installation

[nik-418]

+1 for a simple localStorage implementation!

[stevebauman]

Implemented! All settings and all tabs are now stored by default in local storage (try making changes, closing the browser window, and then re-visiting showcode.app).

You can now save a tab as a template so you can create new project/screenshots based on the exact same template! 🎉

[bradgarropy]

Woah that was fast, thank you so much @stevebauman!