create-absolutejs 0.3.1 → 0.3.3

package/dist/commands/formatProject.d.ts

@@ -1,6 +1,8 @@
+import { PackageManager } from '../types';
 type FormatProjectProps = {
     projectName: string;
-    packageManager: string;
+    packageManager: PackageManager;
+    installDependenciesNow: boolean;
 };
-export declare const formatProject: ({ projectName, packageManager }: FormatProjectProps) => void;
+export declare const formatProject: ({ projectName, packageManager, installDependenciesNow }: FormatProjectProps) => void;
 export {};

package/dist/commands/formatProject.js

@@ -0,0 +1,21 @@
+import { execSync } from 'child_process';
+import { exit } from 'process';
+import { spinner } from '@clack/prompts';
+import { green, red } from 'picocolors';
+import { formatCommands, formatNoInstallCommands } from '../utils/commandMaps';
+export const formatProject = ({ projectName, packageManager, installDependenciesNow }) => {
+    const spin = spinner();
+    try {
+        const fmt = installDependenciesNow
+            ? formatCommands[packageManager]
+            : formatNoInstallCommands[packageManager];
+        spin.start('Formatting files…');
+        execSync(fmt, { cwd: projectName, stdio: 'pipe' });
+        spin.stop(green('Files formatted'));
+    }
+    catch (err) {
+        spin.stop(red('Failed to format files'), 1);
+        console.error('Error formatting:', err);
+        exit(1);
+    }
+};

package/dist/commands/installDependencies.js

@@ -0,0 +1,19 @@
+import { execSync } from 'child_process';
+import { exit } from 'process';
+import { spinner } from '@clack/prompts';
+import { green, red } from 'picocolors';
+import { installCommands } from '../utils/commandMaps';
+export const installDependencies = async ({ projectName, packageManager }) => {
+    const spin = spinner();
+    const cmd = installCommands[packageManager] ?? 'bun install';
+    try {
+        spin.start('Installing dependencies…');
+        execSync(cmd, { cwd: projectName, stdio: 'pipe' });
+        spin.stop(green('Dependencies installed'));
+    }
+    catch (err) {
+        spin.stop(red('Installation failed'), 1);
+        console.error('Error installing dependencies:', err);
+        exit(1);
+    }
+};

package/dist/constants.js

@@ -0,0 +1,4 @@
+export const UNFOUND_INDEX = -1;
+export const DEFAULT_ARG_LENGTH = 2;
+export const TWO_THIRDS = 2 / 3;
+export const HOURS_IN_DAY = 24;

package/dist/data.js

