From b846aafa764cbb97c3bed16c20ca0b7dfdacce88 Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Thu, 15 May 2025 22:07:55 +0200 Subject: [PATCH 01/13] chore: update dependencies --- package.json | 50 +++++++++++++++++++++++++------------------------- 1 file changed, 25 insertions(+), 25 deletions(-) diff --git a/package.json b/package.json index 5588c85..64099df 100644 --- a/package.json +++ b/package.json @@ -17,35 +17,35 @@ "hooks:pre-push": "run-s lint:commit" }, "devDependencies": { - "@commitlint/cli": "^17.0.2", - "@commitlint/config-conventional": "^17.0.2", - "@prettier/plugin-xml": "^2.2.0", - "@sveltejs/vite-plugin-svelte": "^1.0.0-next.47", - "@tsconfig/svelte": "^3.0.0", - "@typescript-eslint/eslint-plugin": "^5.27.1", - "@typescript-eslint/parser": "^5.27.1", - "commitizen": "^4.2.4", + "@commitlint/cli": "^19.8.1", + "@commitlint/config-conventional": "^19.8.1", + "@prettier/plugin-xml": "^3.4.1", + "@sveltejs/vite-plugin-svelte": "^5.0.3", + "@tsconfig/svelte": "^5.0.4", + "@typescript-eslint/eslint-plugin": "^8.32.1", + "@typescript-eslint/parser": "^8.32.1", + "commitizen": "^4.3.1", "cz-conventional-changelog": "^3.3.0", - "eslint": "^8.17.0", + "eslint": "^9.26.0", "eslint-plugin-svelte3": "^4.0.0", - "husky": "^8.0.1", - "lint-staged": "^13.0.0", + "husky": "^9.1.7", + "lint-staged": "^16.0.0", "npm-run-all": "^4.1.5", - "prettier": "^2.6.2", - "prettier-plugin-properties": "^0.1.0", - "prettier-plugin-svelte": "^2.7.0", - "pretty-quick": "^3.1.3", - "svelte": "^3.48.0", - "svelte-check": "^2.7.2", - "svelte-preprocess": "^4.10.7", - "tslib": "^2.4.0", - "typescript": "^4.7.3", - "vite": "^2.9.10" + "prettier": "^3.5.3", + "prettier-plugin-properties": "^0.3.0", + "prettier-plugin-svelte": "^3.4.0", + "pretty-quick": "^4.1.1", + "svelte": "^5.30.1", + "svelte-check": "^4.2.1", + "svelte-preprocess": "^6.0.3", + "tslib": "^2.8.1", + "typescript": "^5.8.3", + "vite": "^6.3.5" }, "dependencies": { - "@ui5/webcomponents": "^2.2.0", - "@ui5/webcomponents-base": "^2.2.0", - "@ui5/webcomponents-fiori": "^2.2.0", - "@ui5/webcomponents-icons": "^2.2.0" + "@ui5/webcomponents": "^2.10.0", + "@ui5/webcomponents-base": "^2.10.0", + "@ui5/webcomponents-fiori": "^2.10.0", + "@ui5/webcomponents-icons": "^2.10.0" } } From a68855322085343911157e2fa3ed6e379e560e8b Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Thu, 15 May 2025 22:11:42 +0200 Subject: [PATCH 02/13] chore: upgrade eslint --- .eslintrc.json | 24 ------------------------ eslint.config.js | 49 ++++++++++++++++++++++++++++++++++++++++++++++++ package.json | 4 +++- 3 files changed, 52 insertions(+), 25 deletions(-) delete mode 100644 .eslintrc.json create mode 100644 eslint.config.js diff --git a/.eslintrc.json b/.eslintrc.json deleted file mode 100644 index aa23c15..0000000 --- a/.eslintrc.json +++ /dev/null @@ -1,24 +0,0 @@ -{ - "env": { - "browser": true, - "es6": true, - "node": true - }, - "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:@typescript-eslint/recommended-requiring-type-checking"], - "parser": "@typescript-eslint/parser", - "parserOptions": { - "project": ["./tsconfig.json"], - "ecmaVersion": 2019, - "sourceType": "module" - }, - "overrides": [ - { - "files": ["*.svelte"], - "processor": "svelte3/svelte3" - } - ], - "settings": { - "svelte3/typescript": true - }, - "plugins": ["@typescript-eslint", "svelte3"] -} diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..369dc04 --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,49 @@ +// eslint.config.js +import js from "@eslint/js"; +import svelte from "eslint-plugin-svelte"; +import globals from "globals"; +import ts from "typescript-eslint"; +import svelteConfig from "./svelte.config.js"; + +export default ts.config( + js.configs.recommended, + ...ts.configs.recommended, + ...svelte.configs.recommended, + { + languageOptions: { + globals: { + ...globals.browser, + ...globals.node, + }, + }, + }, + { + files: ["**/*.svelte", "**/*.svelte.ts", "**/*.svelte.js"], + // See more details at: https://typescript-eslint.io/packages/parser/ + languageOptions: { + parserOptions: { + projectService: true, + extraFileExtensions: [".svelte"], // Add support for additional file extensions, such as .svelte + parser: ts.parser, + // Specify a parser for each language, if needed: + // parser: { + // ts: ts.parser, + // js: espree, // Use espree for .js files (add: import espree from 'espree') + // typescript: ts.parser + // }, + + // We recommend importing and specifying svelte.config.js. + // By doing so, some rules in eslint-plugin-svelte will automatically read the configuration and adjust their behavior accordingly. + // While certain Svelte settings may be statically loaded from svelte.config.js even if you don’t specify it, + // explicitly specifying it ensures better compatibility and functionality. + svelteConfig, + }, + }, + }, + { + rules: { + // Override or add rule settings here, such as: + // 'svelte/rule-name': 'error' + }, + }, +); diff --git a/package.json b/package.json index 64099df..4bc58d8 100644 --- a/package.json +++ b/package.json @@ -27,7 +27,8 @@ "commitizen": "^4.3.1", "cz-conventional-changelog": "^3.3.0", "eslint": "^9.26.0", - "eslint-plugin-svelte3": "^4.0.0", + "eslint-plugin-svelte": "^3.6.0", + "globals": "^16.1.0", "husky": "^9.1.7", "lint-staged": "^16.0.0", "npm-run-all": "^4.1.5", @@ -40,6 +41,7 @@ "svelte-preprocess": "^6.0.3", "tslib": "^2.8.1", "typescript": "^5.8.3", + "typescript-eslint": "^8.32.1", "vite": "^6.3.5" }, "dependencies": { From 0d1550388a6b0bf8d203bb549f68148feaabdbb8 Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Thu, 15 May 2025 22:11:54 +0200 Subject: [PATCH 03/13] refactor: upgrade main.ts usage --- src/main.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/main.ts b/src/main.ts index f485f6a..53879de 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,7 +1,8 @@ +import { mount } from "svelte"; import App from "./App.svelte"; -const app = new App({ - target: document.getElementById("app"), +const app = mount(App, { + target: document.getElementById("app")!, }); export default app; From a994afec864dcdff4b06eaac5cae0dfb3a602286 Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 10:38:51 +0200 Subject: [PATCH 04/13] refactor: update config --- svelte.config.js | 6 +++--- tsconfig.json | 3 ++- tsconfig.node.json | 13 +++++++++++++ vite.config.js | 4 ++-- 4 files changed, 20 insertions(+), 6 deletions(-) create mode 100644 tsconfig.node.json diff --git a/svelte.config.js b/svelte.config.js index 589c4fc..69d7904 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,7 +1,7 @@ -import sveltePreprocess from "svelte-preprocess"; +import { vitePreprocess } from "@sveltejs/vite-plugin-svelte"; export default { - // Consult https://github.com/sveltejs/svelte-preprocess + // Consult https://svelte.dev/docs#compile-time-svelte-preprocess // for more information about preprocessors - preprocess: sveltePreprocess(), + preprocess: vitePreprocess(), }; diff --git a/tsconfig.json b/tsconfig.json index f9039a5..4d6c04c 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -15,5 +15,6 @@ "allowJs": true, "checkJs": true }, - "include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.js", "src/**/*.svelte"] + "include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.js", "src/**/*.svelte"], + "references": [{ "path": "./tsconfig.node.json" }] } diff --git a/tsconfig.node.json b/tsconfig.node.json new file mode 100644 index 0000000..408b690 --- /dev/null +++ b/tsconfig.node.json @@ -0,0 +1,13 @@ +{ + "compilerOptions": { + "composite": true, + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", + "skipLibCheck": true, + "module": "ESNext", + "moduleResolution": "Bundler", + "strict": true, + "noEmit": true, + "noUncheckedSideEffectImports": true + }, + "include": ["vite.config.ts"] +} diff --git a/vite.config.js b/vite.config.js index 9637db7..d17c654 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,7 +1,7 @@ -import { defineConfig, splitVendorChunkPlugin } from "vite"; +import { defineConfig } from "vite"; import { svelte } from "@sveltejs/vite-plugin-svelte"; // https://vitejs.dev/config/ export default defineConfig({ - plugins: [svelte(), splitVendorChunkPlugin()], + plugins: [svelte()], }); From 5473669f9da5c365bef80d33cd35ae7ab18dad95 Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 10:54:15 +0200 Subject: [PATCH 05/13] refactor: new rune style store --- src/stores/stores.svelte.ts | 110 ++++++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 src/stores/stores.svelte.ts diff --git a/src/stores/stores.svelte.ts b/src/stores/stores.svelte.ts new file mode 100644 index 0000000..72f100d --- /dev/null +++ b/src/stores/stores.svelte.ts @@ -0,0 +1,110 @@ +import type { TodoItemT } from "src/types/TodoItem.type"; +import Dialog from "@ui5/webcomponents/dist/Dialog.js"; + +const defaultTodos: Array = [ + { + id: 1, + desc: "Get some carrots", + deadline: "27/7/2018", + done: false, + }, + { + id: 2, + desc: "Do some magic", + deadline: "22/7/2018", + done: false, + }, + { + id: 3, + desc: "Go to the gym", + deadline: "24/7/2018", + done: false, + }, + { + id: 4, + desc: "Buy milk", + deadline: "30/7/2018", + done: false, + }, +]; + +const defaultDoneTodos: Array = [ + { + id: 5, + desc: "Eat some fruits", + deadline: "29/7/2018", + done: true, + }, +]; + +type TodoItemType = { + id: number; + desc: string; + deadline: string; + done: boolean; +}; + +class TodoStore { + #todos = $state([]); + + constructor(todos: T[]) { + this.#todos = todos; + } + + public get todos(): T[] { + return this.#todos; + } + + add(newTodo: Pick) { + const item = { + ...newTodo, + id: this.todos.length, + done: false, + }; + + this.todos.push(item); + } + + toggleDone(id: T["id"]) { + const item = this.#todos.find((t) => t.id === id); + + console.log(item, id); + + if (item) { + this.#todos = [ + ...this.#todos.filter((t) => t.id !== id), + { + ...item, + done: !item.done, + }, + ]; + } + } + + remove(id: T["id"]) { + this.#todos = this.#todos.filter((t) => t.id !== id); + } + + update(id: T["id"], updatedItem: T) { + const oldItem = this.#todos.find((t) => t.id === id); + + if (oldItem) { + this.#todos = [...this.#todos.filter((t) => t.id !== id), updatedItem]; + } + } +} + +export const todoStore = new TodoStore([...defaultTodos, ...defaultDoneTodos]); + +interface ElementReferences { + dialog: { + [key: string]: Dialog | null; + }; +} + +export const references = $state({ + dialog: { + settingsDialog: null, + helpDialog: null, + }, +}); From 2fc83707788fd6cb4db99418cdda0d6736facf44 Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 10:58:58 +0200 Subject: [PATCH 06/13] refactor: migrate syntax to svelte5 with sv migrate cli --- src/App.svelte | 54 ++++++++++++++++++++--------------------- src/lib/TodoItem.svelte | 15 ++++++++---- src/lib/TodoList.svelte | 11 +++++++-- 3 files changed, 46 insertions(+), 34 deletions(-) diff --git a/src/App.svelte b/src/App.svelte index 21fcc41..5294eda 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -36,19 +36,19 @@ const dialogHeaderText: string = "Edit Todo"; // Elements - let dialog; - let dialogTextArea; - let dialogDatePicker; - let themeSettingsPopover; - let profileSettingsPopover; + let dialog = $state(); + let dialogTextArea = $state(); + let dialogDatePicker = $state(); + let themeSettingsPopover = $state(); + let profileSettingsPopover = $state(); // Create ToDo Fields let itemInputValue; let itemDateInputValue; // Edit Dialog fields - let itemEditText: string = ""; - let itemEditDate: string = ""; + let itemEditText: string = $state(""); + let itemEditDate: string = $state(""); let selectedEditItem: number; // Event Handlers @@ -217,22 +217,22 @@
- + - - + +
- +
- - - Add Todo + + + Add Todo
@@ -250,23 +250,23 @@
Title: - +
Date: - +
- Cancel - Save + Cancel + Save
- + SAP Horizon Morning SAP Horizon Evening SAP Horizon HCB @@ -280,7 +280,7 @@
- +
John Doe Svelte Developer @@ -288,7 +288,7 @@
- + Settings Help Sign out @@ -302,7 +302,7 @@
RTL
- +
@@ -310,17 +310,17 @@
Compact
- +
- Close + Close
- + Help
@@ -340,9 +340,9 @@

