{"id":20753505,"url":"https://github.com/pingpong-im/meteor-sfc","last_synced_at":"2025-04-28T16:25:09.501Z","repository":{"id":57295885,"uuid":"92424606","full_name":"pingpong-im/meteor-sfc","owner":"pingpong-im","description":"Single file components for meteor and blaze","archived":false,"fork":false,"pushed_at":"2018-07-17T16:30:27.000Z","size":356,"stargazers_count":2,"open_issues_count":0,"forks_count":3,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-30T11:12:06.292Z","etag":null,"topics":["blaze","meteor"],"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/pingpong-im.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}},"created_at":"2017-05-25T16:50:46.000Z","updated_at":"2020-09-29T12:22:31.000Z","dependencies_parsed_at":"2022-08-30T22:31:04.757Z","dependency_job_id":null,"html_url":"https://github.com/pingpong-im/meteor-sfc","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pingpong-im%2Fmeteor-sfc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pingpong-im%2Fmeteor-sfc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pingpong-im%2Fmeteor-sfc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pingpong-im%2Fmeteor-sfc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pingpong-im","download_url":"https://codeload.github.com/pingpong-im/meteor-sfc/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250912677,"owners_count":21506865,"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":["blaze","meteor"],"created_at":"2024-11-17T09:13:44.863Z","updated_at":"2025-04-28T16:25:09.464Z","avatar_url":"https://github.com/pingpong-im.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# meteor-sfc\n\nThis package implements single file component for meteor.js\n\nRegular meteor approach is to put html, less and js into different files.\n\nBut having all in single file component is more visual. \n\nInspired by https://vuejs.org/v2/guide/single-file-components.html\n\n## Installation\n \n npm i -g meteor-sfc\n\n## Usage\n\nPut all code into file with .ui extension \n\nexample.ui\n~~~~\n\u003ctemplate name=\"hacker\"\u003e\n  \u003cdiv class=\"hacker\"\u003e\n    \u003ch1 class=\"hacker_name\"\u003e{{name}}\u003c/h1\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  Template.hacker.helpers({\n    name () {\n      return 'Neo'\n    }\n  })\n\u003c/script\u003e\n\n\u003cstyle lang=\"less\"\u003e\n  .hacker_name {\n    color: yellow;\n    background-color: #333;\n  }\n\u003c/style\u003e\n~~~~\n\nmeteor-sfc will parse **example.ui** and create at the same level:\n\n**example.html** with handlebars templates \u003cbr\u003e\n**example.less** with styles \u003cbr\u003e\n**example.js** with scripts \n\n\n### Parse single file\n\nmeteor-sfc --file ./components/example.ui\n\nnote: you can add meteor-sfc as a filewatcher to webstorm IDE\n\n### Watch directory \n\nmeteor-sfc --dir ./components","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpingpong-im%2Fmeteor-sfc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpingpong-im%2Fmeteor-sfc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpingpong-im%2Fmeteor-sfc/lists"}