@@ -0,0 +1,125 @@
+import { cyan, green, magenta } from 'picocolors';
+export const availableFrontends = [
+    'react',
+    'html',
+    'svelte',
+    // 'angular',
+    'vue',
+    'htmx'
+];
+export const availableAuthProviders = ['absoluteAuth', 'none'];
+export const availableDatabaseEngines = [
+    'postgresql',
+    'mysql',
+    'sqlite',
+    'mongodb',
+    'redis',
+    'singlestore',
+    'cockroachdb',
+    'mssql',
+    'none'
+];
+export const availableDirectoryConfigurations = ['default', 'custom'];
+export const availableORMs = ['drizzle', 'prisma', 'none'];
+export const availableDatabaseHosts = [
+    'neon',
+    'planetscale',
+    'supabase',
+    'turso',
+    'vercel',
+    'upstash',
+    'atlas',
+    'none'
+];
+export const availableCodeQualityTools = ['eslint+prettier', 'biome'];
+/* eslint-disable absolute/sort-keys-fixable */
+export const frontendLabels = {
+    react: cyan('React'),
+    html: 'HTML',
+    htmx: 'HTMX',
+    svelte: magenta('Svelte'),
+    vue: green('Vue')
+    // angular: red('Angular'),
+};
+/* eslint-enable absolute/sort-keys-fixable */
+export const availablePlugins = [
+    {
+        imports: [{ config: null, isPlugin: true, packageName: 'cors' }],
+        label: cyan('⚙️ @elysiajs/cors'),
+        latestVersion: '1.3.3',
+        value: '@elysiajs/cors'
+    },
+    {
+        imports: [{ config: null, isPlugin: true, packageName: 'swagger' }],
+        label: cyan('📑 @elysiajs/swagger'),
+        latestVersion: '1.3.0',
+        value: '@elysiajs/swagger'
+    },
+    {
+        imports: [{ config: null, isPlugin: true, packageName: 'rateLimit' }],
+        label: green('🛠️ elysia-rate-limit'),
+        latestVersion: '4.3.0',
+        value: 'elysia-rate-limit'
+    }
+];
+export const absoluteAuthPlugin = {
+    imports: [
+        {
+            config: { providersConfiguration: {} },
+            isPlugin: true,
+            packageName: 'absoluteAuth'
+        }
+    ],
+    latestVersion: '0.3.2',
+    value: '@absolutejs/auth'
+};
+export const scopedStatePlugin = {
+    imports: [
+        {
+            config: { count: { value: 0 } },
+            isPlugin: true,
+            packageName: 'scopedState'
+        }
+    ],
+    latestVersion: '0.1.1',
+    value: 'elysia-scoped-state'
+};
+export const eslintAndPrettierDependencies = [
+    {
+        latestVersion: '9.27.0',
+        value: 'eslint'
+    },
+    {
+        latestVersion: '3.5.3',
+        value: 'prettier'
+    }
+];
+export const defaultDependencies = [
+    {
+        imports: [{ isPlugin: false, packageName: 'Elysia' }],
+        latestVersion: '1.3.1',
+        value: 'elysia'
+    }
+];
+export const defaultPlugins = [
+    {
+        imports: [
+            { isPlugin: false, packageName: 'asset' },
+            { isPlugin: false, packageName: 'build' },
+            { isPlugin: true, packageName: 'networking' }
+        ],
+        latestVersion: '0.11.1',
+        value: '@absolutejs/absolute'
+    },
+    {
+        imports: [
+            {
+                config: { assets: './build', prefix: '' },
+                isPlugin: true,
+                packageName: 'staticPlugin'
+            }
+        ],
+        latestVersion: '1.3.0',
+        value: '@elysiajs/static'
+    }
+];

package/dist/generators/configurations/addConfigurationFiles.js

@@ -0,0 +1,21 @@
+import { copyFileSync, writeFileSync } from 'fs';
+import { join } from 'path';
+import { dim, yellow } from 'picocolors';
+import { generatePrettierrc } from './generatePrettierrc';
+export const addConfigurationFiles = ({ tailwind, templatesDirectory, codeQualityTool, frontends, initializeGitNow, projectName }) => {
+    copyFileSync(join(templatesDirectory, 'configurations', 'tsconfig.example.json'), join(projectName, 'tsconfig.json'));
+    if (tailwind) {
+        copyFileSync(join(templatesDirectory, 'tailwind', 'postcss.config.ts'), join(projectName, 'postcss.config.ts'));
+        copyFileSync(join(templatesDirectory, 'tailwind', 'tailwind.config.ts'), join(projectName, 'tailwind.config.ts'));
+    }
+    if (initializeGitNow)
+        copyFileSync(join(templatesDirectory, 'git', 'gitignore'), join(projectName, '.gitignore'));
+    if (codeQualityTool === 'eslint+prettier') {
+        copyFileSync(join(templatesDirectory, 'configurations', 'eslint.config.mjs'), join(projectName, 'eslint.config.mjs'));
+        copyFileSync(join(templatesDirectory, 'configurations', '.prettierignore'), join(projectName, '.prettierignore'));
+        const prettierrc = generatePrettierrc(frontends);
+        writeFileSync(join(projectName, '.prettierrc.json'), prettierrc);
+    }
+    else
+        console.warn(`${dim('│')}\n${yellow('▲')}  Biome support not implemented yet`);
+};

package/dist/generators/configurations/generateDrizzleConfig.js

@@ -0,0 +1,11 @@
+import { writeFileSync } from 'fs';
+import { join } from 'path';
+export const createDrizzleConfig = ({ projectName, databaseEngine }) => {
+    const drizzleConfig = `import { defineConfig } from "drizzle-kit";
+    
+    export default defineConfig({
+    dialect: '${databaseEngine}'
+    });
+    `;
+    writeFileSync(join(projectName, 'drizzle.config.ts'), drizzleConfig);
+};

package/dist/generators/configurations/generatePackageJson.js

