← All changes | src/state/language.ts +22 -3 1.1.0 → 1.13.0 View file →

		@@ -1,20 +1,38 @@
1		-import { Lang } from 'shiki';
2	1	import create from 'zustand';
3	2	import { devtools, persist } from 'zustand/middleware';
	3	+import { Lang } from '../types';
4	4
5	5	type LanguageType = {
6	6	previousLanguage: Lang;
7	7	setPreviousLanguage: (language: Lang) => void;
	8	+ recentLanguages: Lang[];
	9	+ addRecentLanguage: (language: Lang) => void;
8	10	};
9	11	export const useLanguageStore = create<LanguageType>()(
10	12	persist(
11	13	devtools(
12		- (set) => ({
13		- previousLanguage: 'javascript',
	14	+ (set, get) => ({
	15	+ previousLanguage: 'javascript' as Lang,
14	16	setPreviousLanguage(language: Lang) {
15	17	set({ previousLanguage: language });
	18	+ get().addRecentLanguage(language);
16	19	},
	20	+ recentLanguages: [] as Lang[],
	21	+ addRecentLanguage(language: Lang) {
	22	+ // Limit to the last 3
	23	+ set((state) => {
	24	+ if (state.recentLanguages.includes(language)) {
	25	+ return state;
	26	+ }
	27	+ return {
	28	+ recentLanguages: [
	29	+ ...(state.recentLanguages?.slice(-2) ?? []),
	30	+ language,
	31	+ ],
	32	+ };
	33	+ });
	34	+ },
17	35	}),
18	36	{ name: 'Code Block Pro Language' },
19	37	),
20	38	{
		@@ -21,8 +39,9 @@
21	39	name: 'code-block-pro-last-language',
22	40	getStorage: () => localStorage,
23	41	partialize: (state) => ({
24	42	previousLanguage: state?.previousLanguage ?? null,
	43	+ recentLanguages: state?.recentLanguages ?? [],
25	44	}),
26	45	},
27	46	),
28	47	);