This repository has been archived on 2023-03-18. You can view files and clone it, but cannot push or open issues or pull requests.
osr-discourse-src/app/assets/javascripts/discourse/app/lib/theme-selector.js
David Taylor 012eb922d5
Reduce theme/color-scheme cookie cookie duration (#18858)
Previously these were set to expire after 9999 days (27 years). This commit updates them to last 1 year, and to automatically be extended on every user visit.
2022-11-03 11:31:16 +00:00

83 lines
1.9 KiB
JavaScript

import cookie, { removeCookie } from "discourse/lib/cookie";
import I18n from "I18n";
import deprecated from "discourse-common/lib/deprecated";
const keySelector = "meta[name=discourse_theme_id]";
const COOKIE_NAME = "theme_ids";
const COOKIE_EXPIRY_DAYS = 365;
export function currentThemeKey() {
// eslint-disable-next-line no-console
if (console && console.warn && console.trace) {
// TODO: Remove this code Jan 2019
deprecated(
"'currentThemeKey' is is deprecated use 'currentThemeId' instead. A theme component may require updating."
);
}
}
export function currentThemeIds() {
const themeIds = [];
const elem = document.querySelector(keySelector);
if (elem) {
elem.content.split(",").forEach((num) => {
num = parseInt(num, 10);
if (!isNaN(num)) {
themeIds.push(num);
}
});
}
return themeIds;
}
export function currentThemeId() {
return currentThemeIds()[0];
}
export function setLocalTheme(ids, themeSeq) {
ids = ids.reject((id) => !id);
if (ids && ids.length > 0) {
cookie(COOKIE_NAME, `${ids.join(",")}|${themeSeq}`, {
path: "/",
expires: COOKIE_EXPIRY_DAYS,
});
} else {
removeCookie(COOKIE_NAME, { path: "/" });
}
}
export function extendThemeCookie() {
const currentValue = cookie(COOKIE_NAME);
if (currentValue) {
cookie(COOKIE_NAME, currentValue, {
path: "/",
expires: COOKIE_EXPIRY_DAYS,
});
}
}
export function listThemes(site) {
let themes = site.get("user_themes");
if (!themes) {
return null;
}
let hasDefault = !!themes.findBy("default", true);
let results = [];
if (!hasDefault) {
results.push({ name: I18n.t("themes.default_description"), id: null });
}
themes.forEach((t) => {
results.push({
name: t.name,
id: t.theme_id,
color_scheme_id: t.color_scheme_id,
});
});
return results.length === 0 ? null : results;
}