@@ -0,0 +1,74 @@
+import { writeFileSync } from 'fs';
+import { join } from 'path';
+import { spinner } from '@clack/prompts';
+import { green } from 'picocolors';
+import { absoluteAuthPlugin, availablePlugins, defaultPlugins, eslintAndPrettierDependencies } from '../../data';
+import { getPackageVersion } from '../../utils/getPackageVersion';
+export const createPackageJson = ({ projectName, authProvider, plugins, useTailwind, latest, frontendDirectories, codeQualityTool }) => {
+    const s = spinner();
+    void (latest && s.start('Resolving package versions…'));
+    const resolveVersion = (name, listed) => latest ? (getPackageVersion(name) ?? listed) : listed;
+    const dependencies = {};
+    const devDependencies = {};
+    const requiresReact = frontendDirectories['react'] !== undefined;
+    const requiresSvelte = frontendDirectories['svelte'] !== undefined;
+    const requiresVue = frontendDirectories['vue'] !== undefined;
+    const requiresHtmx = frontendDirectories['htmx'] !== undefined;
+    for (const p of defaultPlugins) {
+        dependencies[p.value] = resolveVersion(p.value, p.latestVersion);
+    }
+    if (authProvider === 'absoluteAuth') {
+        dependencies[absoluteAuthPlugin.value] = resolveVersion(absoluteAuthPlugin.value, absoluteAuthPlugin.latestVersion);
+    }
+    for (const pluginValue of plugins) {
+        const meta = availablePlugins.find((p) => p.value === pluginValue);
+        if (!meta)
+            continue;
+        dependencies[meta.value] = resolveVersion(meta.value, meta.latestVersion);
+    }
+    if (codeQualityTool === 'eslint+prettier') {
+        eslintAndPrettierDependencies.forEach((dep) => {
+            devDependencies[dep.value] = resolveVersion(dep.value, dep.latestVersion);
+        });
+    }
+    if (useTailwind) {
+        devDependencies['autoprefixer'] = resolveVersion('autoprefixer', '10.4.21');
+        devDependencies['postcss'] = resolveVersion('postcss', '8.5.3');
+        devDependencies['tailwindcss'] = resolveVersion('tailwindcss', '4.1.7');
+        devDependencies['@tailwindcss/cli'] = resolveVersion('@tailwindcss/cli', '4.1.7');
+    }
+    if (requiresReact) {
+        dependencies['react'] = resolveVersion('react', '19.1.0');
+        dependencies['react-dom'] = resolveVersion('react-dom', '19.1.0');
+        devDependencies['@types/react'] = resolveVersion('@types/react', '19.1.5');
+        devDependencies['@types/react-dom'] = resolveVersion('@types/react-dom', '19.1.5');
+    }
+    if (requiresSvelte) {
+        dependencies['svelte'] = resolveVersion('svelte', '5.34.7');
+        void (codeQualityTool === 'eslint+prettier' &&
+            (devDependencies['prettier-plugin-svelte'] = resolveVersion('prettier-plugin-svelte', '3.4.0')));
+    }
+    if (requiresVue) {
+        dependencies['vue'] = resolveVersion('vue', '3.5.17');
+    }
+    if (requiresHtmx) {
+        dependencies['elysia-scoped-state'] = resolveVersion('elysia-scoped-state', '0.1.1');
+    }
+    void (latest && s.stop(green('Package versions resolved')));
+    const scripts = {
+        dev: 'bun run --watch src/backend/server.ts',
+        format: `prettier --write "./**/*.{js,ts,css,json,mjs,md${requiresReact ? ',jsx,tsx' : ''}${requiresSvelte ? ',svelte' : ''}${requiresVue ? ',vue' : ''}}"`,
+        lint: 'eslint ./src',
+        test: 'echo "Error: no test specified" && exit 1',
+        typecheck: 'bun run tsc --noEmit'
+    };
+    const packageJson = {
+        dependencies,
+        devDependencies,
+        name: projectName,
+        scripts,
+        type: 'module',
+        version: '0.0.0'
+    };
+    writeFileSync(join(projectName, 'package.json'), JSON.stringify(packageJson));
+};

package/dist/generators/configurations/generatePrettierrc.js

