Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aydin-ozcan/ui5-webcomponents-sample-svelte
Svelte in launchpad and workzone
https://github.com/aydin-ozcan/ui5-webcomponents-sample-svelte
fiori svelte ui5 ui5-webcomponents
Last synced: 6 days ago
JSON representation
Svelte in launchpad and workzone
- Host: GitHub
- URL: https://github.com/aydin-ozcan/ui5-webcomponents-sample-svelte
- Owner: aydin-ozcan
- License: apache-2.0
- Created: 2023-10-08T09:30:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-08T11:01:40.000Z (over 1 year ago)
- Last Synced: 2024-12-16T21:49:27.661Z (2 months ago)
- Topics: fiori, svelte, ui5, ui5-webcomponents
- Language: Svelte
- Homepage:
- Size: 1.69 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
This is SAP standard TODO web component sample Svelte application. In this repository, I've made several modifications to incorporate the latest version of Svelte, Vite and other related packages.
Additionally, there's a special souce to embed the Svelte TODO application within a UI5 application. This allows for seamless integration with on-premises launchpad or BTP Workzone, and you can use UI5 tooling for deployment.
## Orginal read me
[](https://github.com/SAP-samples/ui5-webcomponents-sample-svelte/actions/workflows/ci.yaml)
[](https://api.reuse.software/info/github.com/SAP-samples/ui5-webcomponents-sample-svelte)
# **UI5 Web Components Sample ToDo App**
### ***Sample ToDo application that demonstrates the usage of [UI5 Web Components](https://sap.github.io/ui5-webcomponents/) using [Svelte](https://svelte.dev/)***
The application showcases how to: bind properties, subscribe to and forward events, and consume UI5 Web Components within Svelte.
Project was initialized uising **[ViteJs](https://vitejs.dev/guide/#scaffolding-your-first-vite-project)** and the **svelte-ts** tempalte
## **Requirements**
- **[Node.js](https://nodejs.org/en/) version >=12.0.0.**
## **Download and Installation**
1. **[Clone this repository](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository)** and navigate to the downloaded directory
```sh
git clone https://github.com/SAP-samples/ui5-webcomponents-sample-svelte.git
cd ui5-webcomponents-sample-svelte
```
2. Install all dependencies
```sh
npm install
```
3. Start the local dev server and run the application
```sh
npm run dev
```
## **How to obtain support**
[Create an issue](https://github.com/SAP-samples//issues) in this repository if you find a bug or have questions about the content.
For additional support, [ask a question in SAP Community](https://answers.sap.com/questions/ask.html).
## **Noteworthy**
### Consuming UI5 Web Components in Svelte Applications
- Import the desired component(s) in your app to define the UI5 Web Component.
- For example, to use `ui5-button` you need to import it:
```js
import "@ui5/webcomponents/dist/Button"; // loads ui5-button
```
Then, you can use the custom element in an HTML page:
```html
Hello world!
```
## **Browser support**
Currently Chrome, Safari, Firefox and Edge (Chromium-based) support Web Components natively.
## **Contributing**
If you wish to contribute code, offer fixes or improvements, please send a pull request. Due to legal reasons, contributors will be asked to accept a DCO when they create the first pull request to this project. This happens in an automated fashion during the submission process. SAP uses [the standard DCO text of the Linux Foundation](https://developercertificate.org/).
## **License**
Copyright (c) 2021 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the [LICENSE](LICENSES/Apache-2.0.txt) file.