{"id":13852154,"url":"https://github.com/micmro/Stylify-Me","last_synced_at":"2025-07-13T04:30:40.634Z","repository":{"id":7474039,"uuid":"8822079","full_name":"micmro/Stylify-Me","owner":"micmro","description":"Website style analyzer for designers. This is the service part that does the analyzation etc.","archived":false,"fork":false,"pushed_at":"2024-05-02T00:44:49.000Z","size":31535,"stargazers_count":262,"open_issues_count":3,"forks_count":52,"subscribers_count":13,"default_branch":"main","last_synced_at":"2024-11-14T23:07:02.372Z","etag":null,"topics":["analyzer","design-analysis","generator","headless-chrome","nodejs","pupeteer","style-guide"],"latest_commit_sha":null,"homepage":"http://stylifyme.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/micmro.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":"2013-03-16T17:00:31.000Z","updated_at":"2024-10-01T06:03:52.000Z","dependencies_parsed_at":"2024-11-07T22:12:36.885Z","dependency_job_id":"177b3571-dcbe-4112-9d89-e147c622f60b","html_url":"https://github.com/micmro/Stylify-Me","commit_stats":{"total_commits":183,"total_committers":6,"mean_commits":30.5,"dds":0.2404371584699454,"last_synced_commit":"12446b02a8b3b0d060758fb34fd1f65fde035d79"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micmro%2FStylify-Me","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micmro%2FStylify-Me/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micmro%2FStylify-Me/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micmro%2FStylify-Me/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/micmro","download_url":"https://codeload.github.com/micmro/Stylify-Me/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225855654,"owners_count":17534962,"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":["analyzer","design-analysis","generator","headless-chrome","nodejs","pupeteer","style-guide"],"created_at":"2024-08-04T22:01:04.461Z","updated_at":"2024-11-22T06:31:15.668Z","avatar_url":"https://github.com/micmro.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Stylify Me\n\nA Style Guide Generator - using [NodeJS](http://nodejs.org/) and [Puppeteer](https://pptr.dev/), an API to control Chrome.\nSee it live at http://stylifyme.com\n\nThis repo only contains the web service.\n\n## Deployment\n\nWe host our app on EC2\n\nExample installation steps on an Ubuntu image:\n\n```bash\n# install chromium\nsudo apt-get update\nsudo apt-get install -y libappindicator1 fonts-liberation\nsudo apt-get install -y chromium-browser\n\n# install node 20\ncurl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - \u0026\u0026\\\nsudo apt-get install -y nodejs\n\n#install puppeteer\nsudo apt-get install -y gcc g++ make\nsudo npm install -g puppeteer\n\n# download and unzip repo\nwget https://github.com/micmro/Stylify-Me/archive/main.tar.gz\ntar -xzvf ./main.tar.gz\nrm main.tar.gz\nmv Stylify-Me-main stylifyme\ncd stylifyme/\n\n#install dependencies and start on port 80\nnpm ci\nsudo PORT=80 npm run start\n```\n\n## Running the service locally\n\n1. Make sure you have [NodeJS](http://nodejs.org/) installed and running\n2. Install dependencies with npm `npm install`\n3. Update the referrer urls in [`/src/config.mjs`](https://github.com/micmro/Stylify-Me/blob/master/src/config.mjs#L8-L14) with the urls of your frontend (local and production):\n4. Start the nodeJs app with `npm run start` (or `node app.mjs`)\n5. Query [`http://localhost:5000/query?url=https%3A%2F%2Fgoogle.com`](http://localhost:5000/query?url=https%3A%2F%2Fgoogle.com) (assuming you run your app on port `5000`) and you should be able to see a JSON response\n   _I recommend using [Postman](http://www.getpostman.com) for debugging your api_\n\n### Frontend\n\nThis repo only contains the web service, you can query it from the front end like this:\n\n```javaScript\nvar urlToQuery = encodeURIComponent(\"http://google.com\");\n\n$.ajax({\n\tdataType: \"jsonp\",\n\turl: \"http://youreServiceUrl.com/query?url=\"+ urlToQuery,\n\tsuccess: function(data){\n\t\tif(data[\"error\"]){\n\t\t\talert(\"Error: \" + data[\"error\"]);\n\t\t\treturn;\n\t\t}\n\t\t//PROCESS the result\n\t},\n\ttimeout : 10000\n}).fail(function(){\n\talert(\"Could not query site, the service might be down, please try again later.\");\n});\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicmro%2FStylify-Me","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmicmro%2FStylify-Me","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicmro%2FStylify-Me/lists"}