@@ -0,0 +1,13 @@
+export const generatePrettierrc = (frontends) => {
+    const usesSvelte = frontends.some((frontend) => frontend === 'svelte');
+    return `{
+		"endOfLine": "auto",
+		"printWidth": 80,
+		"semi": true,
+		"singleQuote": true,
+		"tabWidth": 4,
+		"trailingComma": "none",
+		"useTabs": true
+		${usesSvelte ? `,"plugins": ["prettier-plugin-svelte"],\n"overrides": [{"files": "*.svelte", "options": {"parser": "svelte"}}]` : ''}
+	}`;
+};

package/dist/generators/configurations/initializeRoot.js

@@ -0,0 +1,26 @@
+import { copyFileSync, existsSync, mkdirSync } from 'node:fs';
+import { join } from 'node:path';
+export const initalizeRoot = (projectName, templatesDirectory) => {
+    if (existsSync(projectName)) {
+        throw new Error(`Cannot create project "${projectName}": directory already exists.`);
+    }
+    mkdirSync(projectName);
+    const srcDir = join(projectName, 'src');
+    mkdirSync(srcDir);
+    mkdirSync(join(srcDir, 'types'));
+    const constantsSrc = join(templatesDirectory, 'constants.ts');
+    const constantsDest = join(srcDir, 'constants.ts');
+    copyFileSync(constantsSrc, constantsDest);
+    const frontendDirectory = join(srcDir, 'frontend');
+    const backendDirectory = join(srcDir, 'backend');
+    mkdirSync(frontendDirectory);
+    mkdirSync(backendDirectory);
+    const projectAssetsDirectory = join(backendDirectory, 'assets');
+    mkdirSync(projectAssetsDirectory);
+    mkdirSync(join(projectAssetsDirectory, 'ico'), { recursive: true });
+    mkdirSync(join(projectAssetsDirectory, 'png'), { recursive: true });
+    mkdirSync(join(projectAssetsDirectory, 'svg'), { recursive: true });
+    copyFileSync(join(templatesDirectory, 'assets', 'ico', 'favicon.ico'), join(projectAssetsDirectory, 'ico', 'favicon.ico'));
+    copyFileSync(join(templatesDirectory, 'assets', 'png', 'absolutejs-temp.png'), join(projectAssetsDirectory, 'png', 'absolutejs-temp.png'));
+    return { backendDirectory, frontendDirectory, projectAssetsDirectory };
+};

package/dist/generators/db/scaffoldDatabase.js

@@ -0,0 +1,16 @@
+import { mkdirSync } from 'fs';
+import { join } from 'path';
+import { dim, yellow } from 'picocolors';
+import { createDrizzleConfig } from '../configurations/generateDrizzleConfig';
+export const scaffoldDatabase = ({ projectName, databaseEngine, databaseDirectory, orm }) => {
+    mkdirSync(join(projectName, databaseDirectory), { recursive: true });
+    if (databaseEngine !== 'postgresql' && databaseEngine !== 'none') {
+        console.warn(`${dim('│')}\n${yellow('▲')}  Only PostgreSQL support is implemented so far`);
+    }
+    if (orm === 'drizzle') {
+        createDrizzleConfig({ databaseEngine, projectName });
+    }
+    if (orm === 'prisma') {
+        console.warn(`${dim('│')}\n${yellow('▲')}  Prisma support is not implemented yet`);
+    }
+};

package/dist/generators/html/scaffoldHTML.js

