{"id":16789679,"url":"https://github.com/byteab/hyphen-widget","last_synced_at":"2025-03-17T01:13:32.857Z","repository":{"id":104807290,"uuid":"468980120","full_name":"byteab/hyphen-widget","owner":"byteab","description":null,"archived":false,"fork":false,"pushed_at":"2022-04-18T16:05:09.000Z","size":6869,"stargazers_count":1,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-23T10:43:37.565Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/byteab.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":"2022-03-12T04:38:44.000Z","updated_at":"2022-03-17T18:01:55.000Z","dependencies_parsed_at":"2023-05-30T01:15:34.735Z","dependency_job_id":null,"html_url":"https://github.com/byteab/hyphen-widget","commit_stats":null,"previous_names":["ehxxn/hyphen-widget","byteab/hyphen-widget"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/byteab%2Fhyphen-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/byteab%2Fhyphen-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/byteab%2Fhyphen-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/byteab%2Fhyphen-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/byteab","download_url":"https://codeload.github.com/byteab/hyphen-widget/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243955805,"owners_count":20374373,"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":[],"created_at":"2024-10-13T08:28:01.253Z","updated_at":"2025-03-17T01:13:32.829Z","avatar_url":"https://github.com/byteab.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# How to use the plugin\n\nInclude these two tags inside your html `\u003chead/\u003e` tag\n\n```html\n\u003cscript type=\"application/javascript\" defer src=\"https://cdn.jsdelivr.net/gh/TheEhsanSarshar/hyphen-widget@0.1.4/doc/hyphen-widget.js\"/\u003e\n\u003clink href=\"https://cdn.jsdelivr.net/gh/TheEhsanSarshar/hyphen-widget@0.1.4/doc/main.css\" rel=\"stylesheet\" /\u003e\n```\nInclude this tag inside your html `\u003cbody/\u003e` tag\n```html\n\u003cdiv id=\"hyphen-widget-app\"/\u003e\n```\n\n ### Here is a demo\n https://stackblitz.com/edit/vitejs-vite-lg2vsg?file=index.html\n\nto popup the plugin you can call `window.toggleHyphenWidgetVisibility()` funcation from inside your app.\n\nto customize the colors and fonts of the plugin\nyou can override these variables inside your css file\n```css\n#hyphen-widget-app {\n  --hyphen-default: 97, 92, 205;\n  --hyphen-dark: 63, 60, 126;\n  --hyphen-mid: 70, 68, 112;\n  --hyphen-darker: 53, 51, 88;\n  --font-regular: url(/assets/fonts/Inter-Regular.ttf);\n  --font-medium: url(/assets/fonts/Inter-Regular.ttf/Inter-Medium.ttf);\n  --font-bold: url(/assets/fonts/Inter-Regular.ttf/Inter-Bold.ttf);\n  --font-semibold: url(/assets/fonts/Inter-Regular.ttf/Inter-SemiBold.ttf);\n}\n```\nNote: please make sure to provide colors as `rgb`. and the syntax of rgb should not inclulde `rgb()` function\n```css\n  --hyphen-default: rgb(97, 92, 205); // ❌\n  --hyphen-default: 97, 92, 205; // ✅\n```\n\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n## yarn run start\nstart the project for local testing\n\n## yarn run build:widget:prod\nBuild the widget and copy the files to the doc directory\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbyteab%2Fhyphen-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbyteab%2Fhyphen-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbyteab%2Fhyphen-widget/lists"}