[feat]: move to Shipwright WIP (#74)

* feat(mellow-svelte): move to Shipwright wip)

* fix(mellow-svelte): upgrade Svelte plugin

* feat: remove all webpack related code

* chore(mellow-svelte): update readme

templates/mellow-svelte/README.md

@@ -1,9 +1,9 @@
-# svelte
+# Svelte
 
 This template should help get you started developing with a modern Sails fullstack application with Inertia and Svelte.
 
 This scaffold contains:
 
-- webpack
-- tailwind
-- svelte
+- Sails
+- Svelte
+- Tailwind

templates/mellow-svelte/assets/js/app.js

@@ -6,5 +6,8 @@ createInertiaApp({
   resolve: (name) => require(`./pages/${name}`),
   setup({ el, App, props }) {
     new App({ target: el, props })
+  },
+  progress: {
+    color: '#6C25C1'
   }
 })

templates/mellow-svelte/assets/js/components/Counter.svelte

@@ -4,7 +4,7 @@
 
 <button
   on:click={() => (count += 1)}
-  class="rounded-lg border border-purple-500 px-4 py-2 text-sm text-gray-600 hover:border-purple-600"
+ class="rounded-lg border border-purple-500 px-4 py-2 text-sm text-gray-600 hover:border-purple-600"
 >
   Clicked {count} times</button
 >

templates/mellow-svelte/assets/js/pages/index.svelte

@@ -55,14 +55,6 @@
         Tailwind CSS
       </a>
     </li>
-    <li>
-      <a
-        href="https://webpack.js.org/"
-        target="_blank"
-        class="hover:text-gray-600 hover:underline"
-      >
-        Webpack
-      </a>
-    </li>
+
   </ul>
 </div>

templates/mellow-svelte/config/env/production.js

@@ -19,8 +19,6 @@
  * http://sailsjs.com/docs/concepts/deployment
  */
 
-const TerserPlugin = require('terser-webpack-plugin')
-
 module.exports = {
   hookTimeout: 80000,
   /**************************************************************************
@@ -316,20 +314,5 @@ module.exports = {
     // sails_custom__stripeSecret=sk_prod__fake_Nfgh82401348jaDa3lkZ0d9Hm
     // ```
     //--------------------------------------------------------------------------
-  },
-
-  /***************************************************************************
-   *                                                                          *
-   * Override the default webpack plugin list to add the UglifyJsPlugin,      *
-   * which minifies the outputted JavaScript.                                 *
-   *                                                                          *
-   ***************************************************************************/
-
-  webpack: {
-    mode: 'production',
-    optimization: {
-      minimize: true,
-      minimizer: [new TerserPlugin()]
-    }
   }
 }

templates/mellow-svelte/config/shipwright.js

@@ -0,0 +1,6 @@
+const { pluginSvelte } = require('@rsbuild/plugin-svelte')
+module.exports.shipwright = {
+  build: {
+    plugins: [pluginSvelte()]
+  }
+}