{"id":21000932,"url":"https://github.com/robinwalterfit/electron-ts-photon-starter","last_synced_at":"2026-05-03T01:36:21.958Z","repository":{"id":216392409,"uuid":"114571636","full_name":"robinwalterfit/electron-ts-photon-starter","owner":"robinwalterfit","description":"A template to get started with developing Electron apps in TypeScript with Photon","archived":false,"fork":false,"pushed_at":"2017-12-18T20:39:07.000Z","size":648,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-13T13:44:28.000Z","etag":null,"topics":["css","electron","html","photon","scss","typescript"],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/robinwalterfit.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":"2017-12-17T21:58:03.000Z","updated_at":"2017-12-17T21:59:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"e69d95af-d3f3-4191-b412-27273523268e","html_url":"https://github.com/robinwalterfit/electron-ts-photon-starter","commit_stats":null,"previous_names":["robinwalterfit/electron-ts-photon-starter"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/robinwalterfit/electron-ts-photon-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinwalterfit%2Felectron-ts-photon-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinwalterfit%2Felectron-ts-photon-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinwalterfit%2Felectron-ts-photon-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinwalterfit%2Felectron-ts-photon-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robinwalterfit","download_url":"https://codeload.github.com/robinwalterfit/electron-ts-photon-starter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinwalterfit%2Felectron-ts-photon-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278249989,"owners_count":25955839,"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","status":"online","status_checked_at":"2025-10-03T02:00:06.070Z","response_time":53,"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":["css","electron","html","photon","scss","typescript"],"created_at":"2024-11-19T08:12:58.979Z","updated_at":"2025-10-04T00:34:49.298Z","avatar_url":"https://github.com/robinwalterfit.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# electron-ts-photon-starter\n\nThe electron-photon-ts-starter repository can be used as a template to get started with developing [Electron](https://electronjs.org/) apps in [TypeScript](https://www.typescriptlang.org/) with [Photon](http://photonkit.com/)\n\n## Getting Started\n\nThese instructions will get you a copy of the project up and running on your local machine for development.\n\n### To Use\n\nTo clone and run this repository you'll need [Git](https://git-scm.com/) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com/)) installed on your computer. From your command line:\n\n```\n# Clone this repository\n$ git clone https://github.com/robinwalterfit/electron-ts-photon-starter.ts\n# Go into the repository\n$ cd electron-ts-photon-starter\n# Install dependencies\n$ npm install\n# Run the app\n$ npm start\n```\n\n## Deployment\n\nThis template uses the [Electron icon](https://github.com/electron/electron/blob/master/default_app/icon.png) by default.\n\n### Icons\n\nYou have to create your own icon sets! For example with macOS you can do the following:\n\n#### Linux icon\n\nCreate a 1024x1024 icon with a program of your choice – e.g. Photoshop, Affinity Photo, Illustrator, Affinity Designer, GIMP, etc. – and safe it with the same dimensions as in `src/assets/icons/png` as **png**.\n\n#### macOS icon\n\nCreate a directory `icon.iconset`. Inside this directory you will create copies of your icon with the right dimensions. Checkout `src/assets/icons/mac/icon.iconset` for the right dimensions.\n\n**Note**: `@2x` indicates that the icon is twice as big. E.g. `icon_512x512@2x.png` has the dimension 1024x1024.\n\nOpen a terminal and execute the following command:\n\n```\n# Create the macOS icon: icon.icns\n$ iconutil -c icns path/to/icon.iconset\n```\n\n#### Windows icon\n\nOpen the `256x256.png` with Apple's built in Preview. Click on export in the menu. Now it's tricky:\n\nWhen you see the export dialog you can choose a file format from the dropdown list. By default there is no way to export to `.ico` file. Hold the `alt` key pressed on your keyboard and click on the dropdown list. Now you can choose the `Microsoft Symbol` format to safe your icon as `icon.ico`\n\n\nFor further instructions:\n\n* [Create Your Own Custom Icons in OS X 10.7.5 or Later](https://blog.macsales.com/28492-create-your-own-custom-icons-in-10-7-5-or-later)\n* [Create all favicon formats in Mac OS with Preview!](https://coderwall.com/p/89p9kw/create-all-favicon-formats-in-mac-os-with-preview)\n\n### Most annoying part\n\nYou have to check several files and change the entries according to your needs:\n\n* `package.json` ll. 2, 3, 36-41, 44, 45, 48, 56, 59, 61\n* `src/menu/main.ts` l. 140\n* `installer/windows/createinstaller.js` ll. 27, 28, 31, 32\n\n## Built With\n\n* [Electron](https://electronjs.org/) – To build amazing cross-platform apps with HTML, CSS \u0026 JavaScript\n* [TypeScript](https://www.typescriptlang.org/)\n* [Photon](http://photonkit.com/) – The UI framework\n* [Sass/Scss](http://sass-lang.com) – The better CSS\n* [Node.js](https://nodejs.org/)\n* [electron-packager](https://github.com/electron-userland/electron-packager)\n* [electron-winstaller](https://github.com/electron/windows-installer)\n* [electron-installer-dmg](https://github.com/mongodb-js/electron-installer-dmg)\n* [electron-installer-debian](https://github.com/unindented/electron-installer-debian)\n\n## Versioning\n\nI use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/robinwalterfit/electron-ts-photon-starter/tags).\n\n## Authors\n\n* **Robin Walter** - *Initial work* - [robinwalterfit](https://github.com/robinwalterfit)\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n\n## Acknowledgments\n\n* Checkout these amazing cheat sheets: [README-Template](https://gist.github.com/PurpleBooth/109311bb0361f32d87a2), [CONTRIBUTING-Template](https://gist.github.com/PurpleBooth/b24679402957c63ec426) \u0026 [GitHub Emojis](https://gist.github.com/rxaviers/7360908)\n* Based on [Electron quick-start](https://github.com/electron/electron-quick-start) \u0026 [electron-tutorial-app](https://github.com/crilleengvall/electron-tutorial-app) – Tack för det! [@crilleengvall](https://github.com/crilleengvall/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobinwalterfit%2Felectron-ts-photon-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobinwalterfit%2Felectron-ts-photon-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobinwalterfit%2Felectron-ts-photon-starter/lists"}