mix.svelte() added. laravel-mix-svelte v0.1.0

Author: morpheus7CS

CHANGELOG.md

@@ -0,0 +1,7 @@
+# Changelog
+
+All notable changes to `laravel-mix-svelte` will be documented in this file
+
+## 0.1 - 2019-05-21
+
+- initial release

CONTRIBUTING.md

@@ -0,0 +1,48 @@
+# Contributing
+
+Contributions are **welcome** and will be fully **credited**.
+
+Please read and understand the contribution guide before creating an issue or pull request.
+
+## Etiquette
+
+This project is open source, and as such, the maintainers give their free time to build and maintain the source code
+held within. They make the code freely available in the hope that it will be of use to other developers. It would be
+extremely unfair for them to suffer abuse or anger for their hard work.
+
+Please be considerate towards maintainers when raising issues or presenting pull requests. Let's show the
+world that developers are civilized and selfless people.
+
+It's the duty of the maintainer to ensure that all submissions to the project are of sufficient
+quality to benefit the project. Many developers have different skillsets, strengths, and weaknesses. Respect the maintainer's decision, and do not be upset or abusive if your submission is not used.
+
+## Viability
+
+When requesting or submitting new features, first consider whether it might be useful to others. Open
+source projects are used by many developers, who may have entirely different needs to your own. Think about
+whether or not your feature is likely to be used by other users of the project.
+
+## Procedure
+
+Before filing an issue:
+
+- Attempt to replicate the problem, to ensure that it wasn't a coincidental incident.
+- Check to make sure your feature suggestion isn't already present within the project.
+- Check the pull requests tab to ensure that the bug doesn't have a fix in progress.
+- Check the pull requests tab to ensure that the feature isn't already in progress.
+
+Before submitting a pull request:
+
+- Check the codebase to ensure that your feature doesn't already exist.
+- Check the pull requests to ensure that another person hasn't already submitted the feature or fix.
+
+- Use the ES2015 syntax.
+- Your patch won't be accepted if it doesn't pass the tests and lints (`npm run test`).
+- If there's a `/demo` section, try to add an example.
+- **Document any change in behaviour:** Make sure the `README.md`, `CHANGELOG.md` and any other relevant documentation are kept up-to-date.
+- **Consider our release cycle:** We try to follow [SemVer v2.0.0](http://semver.org/). Randomly breaking public APIs is not an option.
+- **Create feature branches:** Don't ask us to pull from your master branch.
+- **One pull request per feature:** If you want to do more than one thing, send multiple pull requests.
+- **Send coherent history:** Make sure each individual commit in your pull request is meaningful. If you had to make multiple intermediate commits while developing, please [squash them](http://www.git-scm.com/book/en/v2/Git-Tools-Rewriting-History#Changing-Multiple-Commit-Messages) before submitting.
+
+**Happy coding**!

LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Gal Jakic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,66 @@
+# Laravel Mix Svelte
+
+A Laravel Mix extension for Svelte support.
+
+## Why?
+
+Svelte is an interesting new approach in the JavaScript space, created by [@Rich_Harris](https://twitter.com/Rich_Harris). While traditional frontend frameworks do the bulk of their work in the browser, Svelte does this in compilation step. They provide a fluid syntax for writing expressive code, but compile it down to small, framework-less vanilla JavaScript.
+
+If you don't know what Svelte is, we highly recommend starting with Rich Harris' talk [Rethinking Reactivity](https://youtu.be/AdNJ3fydeao) from YGLF Code Camp 2019, his [introductory blog post](https://svelte.dev/blog/svelte-3-rethinking-reactivity) or - if you're more of a hands-on type - Svelte's [interactive tutorial](https://svelte.dev/tutorial/).
+
+*This package is still in active development, so you might want to [watch](https://github.com/wewowweb/laravel-mix-svelte/subscription) the repository to be notified of future changes.*
+
+## Installation
+
+You can install the package via npm or yarn:
+
+```bash
+npm install wewowweb/laravel-mix-svelte
+```
+
+## Usage
+
+After installing it, just require it in your `webpack.mix.js` file like so:
+
+``` js
+const mix = require('laravel-mix');
+
+require('laravel-mix-svelte');
+
+mix.js('resources/js/app.js', 'public/js')
+    .sass('resources/sass/app.scss', 'public/css')
+    .svelte();
+```
+
+### Future planned improvements
+
+- [ ] Add hotReload functionality
+- [ ] Add noPreserveState functionality
+- [ ] Add ExtractCss functionality for CSS
+- [ ] Add ExtractCss functionality for SASS
+- [ ] Add ExtractCss functionality for LESS
+- [ ] Add ExtractCss functionality for Stylus
+- [ ] Add tests.
+
+
+### Changelog
+
+Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.
+
+## Contributing
+
+Please see [CONTRIBUTING](CONTRIBUTING.md) for details.
+
+### Security
+
+If you discover any security related issues, please email **gal@wewowweb.com** instead of using the issue tracker.
+
+## Credits
+
+- [We Wow Web](https://github.com/wewowweb)
+- [Gal Jakic](https://github.com/morpheus7CS)
+- [All Contributors](../../contributors)
+
+## License
+
+The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

package.json

@@ -0,0 +1,21 @@
+{
+  "name": "laravel-mix-svelte",
+  "version": "0.1.0",
+  "description": "A Laravel Mix extension for Svelte support.",
+  "keywords": [
+    "laravel mix",
+    "mix",
+    "svelte"
+  ],
+  "main": "src/index.js",
+  "author": {
+    "name": "Gal Jakic",
+    "email": "gal@wewowweb.com",
+    "role": "Author"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/wewowweb/laravel-mix-svelte#readme",
+  "peerDependencies": {
+    "laravel-mix": "^2.1.7"
+  }
+}

src/index.js

@@ -0,0 +1,23 @@
+let mix = require('laravel-mix');
+
+class Svelte {
+  dependencies() {
+      this.requiresReload = true;
+      return ['svelte', 'svelte-loader'];
+  }
+  
+  webpackRules () {
+      return {
+          test: /\.(html|svelte)$/,
+          exclude: /node_modules/,
+          use: 'svelte-loader',
+      }
+  }
+  
+  boot() {
+      let svelte = require('svelte');
+      let loader = require('svelte-loader');
+  }
+}
+
+mix.extend('svelte', new Svelte());

styleci.yml

@@ -0,0 +1,22 @@
+js:
+  tab-width: 4
+  use-tabs: false
+  print-width: 120
+  double-quotes: false
+  trailing-commas: es5
+  semicolons: true
+  arrow-parens: avoid
+  bracket-spacing: true
+  finder:
+    exclude:
+      - modules
+      - node_modules
+      - storage
+      - vendor
+    name:
+      - "*.js"
+      - "*.svelte"
+      - "*.jsx"
+      - "*.mjs"
+    not-name:
+      - "*.min.js"