create-absolutejs 0.2.1 → 0.3.0

package/package.json

@@ -4,12 +4,11 @@
 		"create-absolutejs": "dist/index.js"
 	},
 	"dependencies": {
-		"@clack/prompts": "0.10.1",
+		"@clack/prompts": "0.11.0",
 		"picocolors": "1.1.1"
 	},
 	"description": "A CLI tool to create a new AbsoluteJS project",
 	"devDependencies": {
-		"@absolutejs/auth": "0.8.0",
 		"@stylistic/eslint-plugin-ts": "4.2.0",
 		"@types/bun": "latest",
 		"@types/react": "19.1.4",
@@ -22,9 +21,11 @@
 		"eslint-plugin-promise": "7.2.1",
 		"eslint-plugin-security": "3.0.1",
 		"prettier": "3.5.3",
-		"svelte": "5.34.7",
+		"prettier-plugin-svelte": "3.4.0",
+		"svelte": "5.35.2",
 		"tailwindcss": "4.1.7",
-		"typescript-eslint": "8.32.0"
+		"typescript-eslint": "8.32.0",
+		"vue": "3.5.17"
 	},
 	"files": [
 		"dist",
@@ -37,14 +38,14 @@
 		"typescript": "5.8.3"
 	},
 	"scripts": {
-		"build": "rm -rf dist && bun build src/index.ts --target node --outdir dist && cp -R src/templates dist/templates && tsc --emitDeclarationOnly --project tsconfig.json",
+		"build": "rm -rf dist && bun build src/index.ts --target node --outdir dist && cp -R src/templates dist/templates && tsc --emitDeclarationOnly --project tsconfig.build.json",
 		"dev": "rm -rf absolutejs-project && bun run src/index.ts",
-		"format": "prettier --write \"./**/*.{js,jsx,ts,tsx,css,json,mjs,md}\"",
+		"format": "prettier --write \"./**/*.{js,jsx,ts,tsx,css,json,mjs,md,svelte,html,vue}\"",
 		"lint": "eslint ./",
 		"release": "bun run format && bun run build && bun publish",
 		"test": "cd absolutejs-project && bun dev",
 		"typecheck": "bun run tsc --noEmit"
 	},
 	"type": "module",
-	"version": "0.2.1"
+	"version": "0.3.0"
 }

package/dist/templates/react/hooks/useMediaQuery.ts

@@ -1,54 +0,0 @@
-import { useState, useEffect } from 'react';
-
-type Breakpoints = {
-	xs: number;
-	sm: number;
-	md: number;
-	lg: number;
-	xl: number;
-	'2xl': number;
-};
-
-const defaultBreakpoints: Breakpoints = {
-	'2xl': 1536,
-	lg: 1024,
-	md: 768,
-	sm: 640,
-	xl: 1280,
-	xs: 0
-};
-
-export type Breakpoint = keyof Breakpoints;
-
-export const useMediaQuery = (customBreakpoints = defaultBreakpoints) => {
-	const [breakpoint, setBreakpoint] = useState<Breakpoint>('xs');
-
-	useEffect(() => {
-		const handleResize = () => {
-			const { innerWidth: width } = window;
-
-			if (width < customBreakpoints.sm) {
-				setBreakpoint('xs');
-			} else if (width < customBreakpoints.md) {
-				setBreakpoint('sm');
-			} else if (width < customBreakpoints.lg) {
-				setBreakpoint('md');
-			} else if (width < customBreakpoints.xl) {
-				setBreakpoint('lg');
-			} else if (width < customBreakpoints['2xl']) {
-				setBreakpoint('xl');
-			} else {
-				setBreakpoint('2xl');
-			}
-		};
-
-		handleResize();
-		window.addEventListener('resize', handleResize);
-
-		return () => {
-			window.removeEventListener('resize', handleResize);
-		};
-	}, [customBreakpoints]);
-
-	return breakpoint;
-};

package/dist/templates/react/styles/defaultStyles.ts

@@ -1,28 +0,0 @@
-import { type CSSProperties } from 'react';
-
-export const styleReset = `
-    * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-        font-weight: inherit;
-    }
-`;
-
-export const bodyDefault: CSSProperties = {
-	backgroundColor: '#f5f5f5',
-	color: '#333',
-	display: 'flex',
-	flexDirection: 'column',
-	height: '100%',
-	margin: 0
-};
-export const htmlDefault: CSSProperties = {
-	fontFamily: 'Poppins, sans-serif',
-	height: '100%'
-};
-export const mainDefault: CSSProperties = {
-	display: 'flex',
-	flex: 1,
-	flexDirection: 'column'
-};