UNPKG

@tldraw/editor

Version:

tldraw infinite canvas SDK (editor).

164 lines (163 loc) • 9.64 kB
var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name); var __typeError = (msg) => { throw TypeError(msg); }; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __name = (target, value) => __defProp(target, "name", { value, configurable: true }); var __decoratorStart = (base) => [, , , __create(base?.[__knownSymbol("metadata")] ?? null)]; var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"]; var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn; var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) }); var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]); var __runInitializers = (array, flags, self, value) => { for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value); return value; }; var __decorateElement = (array, flags, name, decorators, target, extra) => { var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16); var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5]; var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []); var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() { return __privateGet(this, extra); }, set [name](x) { return __privateSet(this, extra, x); } }, name)); k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name); for (var i = decorators.length - 1; i >= 0; i--) { ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers); if (k) { ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x }; if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name]; if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y; } it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1; if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it); else if (typeof it !== "object" || it === null) __typeError("Object expected"); else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn); } return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target; }; var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value); var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg); var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj); var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)); var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value); var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method); var _getIsPasteAtCursorMode_dec, _getIsDynamicResizeMode_dec, _getIsWrapMode_dec, _getIsSnapMode_dec, _getColor_dec, _getLocale_dec, _getName_dec, _getId_dec, _getAreKeyboardShortcutsEnabled_dec, _getAnimationSpeed_dec, _getEdgeScrollSpeed_dec, _getIsDarkMode_dec, _getUserPreferences_dec, _init; import { atom, computed } from "@tldraw/state"; import { defaultUserPreferences } from "../../../config/TLUserPreferences.mjs"; _getUserPreferences_dec = [computed], _getIsDarkMode_dec = [computed], _getEdgeScrollSpeed_dec = [computed], _getAnimationSpeed_dec = [computed], _getAreKeyboardShortcutsEnabled_dec = [computed], _getId_dec = [computed], _getName_dec = [computed], _getLocale_dec = [computed], _getColor_dec = [computed], _getIsSnapMode_dec = [computed], _getIsWrapMode_dec = [computed], _getIsDynamicResizeMode_dec = [computed], _getIsPasteAtCursorMode_dec = [computed]; class UserPreferencesManager { constructor(user, inferDarkMode) { this.user = user; this.inferDarkMode = inferDarkMode; __runInitializers(_init, 5, this); __publicField(this, "systemColorScheme", atom("systemColorScheme", "light")); __publicField(this, "disposables", /* @__PURE__ */ new Set()); if (typeof window === "undefined" || !("matchMedia" in window)) return; const darkModeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"); if (darkModeMediaQuery?.matches) { this.systemColorScheme.set("dark"); } const handleChange = (e) => { if (e.matches) { this.systemColorScheme.set("dark"); } else { this.systemColorScheme.set("light"); } }; darkModeMediaQuery?.addEventListener("change", handleChange); this.disposables.add(() => darkModeMediaQuery?.removeEventListener("change", handleChange)); } dispose() { this.disposables.forEach((d) => d()); } updateUserPreferences(userPreferences) { this.user.setUserPreferences({ ...this.user.userPreferences.get(), ...userPreferences }); } getUserPreferences() { return { id: this.getId(), name: this.getName(), locale: this.getLocale(), color: this.getColor(), animationSpeed: this.getAnimationSpeed(), areKeyboardShortcutsEnabled: this.getAreKeyboardShortcutsEnabled(), isSnapMode: this.getIsSnapMode(), colorScheme: this.user.userPreferences.get().colorScheme, isDarkMode: this.getIsDarkMode(), isWrapMode: this.getIsWrapMode(), isDynamicResizeMode: this.getIsDynamicResizeMode() }; } getIsDarkMode() { switch (this.user.userPreferences.get().colorScheme) { case "dark": return true; case "light": return false; case "system": return this.systemColorScheme.get() === "dark"; default: return this.inferDarkMode ? this.systemColorScheme.get() === "dark" : false; } } getEdgeScrollSpeed() { return this.user.userPreferences.get().edgeScrollSpeed ?? defaultUserPreferences.edgeScrollSpeed; } getAnimationSpeed() { return this.user.userPreferences.get().animationSpeed ?? defaultUserPreferences.animationSpeed; } getAreKeyboardShortcutsEnabled() { return this.user.userPreferences.get().areKeyboardShortcutsEnabled ?? defaultUserPreferences.areKeyboardShortcutsEnabled; } getId() { return this.user.userPreferences.get().id; } getName() { return this.user.userPreferences.get().name?.trim() ?? defaultUserPreferences.name; } getLocale() { return this.user.userPreferences.get().locale ?? defaultUserPreferences.locale; } getColor() { return this.user.userPreferences.get().color ?? defaultUserPreferences.color; } getIsSnapMode() { return this.user.userPreferences.get().isSnapMode ?? defaultUserPreferences.isSnapMode; } getIsWrapMode() { return this.user.userPreferences.get().isWrapMode ?? defaultUserPreferences.isWrapMode; } getIsDynamicResizeMode() { return this.user.userPreferences.get().isDynamicSizeMode ?? defaultUserPreferences.isDynamicSizeMode; } getIsPasteAtCursorMode() { return this.user.userPreferences.get().isPasteAtCursorMode ?? defaultUserPreferences.isPasteAtCursorMode; } } _init = __decoratorStart(null); __decorateElement(_init, 1, "getUserPreferences", _getUserPreferences_dec, UserPreferencesManager); __decorateElement(_init, 1, "getIsDarkMode", _getIsDarkMode_dec, UserPreferencesManager); __decorateElement(_init, 1, "getEdgeScrollSpeed", _getEdgeScrollSpeed_dec, UserPreferencesManager); __decorateElement(_init, 1, "getAnimationSpeed", _getAnimationSpeed_dec, UserPreferencesManager); __decorateElement(_init, 1, "getAreKeyboardShortcutsEnabled", _getAreKeyboardShortcutsEnabled_dec, UserPreferencesManager); __decorateElement(_init, 1, "getId", _getId_dec, UserPreferencesManager); __decorateElement(_init, 1, "getName", _getName_dec, UserPreferencesManager); __decorateElement(_init, 1, "getLocale", _getLocale_dec, UserPreferencesManager); __decorateElement(_init, 1, "getColor", _getColor_dec, UserPreferencesManager); __decorateElement(_init, 1, "getIsSnapMode", _getIsSnapMode_dec, UserPreferencesManager); __decorateElement(_init, 1, "getIsWrapMode", _getIsWrapMode_dec, UserPreferencesManager); __decorateElement(_init, 1, "getIsDynamicResizeMode", _getIsDynamicResizeMode_dec, UserPreferencesManager); __decorateElement(_init, 1, "getIsPasteAtCursorMode", _getIsPasteAtCursorMode_dec, UserPreferencesManager); __decoratorMetadata(_init, UserPreferencesManager); export { UserPreferencesManager }; //# sourceMappingURL=UserPreferencesManager.mjs.map