Files
notesnook/scripts/bootstrap.mjs

303 lines
8.1 KiB
JavaScript
Raw Normal View History

2023-07-06 09:09:10 +05:00
/*
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 { exec } from "child_process";
import { readFile, writeFile } from "fs/promises";
2023-07-06 09:09:10 +05:00
import path from "path";
import os from "os";
2023-07-06 09:09:10 +05:00
import parser from "yargs-parser";
2023-08-01 10:42:21 +05:00
import { fdir } from "fdir";
2024-07-20 10:34:40 +05:00
import { Listr } from "listr2";
import { createInterface } from "readline/promises";
2023-07-06 09:09:10 +05:00
const args = parser(process.argv, { alias: { scope: ["s"], offline: ["o"] } });
2023-07-06 09:09:10 +05:00
const IS_CI = process.env.CI;
2023-12-26 15:41:46 +05:00
const THREADS = Math.max(4, process.env.THREADS || os.cpus().length / 2);
2023-07-06 09:09:10 +05:00
const scopes = {
mobile: "apps/mobile",
web: "apps/web",
2024-10-02 15:26:45 +05:00
monograph: "apps/monograph",
vericrypt: "apps/vericrypt",
2023-07-06 09:09:10 +05:00
desktop: "apps/desktop",
core: "packages/core",
global: implement the new theme engine (#2196) * 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>
2023-08-01 12:07:21 +05:00
editor: "packages/editor",
themes: "servers/themes",
themebuilder: "apps/theme-builder"
2023-07-06 09:09:10 +05:00
};
2023-12-26 23:33:21 +05:00
// packages that we shouldn't run npm rebuild for
const IGNORED_NATIVE_PACKAGES = [
// these get built by electron-builder automatically.
...(args.scope === "desktop"
? ["better-sqlite3-multiple-ciphers", "sodium-native"]
: []),
"electron",
2023-12-26 23:33:21 +05:00
// optional dependency of pdfjs-dist, we can ignore
// it because it's only needed in non-browser environments
"canvas",
// optional dependency only used on Node.js platform
2024-03-06 19:07:25 +05:00
"@azure/msal-node-runtime",
// not needed on mobile
...(args.scope === "mobile" ? ["esbuild"] : [])
2023-12-26 23:33:21 +05:00
];
2023-07-06 09:09:10 +05:00
if (args.scope && !scopes[args.scope])
throw new Error(`Scope must be one of ${Object.keys(scopes).join(", ")}`);
const IS_BOOTSTRAP_ALL = !args.scope;
if (IS_BOOTSTRAP_ALL) {
2023-08-01 10:42:21 +05:00
const allPackages = (
await new fdir()
.onlyDirs()
.withMaxDepth(2)
global: implement the new theme engine (#2196) * 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>
2023-08-01 12:07:21 +05:00
.glob("packages/**", "apps/**", "extensions/**", "servers/**")
2023-08-01 10:42:21 +05:00
.crawl(".")
.withPromise()
global: implement the new theme engine (#2196) * 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>
2023-08-01 12:07:21 +05:00
).slice(4);
2023-07-06 09:09:10 +05:00
const dependencies = Array.from(
new Set(
(
await Promise.all(
allPackages.map(async (scope) => await findDependencies(scope))
)
).flat()
).values()
);
await bootstrapPackages(dependencies);
} else {
const dependencyMap = {};
const dependencies = await findDependencies(
scopes[args.scope],
dependencyMap
);
// analyzeDependencyMap(dependencyMap);
2023-07-06 09:09:10 +05:00
await bootstrapPackages(dependencies);
}
async function bootstrapPackages(dependencies) {
console.log("> Found", dependencies.length, "dependencies to bootstrap.");
console.log("> Using", THREADS, "threads.");
2023-07-06 09:09:10 +05:00
const outputs = { stdout: [], stderr: [] };
2024-07-20 10:34:40 +05:00
const tasks = new Listr(
dependencies.map((dep) => ({
task: () => bootstrapPackage(dep, outputs),
title: "Bootstrapping " + dep
})),
{
concurrent: THREADS,
exitOnError: false
}
);
2023-07-06 09:09:10 +05:00
console.time("Took");
await tasks.run();
process.stdout.write(outputs.stdout.join(""));
process.stderr.write(outputs.stderr.join(""));
console.timeEnd("Took");
}
function execute(cmd, cwd, outputs) {
2023-07-06 09:09:10 +05:00
return new Promise((resolve, reject) =>
exec(
2023-12-26 15:41:46 +05:00
cmd,
2023-07-06 09:09:10 +05:00
{
cwd,
env: process.env,
stdio: "inherit"
},
(err, stdout, stderr) => {
if (err) return reject(err);
outputs.stdout.push(stdout);
outputs.stderr.push(stderr);
resolve();
2023-07-06 09:09:10 +05:00
}
)
);
}
async function bootstrapPackage(cwd, outputs) {
const cmd = `npm ${
IS_CI ? "ci" : "i"
} --legacy-peer-deps --no-audit --no-fund ${
2024-04-22 09:52:26 +05:00
args.offline ? "--offline" : ""
} --progress=false --ignore-scripts`;
outputs.stdout.push("> " + cwd);
await execute(cmd, cwd, outputs);
const postInstallCommands = [];
const packages = await needsRebuild(cwd);
if (packages.length > 0) {
postInstallCommands.push(
`npm rebuild --foreground-scripts ${packages.join(" ")}`
);
}
2023-12-26 23:33:21 +05:00
if (await hasScript(cwd, "postinstall"))
postInstallCommands.push(`npm run postinstall `);
for (const cmd of postInstallCommands) {
let retries = 3;
while (--retries > 0) {
try {
console.log("Running postinstall command:", cmd, "in", cwd);
await execute(cmd, cwd, outputs);
break;
} catch (e) {
console.error(e);
}
}
}
}
async function findDependencies(scope, dependencyMap = {}) {
try {
const packageJsonPath = path.join(scope, "package.json");
const packageJson = JSON.parse(await readFile(packageJsonPath, "utf-8"));
const dependencies = new Set([
...filterDependencies(scope, packageJson.dependencies),
...filterDependencies(scope, packageJson.devDependencies),
...filterDependencies(scope, packageJson.optionalDependencies),
...filterDependencies(scope, packageJson.peerDependencies)
]);
for (const depArray of [
packageJson.dependencies,
packageJson.devDependencies
]) {
for (const dep in depArray) {
dependencyMap[dep] = dependencyMap[dep] || {};
dependencyMap[dep][packageJsonPath] = depArray[dep];
}
}
for (const dependency of dependencies) {
(await findDependencies(dependency, dependencyMap)).forEach((v) =>
dependencies.add(v)
);
}
dependencies.add(path.resolve(scope));
return Array.from(dependencies.values());
} catch (e) {
console.error("Failed to bootstrap", scope, "Error:", e);
return [];
2023-07-06 09:09:10 +05:00
}
}
function filterDependencies(basePath, dependencies) {
if (!dependencies) return [];
return Object.entries(dependencies)
.filter(([key, value]) => value.startsWith("file:"))
2023-07-06 09:09:10 +05:00
.map(([_, value]) =>
path.resolve(path.join(basePath, value.replace("file:", "")))
);
}
async function needsRebuild(cwd) {
2023-12-26 23:33:21 +05:00
const scripts = ["preinstall", "install", "postinstall"];
const packages = await new fdir()
.glob("**/package.json")
.withFullPaths()
.crawl(path.join(cwd, "node_modules"))
.withPromise();
return (
await Promise.all(
packages.map(async (path) => {
const pkg = await readFile(path, "utf-8")
.then(JSON.parse)
.catch(Object);
if (
2023-12-26 23:33:21 +05:00
!pkg ||
!pkg.scripts ||
IGNORED_NATIVE_PACKAGES.includes(pkg.name) ||
!scripts.some((s) => pkg.scripts[s])
)
return;
return pkg.name;
})
)
).filter(Boolean);
}
2023-12-26 23:33:21 +05:00
async function hasScript(cwd, scriptName) {
const pkg = await readFile(path.join(cwd, "package.json"), "utf-8")
.then(JSON.parse)
.catch(Object);
return pkg && pkg.scripts && pkg.scripts[scriptName];
}
async function prompt(question) {
const rl = createInterface({
input: process.stdin,
output: process.stdout
});
const answer = await rl.question(question);
rl.close();
return answer.trim();
}
async function analyzeDependencyMap(map) {
for (const dep in map) {
const versions = Object.values(map[dep]);
if (versions.length <= 1) continue;
const baseVersion = versions[0];
if (baseVersion.startsWith("file")) continue;
if (versions.some((v) => v !== baseVersion)) {
console.error(
`There are multiple different versions of "${dep}" in the monorepo. This can cause issues.`
);
console.table(map[dep]);
const version = await prompt(
"Which version would you like to use everywhere?"
);
for (const packageJsonPath in map[dep]) {
const packageJson = JSON.parse(
await readFile(packageJsonPath, "utf-8")
);
for (const key of ["dependencies", "devDependencies"]) {
if (packageJson[key] && packageJson[key][dep]) {
packageJson[key][dep] = version;
}
}
await writeFile(
packageJsonPath,
JSON.stringify(packageJson, undefined, 2)
);
}
continue;
}
}
}