fix: insert the tailwindcss vite plugin at the start of the plugin array (#478)

* Fix plugin order

* changeset

* Add `unshift` to js tooling

* Add test cases for `unshift`

* format

* tweaks

* oops, fix

---------

Co-authored-by: AdrianGonz97 <[email protected]>

Author: Hugos68

.changeset/big-chefs-return.md

@@ -0,0 +1,5 @@
+---
+'sv': patch
+---
+
+fix: insert the `tailwindcss` vite plugin at the start of the plugin array

packages/addons/tailwindcss/index.ts

@@ -67,7 +67,7 @@ export default defineAddon({
 
 			const pluginsArray = object.property(param1, 'plugins', array.createEmpty());
 			const pluginFunctionCall = functions.call(vitePluginName, []);
-			array.push(pluginsArray, pluginFunctionCall);
+			array.unshift(pluginsArray, pluginFunctionCall);
 
 			return generateCode();
 		});

packages/core/tests/js/arrays/object-array/output.ts renamed to packages/core/tests/js/arrays/push-object-array/output.ts

@@ -0,0 +1,8 @@
+const array = [
+	{
+		test2: 'string'
+	},
+	{
+		test: true
+	}
+];

packages/core/tests/js/arrays/object-array/run.ts renamed to packages/core/tests/js/arrays/push-object-array/run.ts

@@ -0,0 +1,16 @@
+import { array, object, common, variables } from '@sveltejs/cli-core/js';
+import type { ScriptFileEditor } from '@sveltejs/cli-core';
+
+export function run({ ast }: ScriptFileEditor<any>): void {
+	const array1 = array.createEmpty();
+
+	const object1 = object.create({ test: common.expressionFromString('true') });
+	const object2 = object.create({ test2: common.createLiteral('string') });
+	array.unshift(array1, object1);
+	array.unshift(array1, object2);
+	array.unshift(array1, object2); // avoid duplication
+
+	// create declaration so that we serialize everything
+	const declaration = variables.declaration(ast, 'const', 'array', array1);
+	ast.body.push(declaration);
+}

packages/core/tests/js/arrays/string-array/output.ts renamed to packages/core/tests/js/arrays/push-string-array/output.ts

@@ -0,0 +1 @@
+const array = ['test2', 'test'];

packages/core/tests/js/arrays/string-array/run.ts renamed to packages/core/tests/js/arrays/push-string-array/run.ts

@@ -0,0 +1,13 @@
+import { array, variables } from '@sveltejs/cli-core/js';
+import type { ScriptFileEditor } from '@sveltejs/cli-core';
+
+export function run({ ast }: ScriptFileEditor<any>): void {
+	const array1 = array.createEmpty();
+	array.unshift(array1, 'test');
+	array.unshift(array1, 'test2');
+	array.unshift(array1, 'test'); // make sure items are not duplicated
+
+	// create declaration so that we serialize everything
+	const declaration = variables.declaration(ast, 'const', 'array', array1);
+	ast.body.push(declaration);
+}