mirror of
https://github.com/streetwriters/notesnook.git
synced 2026-09-02 04:01:43 +02:00
* mobile: theme
* theme: add theme engine
* mobile: migrate app colors to new theme engine
* mobile: fixed some colors
* mobile: fix colors
* mobile: store theme info in store
* theme: `ColorsType` -> `Variants`
* theme: use explicit return type for `useThemeColors`
* theme: add `backdrop` color
* mobile: `const colors` -> `const {colors}
* theme: add default pitch-black theme
* mobile: manage theme state via theme-engine
* mobile: add theme scopes
* mobile: commit
* mobile: fix button width on applock screen
* mobile: fix typings
* mobile: fix theme definition
* web: add partial support for custom themes
only context menus & popups are left.
* theme: add dialog & sheet scopes
* global: sync with master branch and make everything work again
* mobile: fix theme-engine usage in editor & app
* mobile: fix colors
* mobile: fix colors
* mobile: cleanup
* mobile: fix status bar color incorrect on entering foreground
* mobile: fix dark color scheme
* web: move emotion theme provider to @notesnook/theme
* editor: add support for theme enging
* web: adjust hover & focus colors on list item
* mobile: migrate share ext to theme engine
* mobile: fix editor theme provider
* clipper: add support for the new theme engine
* mobile: fix statusbar color on switch from bg
* misc: fix build
* mobile: fix build
* misc: fix colors
* mobile: fix theme colors
* mobile: fix bottom padding
* server: add theme server
* theme: add previewColors
* server: support themes query pagination
* mobile: add client from theme server
* server: reset cache on sync repo
* server: fix types
* server: show ip & port on start server
* server: theme updates
* web: finalize new theme engine on web
* editor: fix build
* global: fix @emotion/react version to 11.11.1
* editor: update katex patch
* web: fix imports
* global: fix @trpc/* versions
* global: a huge set of changes
1. get rid of ThemeVariant. All variants can now be accessed anywhere.
2. remove unnecessary button variants
3. make buttons more responsive
4. implement themes server
* web: add support for theme search and theme switching
* global: update lockfiles
* mobile: fix error
* theme: use vite-plugin-react to start theme server
* web: add support for auto updating themes
* mobile: update theme selector
* mobile: update theme if new verison available
* theme: add `isomorphic-fetch` package
* global: update lockfiles
* web: add theme details dialog
* setup: add scope for themes server in bootstrap script
* web: add production server url
* web: update lockfile
* web: update lockfile
* mobile: remove `react-native-blob-util`
* web: add support for endless scrolling in themes
* web: bring back dark/light mode option in settings
* web: fix colors in places
* theme: add selected variant
* global: use single typescript version across the projects
* web: fix sort & group options not having submenus
* web: apply selected variant where appropriate
* ui: use unique id for all menu items
* config: add ui scope for commits
* theme: export button variant creation fn
* web: fix only 1 theme showing in theme selector
* web: fix navigation item hover & other colors
* mobile: update theme
* editor: fix toolbar group alignments
* editor: set theme provider at app level
* theme: use scope name to get current scope
* mobile: fix color usage in message card
* theme: remove caching
* editor: bring back icons in table menus
* theme: use zustand to manage theme engine state
* web: fix login/signup theming
* mobile: fix webpack build
* misc: remove ThemeProvider usage
* editor: adjust theming and styling of editor toolbar
* mobile: refactor
* editor: fix toolbar group padding everywhere
* web: fix settings sidebar is not scrollable
* web: add loading indicator for themes loading
* mobile: fix warning
* mobile: fix ui issues
* web: fix Loader errors on build
* theme: add getPreviewColors & validateTheme
* theme: fix theme validation
* mobile: load theme from file
* mobile: fix share extension crash
* mobile: rename state
* theme: add sourceURL property
* theme: refactor theme-engine
* web: add support for loading theme from file
* web: improve button hover interaction
* mobile: fix floating button color
* mobile: update theme
* mobile: fix border radius of context menu
* mobile: set sheet overlay color to theme backdrop
* mobile: set sidemenu backdrop to theme backdrop
---------
Co-authored-by: Abdullah Atta <abdullahatta@streetwriters.co>
107 lines
3.3 KiB
TypeScript
107 lines
3.3 KiB
TypeScript
/*
|
|
This file is part of the Notesnook project (https://notesnook.com/)
|
|
|
|
Copyright (C) 2023 Streetwriters (Private) Limited
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
import { execSync } from "child_process";
|
|
import fs from "fs";
|
|
import { readdir, readFile } from "fs/promises";
|
|
import path from "path";
|
|
import {
|
|
InstallsCounter,
|
|
THEMES_REPO_URL,
|
|
THEME_REPO_DIR_PATH
|
|
} from "./constants";
|
|
import { insertMultiple } from "@orama/orama";
|
|
import { initializeDatabase } from "./orama";
|
|
import {
|
|
ThemeCompatibilityVersion,
|
|
ThemeDefinition,
|
|
PreviewColors,
|
|
getPreviewColors
|
|
} from "@notesnook/theme";
|
|
|
|
export type CompiledThemeDefinition = ThemeDefinition & {
|
|
sourceURL?: string;
|
|
totalInstalls?: number;
|
|
previewColors: PreviewColors;
|
|
};
|
|
|
|
export type ThemeMetadata = Omit<
|
|
CompiledThemeDefinition,
|
|
"scopes" | "codeBlockCSS"
|
|
>;
|
|
|
|
const THEME_COMPATIBILITY_VERSIONS: ThemeCompatibilityVersion[] = [1];
|
|
|
|
export async function syncThemes() {
|
|
if (!fs.existsSync(THEME_REPO_DIR_PATH)) {
|
|
execSync(`git clone ${THEMES_REPO_URL}`, {
|
|
stdio: [0, 1, 2],
|
|
cwd: path.dirname(THEME_REPO_DIR_PATH)
|
|
});
|
|
console.log(`Cloned github repo to path ${THEME_REPO_DIR_PATH}`);
|
|
} else {
|
|
execSync(`git pull`, {
|
|
stdio: [0, 1, 2],
|
|
cwd: THEME_REPO_DIR_PATH
|
|
});
|
|
console.log(`Synced github repo ${THEMES_REPO_URL}`);
|
|
}
|
|
await generateThemesMetadata();
|
|
}
|
|
|
|
async function generateThemesMetadata() {
|
|
const themeDefinitions: CompiledThemeDefinition[] = [];
|
|
const db = await initializeDatabase();
|
|
|
|
const THEMES_PATH = path.join(THEME_REPO_DIR_PATH, "themes");
|
|
const themes = await readdir(THEMES_PATH);
|
|
const counts = await InstallsCounter.counts();
|
|
|
|
for (const themeId of themes) {
|
|
for (const version of THEME_COMPATIBILITY_VERSIONS) {
|
|
const themeDirectory = path.join(THEMES_PATH, themeId, `v${version}`);
|
|
const themeFilePath = path.join(themeDirectory, "theme.json");
|
|
const theme: ThemeDefinition = JSON.parse(
|
|
await readFile(themeFilePath, "utf-8")
|
|
);
|
|
const hasCodeBlockCSS = fs.existsSync(
|
|
path.join(themeDirectory, "code-block.css")
|
|
);
|
|
const codeBlockCSS = await readFile(
|
|
path.join(
|
|
THEMES_PATH,
|
|
hasCodeBlockCSS ? themeId : `default-${theme.colorScheme}`,
|
|
`v${version}`,
|
|
"code-block.css"
|
|
),
|
|
"utf-8"
|
|
);
|
|
|
|
themeDefinitions.push({
|
|
...theme,
|
|
sourceURL: `https://github.com/streetwriters/notesnook-themes/tree/main/themes/${themeId}/v${version}/`,
|
|
codeBlockCSS,
|
|
totalInstalls: counts[theme.id]?.length || 0,
|
|
previewColors: getPreviewColors(theme)
|
|
});
|
|
}
|
|
}
|
|
await insertMultiple(db, themeDefinitions);
|
|
console.log("Metadata generated and cached.");
|
|
}
|