{"library":"scarletsframe-compiler","title":"ScarletsFrame Compiler","description":"A Gulp-based compiler for ScarletsFrame, a framework for building web components with .sf files. Version 0.7.2 is the latest stable release. It compiles .sf files into JavaScript, CSS, and HTML, and integrates with BrowserSync for live reloading. Differentiators include a macro system for appending HTML to body and file path injection via #this.path. The project appears to be low-maintenance with infrequent updates.","language":"javascript","status":"active","last_verified":"Fri May 01","install":{"commands":["npm install scarletsframe-compiler"],"cli":{"name":"scarletsframe-compiler","version":null}},"imports":["const sfcompiler = require('scarletsframe-compiler');","const sfcompiler = require('scarletsframe-compiler');","const { task } = require('gulp');\nconst sfcompiler = require('scarletsframe-compiler');"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// Install dependencies\n// npm install gulp browser-sync scarletsframe-compiler --save-dev\n\n// gulpfile.js\nconst gulp = require('gulp');\nconst browserSync = require('browser-sync').create();\nconst sfcompiler = require('scarletsframe-compiler');\n\n// Use sfcompiler to define tasks (example from default template)\ngulp.task('compile', function() {\n  return gulp.src('src/**/*.sf')\n    .pipe(sfcompiler())\n    .pipe(gulp.dest('dist'));\n});\n\ngulp.task('serve', function() {\n  browserSync.init({\n    server: { baseDir: './' }\n  });\n  gulp.watch('src/**/*.sf', gulp.series('compile')).on('change', browserSync.reload);\n});\n\ngulp.task('default', gulp.series('compile', 'serve'));","lang":"javascript","description":"Shows how to set up a Gulp task using scarletsframe-compiler to compile .sf files and serve with BrowserSync.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}