{"id":15110297,"url":"https://github.com/jdalberg/hello","last_synced_at":"2026-01-27T06:01:51.967Z","repository":{"id":137588445,"uuid":"131160004","full_name":"jdalberg/hello","owner":"jdalberg","description":"I simple phoenix/preact/typescript project based on rollup","archived":false,"fork":false,"pushed_at":"2018-05-29T05:45:13.000Z","size":92,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-03T19:36:27.387Z","etag":null,"topics":["phoenix-framework","rollup-example","typescript2"],"latest_commit_sha":null,"homepage":"","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/jdalberg.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":"2018-04-26T13:30:08.000Z","updated_at":"2018-08-19T14:33:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"39109f57-b990-4533-a0ea-867dca3c1ba4","html_url":"https://github.com/jdalberg/hello","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jdalberg/hello","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jdalberg%2Fhello","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jdalberg%2Fhello/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jdalberg%2Fhello/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jdalberg%2Fhello/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jdalberg","download_url":"https://codeload.github.com/jdalberg/hello/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jdalberg%2Fhello/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28805331,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T05:43:52.625Z","status":"ssl_error","status_checked_at":"2026-01-27T05:43:48.957Z","response_time":168,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["phoenix-framework","rollup-example","typescript2"],"created_at":"2024-09-25T23:44:04.617Z","updated_at":"2026-01-27T06:01:51.952Z","avatar_url":"https://github.com/jdalberg.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hello - rollup, preact \u0026 typescript\n\nThis example project is to illustrate how to configure the phoenix framework\nto use rollup instead of the default brunch for asset management. How to\nconfigure typescript and preact, to get at bare project up and running with\nthese awesome components.\n\nThe project is created using the following steps\n\n## Phoenix\n\nmix phx.new --no-ecto --no-brunch hello\n\nThis just creates the basic bare phoenix project. If you are used to using brunch with phoenix\nyou will notice that there is no assets dir here because of the no-brunch parameter. We will\nadd our own structure.\n\nInstall dependencies with `mix deps.get`, the mix task above asked me\nif i wanted to install deps.\n\n## Basic node_modules\n\nIn the default brunch mode, all non js related assets will be copied\ndirectly to priv. You can use rollup for this with some plugins. For instance use rollup with postcss to manage styleheets. Read more about that here https://code.lengstorf.com/learn-rollup-css/\n\nRollup is configured just to bundle the typescript files (tsx) into\nthe app.js in priv/js\n\nBefore you start phoenix, do\n\n```\ncd assets\nnpm install\n```\n\nThis will install the needed node_modules as defined in package.json.\n\n## So?\n\nStart Phoenix endpoint with `mix phx.server`\n\nNow you can visit [`localhost:4000`](http://localhost:4000) from your browser.\n\nYou should see a tick counter and nothing else.\n\n# Why did you do this?\n\nThis is just a guide of sorts to get you dev environment setup for\nthis type of project. Something i needed to do and could find very\nlittle information on. Also, I forget easily, so I will let github\nremember :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjdalberg%2Fhello","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjdalberg%2Fhello","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjdalberg%2Fhello/lists"}