For more information, please visit our documentation. -

+

- Close + Close
diff --git a/src/lib/TodoItem.svelte b/src/lib/TodoItem.svelte index d6874ce..168a83d 100644 --- a/src/lib/TodoItem.svelte +++ b/src/lib/TodoItem.svelte @@ -3,9 +3,14 @@ import "@ui5/webcomponents/dist/ListItemCustom"; import type { TodoItemT } from "../types/TodoItem.type"; - // Props - export let item: TodoItemT; - export let datakey: number; + + interface Props { + // Props + item: TodoItemT; + datakey: number; + } + + let { item, datakey }: Props = $props(); // Events do not bubble from nested components // in svelte, we must dispatch them @@ -28,8 +33,8 @@
{item.desc} - finish before: {item.deadline}
- Edit - Delete + Edit + Delete
diff --git a/src/lib/TodoList.svelte b/src/lib/TodoList.svelte index 5ff976f..0f0fd97 100644 --- a/src/lib/TodoList.svelte +++ b/src/lib/TodoList.svelte @@ -1,13 +1,20 @@ - + {#each items as item (item.id)} {/each} From ba13c7caed5c63c1e800175bebb184166b687f7a Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 11:06:12 +0200 Subject: [PATCH 07/13] refactor: use references state for help dialog --- src/App.svelte | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/src/App.svelte b/src/App.svelte index 5294eda..470da0a 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -29,6 +29,7 @@ import { todos, doneTodos } from "./stores/stores"; import logo from "./assets/imgs/UI5-orange-pheonix-logo.png"; import type { TodoItemT } from "./types/TodoItem.type"; + import { references } from "./stores/stores.svelte"; setTheme("sap_horizon"); @@ -74,8 +75,9 @@ window["settings-dialog"].opener = event.detail.targetRef; window["settings-dialog"].open = true; } else if (selectedKey === "help") { - window["help-dialog"].opener = event.detail.targetRef; - window["help-dialog"].open = true; + if (references.dialog.help) { + references.dialog.help.open = true; + } } }; @@ -97,7 +99,9 @@ }; const handleHelpDialogCloseButtonClick = () => { - window["help-dialog"].open = false; + if (references.dialog.help) { + references.dialog.help.open = false; + } }; const handleItemInput = (event) => { @@ -133,7 +137,7 @@ todos.update((todos) => todos.filter((todo) => { return selectedId !== todo.id.toString(); - }) + }), ); }; @@ -152,7 +156,7 @@ doneTodos.update((doneTodos) => doneTodos.filter((todo) => { return selectedIds.indexOf(todo.id.toString()) > -1; - }) + }), ); todos.update((todos) => [...todos, ...newlyDeselected]); @@ -194,7 +198,7 @@ todo.deadline = edittedDate; } return todo; - }) + }), ); doneTodos.update((doneTodos) => @@ -204,7 +208,7 @@ todo.deadline = edittedDate; } return todo; - }) + }), ); dialog.open = false; @@ -318,7 +322,7 @@ - +
Help From 53b7ab85cce7d7e42dce0edfc0d28dac3f171845 Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 11:07:56 +0200 Subject: [PATCH 08/13] refactor: use references state for settings dialog --- src/App.svelte | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/App.svelte b/src/App.svelte index 470da0a..3af5180 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -72,8 +72,9 @@ const handleProfileSettingsSelect = (event) => { const selectedKey = event.detail.item.getAttribute("data-key"); if (selectedKey === "settings") { - window["settings-dialog"].opener = event.detail.targetRef; - window["settings-dialog"].open = true; + if (references.dialog.settings) { + references.dialog.settings.open = true; + } } else if (selectedKey === "help") { if (references.dialog.help) { references.dialog.help.open = true; @@ -95,7 +96,9 @@ }; const handleSettingsDialogCloseButtonClick = () => { - window["settings-dialog"].open = false; + if (references.dialog.settings) { + references.dialog.settings.open = false; + } }; const handleHelpDialogCloseButtonClick = () => { @@ -300,7 +303,7 @@
- +
From 19e38bb617a4316d5485011a5814cd277d3c1fe9 Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 11:11:22 +0200 Subject: [PATCH 09/13] refactor: dialog with state ref --- src/App.svelte | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/src/App.svelte b/src/App.svelte index 3af5180..760d9dd 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -30,6 +30,7 @@ import logo from "./assets/imgs/UI5-orange-pheonix-logo.png"; import type { TodoItemT } from "./types/TodoItem.type"; import { references } from "./stores/stores.svelte"; + import Dialog from "@ui5/webcomponents/dist/Dialog.js"; setTheme("sap_horizon"); @@ -37,7 +38,7 @@ const dialogHeaderText: string = "Edit Todo"; // Elements - let dialog = $state(); + let dialog = $state(); let dialogTextArea = $state(); let dialogDatePicker = $state(); let themeSettingsPopover = $state(); @@ -187,7 +188,9 @@ itemEditDate = todoObj.deadline; selectedEditItem = todoObj.id; - dialog.open = true; + if (dialog) { + dialog.open = true; + } }; const saveEdits = () => { @@ -214,11 +217,15 @@ }), ); - dialog.open = false; + if (dialog) { + dialog.open = false; + } }; const cancelEdits = () => { - dialog.open = false; + if (dialog) { + dialog.open = false; + } }; From 2e08cfee9a789f00e9115e35585727b1140e30a5 Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 11:19:44 +0200 Subject: [PATCH 10/13] refactor: themeSettingsPopover with state ref --- src/App.svelte | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/src/App.svelte b/src/App.svelte index 760d9dd..4986da2 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -31,6 +31,7 @@ import type { TodoItemT } from "./types/TodoItem.type"; import { references } from "./stores/stores.svelte"; import Dialog from "@ui5/webcomponents/dist/Dialog.js"; + import Popover from "@ui5/webcomponents/dist/Popover.js"; setTheme("sap_horizon"); @@ -41,7 +42,7 @@ let dialog = $state(); let dialogTextArea = $state(); let dialogDatePicker = $state(); - let themeSettingsPopover = $state(); + let themeSettingsPopover = $state(null); let profileSettingsPopover = $state(); // Create ToDo Fields @@ -56,13 +57,17 @@ // Event Handlers const handleThemeSettingsToggle = (event) => { - themeSettingsPopover.opener = event.detail.targetRef; - themeSettingsPopover.open = true; + if (themeSettingsPopover) { + themeSettingsPopover.opener = event.detail.targetRef; + themeSettingsPopover.open = !themeSettingsPopover.open; + } }; const handleThemeChange = (event) => { setTheme(event.detail.selectedItems[0].getAttribute("data-theme")); - themeSettingsPopover = false; + if (themeSettingsPopover) { + themeSettingsPopover.open = false; + } }; const handleProfileClick = (event) => { From cc5997601853e41c0399bd2bba71c90cad1173bd Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 11:22:42 +0200 Subject: [PATCH 11/13] refactor: profileSettingsPopover with state ref --- src/App.svelte | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/App.svelte b/src/App.svelte index 4986da2..7ab20e7 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -43,7 +43,7 @@ let dialogTextArea = $state(); let dialogDatePicker = $state(); let themeSettingsPopover = $state(null); - let profileSettingsPopover = $state(); + let profileSettingsPopover = $state(null); // Create ToDo Fields let itemInputValue; @@ -71,8 +71,10 @@ }; const handleProfileClick = (event) => { - profileSettingsPopover.opener = event.detail.targetRef; - profileSettingsPopover.open = true; + if (profileSettingsPopover) { + profileSettingsPopover.opener = event.detail.targetRef; + profileSettingsPopover.open = !profileSettingsPopover.open; + } }; const handleProfileSettingsSelect = (event) => { From 6ba670dd0c81483aa0cfbf2951e4af773fc45b14 Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 13:33:39 +0200 Subject: [PATCH 12/13] refactor: extract header related components and event handlers --- src/App.svelte | 231 +------------------------------------- src/lib/Header.svelte | 250 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 253 insertions(+), 228 deletions(-) create mode 100644 src/lib/Header.svelte diff --git a/src/App.svelte b/src/App.svelte index 7ab20e7..e4c76df 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -1,8 +1,7 @@
-
- - - - - -
+
@@ -285,87 +212,6 @@ Save
- - - - SAP Horizon Morning - SAP Horizon Evening - SAP Horizon HCB - SAP Horizon HCW - SAP Quartz Light - SAP Quartz Dark - SAP Quartz HCB - SAP Quartz HCW - - - - -
- -
- John Doe - Svelte Developer -
-
- -
- - Settings - Help - Sign out - -
- - - -
-
-
- RTL -
- -
-
- -
-
- Compact -
- -
- -
- Close -
- - - -
- - Help -
- -
- - UI5 Web Components Svelte Sample App -
- -

- Release: b225.20220729335
- Server: pk21443x3132
- Timestamp: 2022-08-18T10:29:03.159+0200
- Company ID: SAP
- UI version: SAP Fiori
- Edition: Enterprise
- Admin version: Svelte Admin
-

-
- For more information, please visit our documentation. -

-
- Close -
- diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte new file mode 100644 index 0000000..cdd2127 --- /dev/null +++ b/src/lib/Header.svelte @@ -0,0 +1,250 @@ + + +
+ + + + + + + +
+ + + + SAP Horizon Morning + SAP Horizon Evening + SAP Horizon HCB + SAP Horizon HCW + SAP Quartz Light + SAP Quartz Dark + SAP Quartz HCB + SAP Quartz HCW + + + + +
+ +
+ John Doe + Svelte Developer +
+
+ +
+ + Settings + Help + Sign out + +
+ + + +
+
+
+ RTL +
+ +
+
+ +
+
+ Compact +
+ +
+ +
+ + + Close +
+ + + +
+ + Help +
+ +
+ + UI5 Web Components Svelte Sample App +
+ +

+ Release: b225.20220729335
+ Server: pk21443x3132
+ Timestamp: 2022-08-18T10:29:03.159+0200
+ Company ID: SAP
+ UI version: SAP Fiori
+ Edition: Enterprise
+ Admin version: Svelte Admin
+

+
+ For more information, please visit our documentation. +

+
+ + + Close +
+ + + From a907af69afe917b8fa1ff7e9f861aebfa092473a Mon Sep 17 00:00:00 2001 From: Miklos Daniel Date: Fri, 16 May 2025 13:39:20 +0200 Subject: [PATCH 13/13] refactor: remove deprecated husky commands --- .husky/pre-push | 3 --- 1 file changed, 3 deletions(-) diff --git a/.husky/pre-push b/.husky/pre-push index 34352b0..9028981 100755 --- a/.husky/pre-push +++ b/.husky/pre-push @@ -1,4 +1 @@ -#!/bin/sh -. "$(dirname "$0")/_/husky.sh" - npm run hooks:pre-push