@@ -0,0 +1,14 @@
+import { copyFileSync, cpSync, mkdirSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { generateMarkupCSS } from '../project/generateMarkupCSS';
+export const scaffoldHTML = ({ isSingleFrontend, targetDirectory, useHTMLScripts, templatesDirectory, projectAssetsDirectory }) => {
+    copyFileSync(join(templatesDirectory, 'assets', 'svg', 'HTML5_Badge.svg'), join(projectAssetsDirectory, 'svg', 'HTML5_Badge.svg'));
+    cpSync(join(templatesDirectory, 'html'), targetDirectory, {
+        recursive: true
+    });
+    const cssOutputDir = join(targetDirectory, 'styles');
+    mkdirSync(cssOutputDir, { recursive: true });
+    const cssOutputFile = join(cssOutputDir, 'html-example.css');
+    const htmlCSS = generateMarkupCSS(isSingleFrontend);
+    writeFileSync(cssOutputFile, htmlCSS, 'utf-8');
+};

package/dist/generators/htmx/scaffoldHTMX.js

@@ -0,0 +1,15 @@
+import { copyFileSync, cpSync, mkdirSync, writeFileSync } from 'fs';
+import { join } from 'path';
+import { generateMarkupCSS } from '../project/generateMarkupCSS';
+export const scaffoldHTMX = ({ targetDirectory, templatesDirectory, projectAssetsDirectory, isSingleFrontend }) => {
+    copyFileSync(join(templatesDirectory, 'assets', 'svg', 'htmx-logo-black.svg'), join(projectAssetsDirectory, 'svg', 'htmx-logo-black.svg'));
+    copyFileSync(join(templatesDirectory, 'assets', 'svg', 'htmx-logo-white.svg'), join(projectAssetsDirectory, 'svg', 'htmx-logo-white.svg'));
+    cpSync(join(templatesDirectory, 'htmx'), targetDirectory, {
+        recursive: true
+    });
+    const cssOutputDir = join(targetDirectory, 'styles');
+    mkdirSync(cssOutputDir, { recursive: true });
+    const cssOutputFile = join(cssOutputDir, 'htmx-example.css');
+    const htmxCSS = generateMarkupCSS(isSingleFrontend);
+    writeFileSync(cssOutputFile, htmxCSS, 'utf-8');
+};

package/dist/generators/project/generateMarkupCSS.js

@@ -0,0 +1,133 @@
+export const generateMarkupCSS = (isSingleFrontend) => `@import url('${isSingleFrontend ? '../styles/reset.css' : '../../styles/reset.css'}');
+
+header {
+	align-items: center;
+	background-color: #1a1a1a;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+	display: flex;
+	justify-content: space-between;
+	padding: 2rem;
+	text-align: center;
+}
+
+header a {
+	position: relative;
+	color: #5fbeeb;
+	text-decoration: none;
+}
+
+header a::after {
+	content: '';
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+	height: 2px;
+	background: linear-gradient(90deg, #5fbeeb 0%, #35d5a2 50%, #ff4b91 100%);
+	transform: scaleX(0);
+	transform-origin: left;
+	transition: transform 0.25s ease-in-out;
+}
+
+header a:hover::after {
+	transform: scaleX(1);
+}
+
+h1 {
+	font-size: 2.5rem;
+	margin-top: 2rem;
+}
+
+.logo {
+	height: 8rem;
+	width: 8rem;
+	will-change: filter;
+	transition: filter 300ms;
+}
+
+.logo:hover {
+	filter: drop-shadow(0 0 2rem #5fbeeb);
+}
+
+.logo.html:hover {
+	filter: drop-shadow(0 0 2rem #e34f26);
+}
+
+nav {
+	display: flex;
+	gap: 4rem;
+	justify-content: center;
+}
+
+header details {
+	position: relative;
+}
+
+header details summary {
+	list-style: none;
+	appearance: none;
+	-webkit-appearance: none;
+	cursor: pointer;
+	user-select: none;
+	color: #5fbeeb;
+	font-size: 1.5rem;
+	font-weight: 500;
+	padding: 0.5rem 1rem;
+}
+
+header summary::after {
+	content: '▼';
+	display: inline-block;
+	margin-left: 0.5rem;
+	font-size: 0.75rem;
+	transition: transform 0.3s ease;
+}
+
+header details[open] summary::after {
+	transform: rotate(180deg);
+}
+
+header details nav {
+	position: absolute;
+	top: 100%;
+	right: -0.5rem;
+	display: flex;
+	flex-direction: column;
+	gap: 0.75rem;
+	background: rgba(185, 185, 185, 0.1);
+	backdrop-filter: blur(4px);
+	border: 1px solid #5fbeeb;
+	border-radius: 1rem;
+	padding: 1rem 1.5rem;
+	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
+	opacity: 0;
+	transform: translateY(-8px);
+	pointer-events: none;
+	transition:
+		opacity 0.3s ease,
+		transform 0.3s ease;
+	z-index: 1000;
+}
+
+header details[open] nav {
+	opacity: 1;
+	transform: translateY(0);
+	pointer-events: auto;
+}
+
+header details nav a {
+	font-size: 1.1rem;
+	padding: 0.25rem 0;
+	white-space: nowrap;
+}
+
+@media (prefers-color-scheme: light) {
+	header {
+		background-color: #ffffff;
+	}
+
+	button {
+		background-color: #ffffff;
+	}
+}
+`;