{"id":17830362,"url":"https://github.com/lemaiwo/ui5-space-webcomponent-library","last_synced_at":"2026-05-14T21:04:46.120Z","repository":{"id":179214734,"uuid":"623159963","full_name":"lemaiwo/ui5-space-webcomponent-library","owner":"lemaiwo","description":null,"archived":false,"fork":false,"pushed_at":"2023-09-01T14:28:20.000Z","size":302,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-10-28T20:47:46.752Z","etag":null,"topics":["ui5-webcomponents","webcomponents"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lemaiwo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-03T20:20:25.000Z","updated_at":"2023-07-06T15:47:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"3ff6789e-7ec6-4228-94c7-c9c510867597","html_url":"https://github.com/lemaiwo/ui5-space-webcomponent-library","commit_stats":null,"previous_names":["lemaiwo/ui5-space-webcomponent-library"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lemaiwo/ui5-space-webcomponent-library","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lemaiwo%2Fui5-space-webcomponent-library","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lemaiwo%2Fui5-space-webcomponent-library/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lemaiwo%2Fui5-space-webcomponent-library/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lemaiwo%2Fui5-space-webcomponent-library/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lemaiwo","download_url":"https://codeload.github.com/lemaiwo/ui5-space-webcomponent-library/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lemaiwo%2Fui5-space-webcomponent-library/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33043250,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ui5-webcomponents","webcomponents"],"created_at":"2024-10-27T19:30:14.686Z","updated_at":"2026-05-14T21:04:46.093Z","avatar_url":"https://github.com/lemaiwo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# UI5con2023\n## UI5Library for UI5WebComponent\n### Project setup\n- Generate library named `SpaceLibrary` namespace `be.wl` for version `1.111.3` in a new folder\n```\nyo easy-ui5\n\nlibrary\n```\n- Open project\n```\ncode be.wl.SpaceLibrary\n```\n- Add UI5WebComponent package as `devDependency`\n```\n    \"SpacePackage\": \"file:../SpacePackage\",\n```\n- Open `bash` terminal\n- run npm install again\n```\nnpm i\n```\n- Install UI5WebComponent Tooling\n```\nnpm i -D @ui5/tooling-webc\n```\n- Add `\"@ui5/tooling-webc\"` to UI5 dependencies in `package.json`\n```\n\"@ui5/tooling-webc\"\n```\n- Add webcomponent scripts\n```\n    \"prebuild\": \"rimraf src/webc/lib/thirdparty/ \u0026\u0026 ui5-webc-prebuild\",\n    \"generate\": \"ui5-webc-generate\",\n```\n- Install webcomponent resources (icons)\n```\nnpm i -D @ui5/webcomponents @ui5/webcomponents-icons-tnt @ui5/webcomponents-icons-business-suite\n```\n### Configure UI5 Library \n- Change name `SpaceLibrary` to `be.wl.SpaceLibrary` in `ui5.yaml`\n\n- Add `libraries`\n```\n    - name: sap.m\n    - name: sap.ui.webc.common\n```\n\n- Add UI5WebCompnent tooling for running in `custommiddleware`\n```\n  - name: ui5-tooling-webc-middleware\n    afterMiddleware: compression\n```\n\n- Add UI5WebComponent Tooling for generating the controls in `customConfiguration`\n```\ncustomConfiguration:\n  ui5-tooling-webc:\n    packages:\n      'SpacePackage':\n        aliases: # used to convert ES6 imports to UI5 module paths\n          \"^SpacePackage\\/dist\\/(.*?).js$\": \"be/wl/SpaceLibrary/thirdparty/$1\"\n        reverseAliases: # used by the middleware to serve third-party files as UI5 modules\n          \"^/resources/@ui5/(.*?)$\": \"@ui5/$1\"\n          # \"^/resources/be/wl/SpaceLibrary/thirdparty/(.*?)$\": \"SpacePackage/dist/$1\"\n        inputPath: \"dist/\" # where to find the web components\n        inputPathFilters: # relative to the inputPath, can   be inclusive or exclusive(!) filters\n          - '**/*{.js,.json,.css}'\n          - '!assets/'\n          - '!test/'\n          - '!**/*-static.js'\n          - '!**/api.json'\n        outputPath: \"src/be/wl/SpaceLibrary/thirdparty/\" # where to create the UI5 controls\n        generation: # if set, control wrappers will be generated\n          suffix: \"\"\n          replaceJSDocNamespaces: # replace namespaces in api.json\n          #noControl: # do not generate wrappers at all\n          noTestPage: # do not generate test pages for these controls\n          noQUnit: # do not generate QUnit tests for these controls\n          additionalProperties:\n            width:\n              - be.wl.SpaceLibrary.SpaceComponent\n            height:\n              - be.wl.SpaceLibrary.SpaceComponent\n            display:\n            textDirection:\n            color:\n            backgroundColor:\n          additionalEvents:\n            click:\n          includeLabelEnablement:\n          includeFormSupport:\n          includeSemanticFormSupport:\n          features:\n          versions:\n            be.wl.SpaceLibrary.SpaceComponent: 1.0.0\n            be.wl.SpaceLibrary.SpaceItemComponent: 1.0.0\n          designtime:\n```\n### Generate controls\n- Run prebuild\n```\nnpm run prebuild\n```\n- Run generate\n```\nnpm run generate\n```\n### Test generated controls\n- Copy logo to img folder\n- Add control to `kitchen.html`\n```\nvar oSpaceComponent = new SpaceComponent({\n    intro: \"Hello UI5con !\",\n    logo: \"./img/star-wars-intro.png\",\n    // height:\"500px\",\n    // width:\"800px\",\n    items: [new SpaceItemComponent({\n        title: \"EPISODES IV-VI\",\n        description: \"After years of galactic silence, civilization is on the brink of a new Star Wars release. Now, with the Force preparing to awaken, the people of Earth seek solace in films of old. With nowhere to turn, they gather in great numbers and watch the original trilogy without rest. Three films. 6 hours. 24 minutes. Popcorn. Slushies. Total elation.\"\n    }), new SpaceItemComponent({\n        title: \"Episode V: The Empire Strikes Back Opener\",\n        description: \"It is a dark time for the Rebellion. Although the Death Star has been destroyed, Imperial troops have driven the Rebel forces from their hidden base and pursued them across the galaxy.Evading the dreaded Imperial Starfleet, a group of freedom fighters led by Luke Skywalker has established a new secret base on the remote ice world of Hoth.The evil lord Darth Vader, obsessed with finding young Skywalker, has dispatched thousands of remote probes into the far reaches of space\"\n    })]\n});\n```\n- Run test page\n```\nnpm start\n```\n\n### Test from app\n- Clone the demo app to test the control\n```\ngit clone https://github.com/lemaiwo/ui5-space-webcomponent-app.git\n```\n- Navigate to the project\n```\ncd ui5-space-webcomponent-app\n```\n- Install dependencies\n```\nnpm i\n```\n- Run the app\n```\nnpm start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flemaiwo%2Fui5-space-webcomponent-library","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flemaiwo%2Fui5-space-webcomponent-library","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flemaiwo%2Fui5-space-webcomponent-library/lists"}