{"id":14990360,"url":"https://github.com/wavemaker/webcomponents-cli","last_synced_at":"2025-04-12T02:10:50.393Z","repository":{"id":245121498,"uuid":"803178262","full_name":"wavemaker/webcomponents-cli","owner":"wavemaker","description":"A CLI to convert Wavemaker Prefabs to WebComponents","archived":false,"fork":false,"pushed_at":"2025-04-03T09:31:00.000Z","size":10781,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-03T10:32:33.751Z","etag":null,"topics":["cli","prefabs","wavemaker","webcomponents"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wavemaker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-05-20T08:14:17.000Z","updated_at":"2025-04-03T09:31:05.000Z","dependencies_parsed_at":"2024-06-19T23:46:02.504Z","dependency_job_id":"7d55c99f-99b6-4162-b782-37de0f455cf3","html_url":"https://github.com/wavemaker/webcomponents-cli","commit_stats":{"total_commits":20,"total_committers":3,"mean_commits":6.666666666666667,"dds":0.25,"last_synced_commit":"1ab196aa99c0a27966d48ad2121c5bc5c8aa2989"},"previous_names":["wavemaker/webcomponents-cli"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wavemaker%2Fwebcomponents-cli","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wavemaker%2Fwebcomponents-cli/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wavemaker%2Fwebcomponents-cli/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wavemaker%2Fwebcomponents-cli/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wavemaker","download_url":"https://codeload.github.com/wavemaker/webcomponents-cli/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248505929,"owners_count":21115354,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["cli","prefabs","wavemaker","webcomponents"],"created_at":"2024-09-24T14:19:56.742Z","updated_at":"2025-04-12T02:10:50.384Z","avatar_url":"https://github.com/wavemaker.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# webcomponents-cli\nA CLI to convert [**WaveMaker**](https://www.wavemakeronline.com/) Prefabs to [**WebComponents**](https://www.webcomponents.org/)\n\n## Usage\n\nThe CLI requires \u0026 prompts the user for WaveMaker Prefab project path(Exported from WaveMaker).\n\nThe CLI can take them as paramaters,\n* `-s | --prefab-project-path`\n\n### **npx**\nThe CLI can be invoked directly without installation using `npx` \u0026\nwill ensure it executes the latest version available.\n```\nnpx @wavemaker/webcomponents-cli -s /path/to/prefab/project\n```\n\n# Web Component Usage Guide\n\n## Accessing Properties, Methods, and Events\n\nAll properties, methods, and events are attached to the web component's DOM element. To interact with the component, you must first select the element in the DOM.\n```\nconst webcomponent = .querySelector('webcomp-tagname');\n```\n\n### Accessing Properties\nYou can retrieve or modify properties using:\n```\nwebcomponent.propname;\n```\n\n### Calling Methods\nInvoke methods using:\n```\nwebcomponent.methodname();\n```\n\n### Listening to Events\nTo handle events, use the standard addEventListener method:\n```\nwebcomponent.addEventListener('eventname', callBackMethod);\n```\n\n### Ensuring Web Component Initialization\nThe web component may not be ready immediately. To ensure you access properties, methods and events only after initialization, listen for the 'init' event:\n```\nwebcomponent.addEventListener('init', () =\u003e {\n   console.log('Web component initialized');\n});\n```\nThis ensures that your interactions with the web component happen at the right time.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwavemaker%2Fwebcomponents-cli","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwavemaker%2Fwebcomponents-cli","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwavemaker%2Fwebcomponents-cli/lists"}