chore(monorepo/client): set up stylesheets

apps/client/src/desktop.ts

@@ -10,7 +10,7 @@ import { t } from "./services/i18n.js";
 import options from "./services/options.js";
 import type ElectronRemote from "@electron/remote";
 import type Electron from "electron";
-import "../stylesheets/bootstrap.scss";
+import "./stylesheets/bootstrap.scss";
 
 await appContext.earlyInit();
 

apps/client/src/login.ts

@@ -1,4 +1,4 @@
-import "../stylesheets/bootstrap.scss";
+import "./stylesheets/bootstrap.scss";
 
 // @ts-ignore - module = undefined
 // Required for correct loading of scripts in Electron

apps/client/src/mobile.ts

@@ -1,7 +1,7 @@
 import appContext from "./components/app_context.js";
 import noteAutocompleteService from "./services/note_autocomplete.js";
 import glob from "./services/glob.js";
-import "../stylesheets/bootstrap.scss";
+import "./stylesheets/bootstrap.scss";
 
 glob.setupGlobs();
 

apps/client/src/set_password.ts

@@ -1,5 +1,5 @@
-import "../stylesheets/bootstrap.scss";
-import "../stylesheets/auth.css";
+import "./stylesheets/bootstrap.scss";
+import "./stylesheets/auth.css";
 
 // @TriliumNextTODO: is this even needed anymore?
 // @ts-ignore - module = undefined

apps/client/src/setup.ts

@@ -1,6 +1,6 @@
 import utils from "./services/utils.js";
 import ko from "knockout";
-import "../stylesheets/bootstrap.scss";
+import "./stylesheets/bootstrap.scss";
 
 // TriliumNextTODO: properly make use of below types
 // type SetupModelSetupType = "new-document" | "sync-from-desktop" | "sync-from-server" | "";

apps/client/src/share.ts

@@ -1,4 +1,4 @@
-import "../stylesheets/bootstrap.scss";
+import "./stylesheets/bootstrap.scss";
 
 /**
  * Fetch note with given ID from backend

apps/client/src/widgets/buttons/calendar.ts

@@ -10,7 +10,7 @@ import type { EventData } from "../../components/app_context.js";
 import dayjs, { Dayjs } from "dayjs";
 import utc from "dayjs/plugin/utc.js";
 import isSameOrAfter from "dayjs/plugin/isSameOrAfter.js";
-import "../../../stylesheets/calendar.css";
+import "../../stylesheets/calendar.css";
 import { AttributeRow } from "@triliumnext/commons";
 
 dayjs.extend(utc);

apps/client/src/widgets/llm_chat/llm_chat_panel.ts

@@ -14,7 +14,7 @@ import { validateEmbeddingProviders } from "./validation.js";
 import type { MessageData, ToolExecutionStep, ChatData } from "./types.js";
 import { applySyntaxHighlight } from "../../services/syntax_highlight.js";
 
-import "../../../stylesheets/llm_chat.css";
+import "../../stylesheets/llm_chat.css";
 
 export default class LlmChatPanel extends BasicWidget {
     private noteContextChatMessages!: HTMLElement;

apps/client/src/widgets/type_widgets/relation_map.ts

@@ -11,7 +11,7 @@ import dialogService from "../../services/dialog.js";
 import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 import type { ConnectionMadeEventInfo, jsPlumbInstance, OverlaySpec } from "jsplumb";
-import "../../../stylesheets/relation_map.css";
+import "../../stylesheets/relation_map.css";
 
 declare module "jsplumb" {
 

apps/client/webpack.config.js

@@ -16,7 +16,7 @@ module.exports = {
       main: './src/desktop.ts',
       baseHref: '/',
       assets: ["./src/assets"],
-      styles: ["./src/styles.css"],
+      styles: [],
       outputHashing: process.env['NODE_ENV'] === 'production' ? 'all' : 'none',
       optimization: process.env['NODE_ENV'] === 'production',
     })