{"id":25040686,"url":"https://github.com/stefansarya/scarletsframe-compiler","last_synced_at":"2025-07-27T04:44:42.021Z","repository":{"id":38329140,"uuid":"241246855","full_name":"StefansArya/scarletsframe-compiler","owner":"StefansArya","description":"Compiler for ScarletsFrame","archived":false,"fork":false,"pushed_at":"2025-01-28T21:37:13.000Z","size":313,"stargazers_count":5,"open_issues_count":4,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-04T22:08:23.019Z","etag":null,"topics":["scarletsframe"],"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/StefansArya.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","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":"2020-02-18T01:38:28.000Z","updated_at":"2025-01-28T21:37:17.000Z","dependencies_parsed_at":"2024-02-18T10:46:05.572Z","dependency_job_id":null,"html_url":"https://github.com/StefansArya/scarletsframe-compiler","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StefansArya%2Fscarletsframe-compiler","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StefansArya%2Fscarletsframe-compiler/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StefansArya%2Fscarletsframe-compiler/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StefansArya%2Fscarletsframe-compiler/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StefansArya","download_url":"https://codeload.github.com/StefansArya/scarletsframe-compiler/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237407901,"owners_count":19305193,"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":["scarletsframe"],"created_at":"2025-02-06T03:09:24.412Z","updated_at":"2025-02-06T03:09:25.840Z","avatar_url":"https://github.com/StefansArya.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ScarletsFrame Compiler.js\nA compiler for ScarletsFrame.\n\nThis compiler depend on Gulp and BrowserSync.\n\nIf you arrived to this repository from no where, please visit the [default project template](https://github.com/StefansArya/scarletsframe-default) for getting started.\n\nIf you're using Sublime Text, always change your [text encoding into Unix](https://stackoverflow.com/a/58191795/6563200).\n\n## Getting started experimenting with the compiler\n\u003e If you're new with the `.sf` file extension, please follow the instruction [on here](https://github.com/StefansArya/scarletsframe-compiler/tree/master/syntax-highlighter).\n\nAfter you cloned this project you will need to install the required dependency.\n\n```sh\n$ npm i\n```\n\nThe original `.sf` compiler is inside the `/src` folder.\u003cbr\u003e\n`sfcompiler.js` is a script that constructing some Gulp tasks for your project to help compiling `.js, .scss, .html` file.\n\nFor testing the generation of `.css, .js` from compiling `.sf` file you can use this command.\n```sh\n$ npm test\n```\n\nThe `.css, .js` file will be generated into `./tests/generated.css` and `./tests/generated.js`.\n\n### Macro\n\u003e For `## html`.\n\nTo append the content of `## html` into the document body you can add `.append-to-body` attribute to the fence.\n\n```xml\n## html.append-to-body\n\u003cdiv\u003e\n\tHello \u003cspan\u003eworld\u003c/span\u003e\n\u003c/div\u003e\n```\n\n---\n\n\u003e For `## js-*`.\n\nTo get current file path relative to your source folder you can use `#this.path` on the JavaScript code.\n\n```js\n## js-global\nsf.component('my-elem', {template: #this.path}, function(){\n\tconsole.log(\"Hello from\", #this.path);\n});\n```\n\nFeel free to fill an issue or pull request if you have a question or improvement.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstefansarya%2Fscarletsframe-compiler","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstefansarya%2Fscarletsframe-compiler","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstefansarya%2Fscarletsframe-compiler/lists"}