create-absolutejs 0.6.1 → 0.7.0

package/dist/generators/project/generateMarkupCSS.js

@@ -1,148 +1,148 @@
-export const generateMarkupCSS = (frontend, color, 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.${frontend}:hover {
-	filter: drop-shadow(0 0 2rem ${color});
-}
-
-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;
-	}
-}
+export const generateMarkupCSS = (frontend, color, 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.${frontend}:hover {
+	filter: drop-shadow(0 0 2rem ${color});
+}
+
+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;
+	}
+}
 ${frontend === 'react'
-    ? `\n@keyframes logo-spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-@media (prefers-reduced-motion: no-preference) {
-	a:nth-of-type(2) .logo {
-		animation: logo-spin infinite 20s linear;
-	}
+    ? `\n@keyframes logo-spin {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+@media (prefers-reduced-motion: no-preference) {
+	a:nth-of-type(2) .logo {
+		animation: logo-spin infinite 20s linear;
+	}
 }`
     : ''}`;

package/dist/generators/project/generateRoutesBlock.d.ts

@@ -1,10 +1,11 @@
-import type { AuthOption, FrontendDirectories } from '../../types';
+import type { AuthOption, CreateConfiguration, FrontendDirectories } from '../../types';
 import type { FrameworkFlags } from './computeFlags';
 type GenerateRoutesBlockProps = {
+    databaseEngine: CreateConfiguration['databaseEngine'];
     flags: FrameworkFlags;
     frontendDirectories: FrontendDirectories;
     authOption: AuthOption;
     buildDirectory: string;
 };
-export declare const generateRoutesBlock: ({ flags, frontendDirectories, authOption, buildDirectory }: GenerateRoutesBlockProps) => string;
+export declare const generateRoutesBlock: ({ databaseEngine, flags, frontendDirectories, authOption, buildDirectory }: GenerateRoutesBlockProps) => string;
 export {};

package/dist/generators/project/generateRoutesBlock.js

@@ -1,18 +1,19 @@
 import { isFrontend } from '../../typeGuards';
-export const generateRoutesBlock = ({ flags, frontendDirectories, authOption, buildDirectory }) => {
+export const generateRoutesBlock = ({ databaseEngine, flags, frontendDirectories, authOption, buildDirectory }) => {
+    const hasDatabase = databaseEngine !== undefined && databaseEngine !== 'none';
     const routes = [];
     const wrap = (handlerCall) => authOption === 'abs'
-        ? `async ({ cookie: { auth_provider, user_session_id }, store: { session }, status }) => {
-    const { user, error } = await getStatus(session, user_session_id);
-
-    if (error) {
-      return status(error.code, error.message);
-    }
-
-    const providerConfiguration =
-      auth_provider.value && providers[auth_provider.value];
-
-    return ${handlerCall};
+        ? `async ({ cookie: { auth_provider, user_session_id }, store: { session }, status }) => {
+    const { user, error } = await getStatus(session, user_session_id);
+
+    if (error) {
+      return status(error.code, error.message);
+    }
+
+    const providerConfiguration =
+      auth_provider.value && providers[auth_provider.value];
+
+    return ${handlerCall};
   }`
         : `() => ${handlerCall}`;
     const createHandlerCall = (frontend, directory) => {
@@ -25,33 +26,33 @@ export const generateRoutesBlock = ({ flags, frontendDirectories, authOption, bu
             const reactProps = authOption === 'abs'
                 ? `{ initialCount: 0, cssPath: asset(manifest, 'ReactExampleCSS'), user, providerConfiguration }`
                 : `{ initialCount: 0, cssPath: asset(manifest, 'ReactExampleCSS') }`;
-            return `handleReactPageRequest(
-    ReactExample,
-    asset(manifest, 'ReactExampleIndex'),
-    ${reactProps}
+            return `handleReactPageRequest(
+    ReactExample,
+    asset(manifest, 'ReactExampleIndex'),
+    ${reactProps}
   )`;
         }
         if (frontend === 'svelte')
-            return `handleSveltePageRequest(
-    SvelteExample,
-    asset(manifest, 'SvelteExample'),
-    asset(manifest, 'SvelteExampleIndex'),
-    { initialCount: 0, cssPath: asset(manifest, 'SvelteExampleCSS') }
+            return `handleSveltePageRequest(
+    SvelteExample,
+    asset(manifest, 'SvelteExample'),
+    asset(manifest, 'SvelteExampleIndex'),
+    { initialCount: 0, cssPath: asset(manifest, 'SvelteExampleCSS') }
   )`;
         if (frontend === 'vue') {
             const vueComponent = flags.requiresSvelte
                 ? 'vueImports.VueExample'
                 : 'VueExample';
-            return `handleVuePageRequest(
-    ${vueComponent},
-    asset(manifest, 'VueExample'),
-    asset(manifest, 'VueExampleIndex'),
-    generateHeadElement({
-      cssPath: asset(manifest, 'VueExampleCSS'),
-      title: 'AbsoluteJS + Vue',
-      description: 'A Vue.js example with AbsoluteJS'
-    }),
-    { initialCount: 0 }
+            return `handleVuePageRequest(
+    ${vueComponent},
+    asset(manifest, 'VueExample'),
+    asset(manifest, 'VueExampleIndex'),
+    generateHeadElement({
+      cssPath: asset(manifest, 'VueExampleCSS'),
+      title: 'AbsoluteJS + Vue',
+      description: 'A Vue.js example with AbsoluteJS'
+    }),
+    { initialCount: 0 }
   )`;
         }
         return '';
@@ -74,11 +75,11 @@ export const generateRoutesBlock = ({ flags, frontendDirectories, authOption, bu
             routes.push(`.get('/${frontend}', ${handler})`);
         }
     });
-    if (authOption === undefined || authOption === 'none') {
-        routes.push(`.get('/count/:uid', ({ params: { uid } }) => getCountHistory(db, uid), {
-    params: t.Object({ uid: t.Number() })
-  })`, `.post('/count', ({ body: { count } }) => createCountHistory(db, count), {
-    body: t.Object({ count: t.Number() })
+    if (hasDatabase && (authOption === undefined || authOption === 'none')) {
+        routes.push(`.get('/count/:uid', ({ params: { uid } }) => getCountHistory(db, uid), {
+    params: t.Object({ uid: t.Number() })
+  })`, `.post('/count', ({ body: { count } }) => createCountHistory(db, count), {
+    body: t.Object({ count: t.Number() })
   })`);
     }
     return routes.join('\n  ');

package/dist/generators/project/generateServer.js

@@ -35,7 +35,10 @@ export const generateServerFile = ({ tailwind, authOption, plugins, buildDirecto
         .filter((pluginImport) => pluginImport.isPlugin)
         .map((pluginImport) => {
         if (pluginImport.packageName === 'absoluteAuth') {
-            return `.use(absoluteAuth(absoluteAuthConfig(db)))`;
+            const hasDatabase = databaseEngine !== undefined && databaseEngine !== 'none';
+            return hasDatabase
+                ? `.use(absoluteAuth(absoluteAuthConfig(db)))`
+                : `.use(absoluteAuth(absoluteAuthConfig()))`;
         }
         if (pluginImport.config === undefined) {
             return `.use(${pluginImport.packageName})`;
@@ -46,30 +49,31 @@ export const generateServerFile = ({ tailwind, authOption, plugins, buildDirecto
         return `.use(${pluginImport.packageName}(${JSON.stringify(pluginImport.config)}))`;
     })
         .join('\n');
-    const guardBlock = `.guard({
-			cookie: t.Cookie({
-				auth_provider: t.Optional(authProviderOption),
-				user_session_id: userSessionIdTypebox
-			})
+    const guardBlock = `.guard({
+			cookie: t.Cookie({
+				auth_provider: t.Optional(authProviderOption),
+				user_session_id: userSessionIdTypebox
+			})
 		})`;
     const routesBlock = generateRoutesBlock({
         authOption,
         buildDirectory,
+        databaseEngine,
         flags,
         frontendDirectories
     });
-    const content = `${importsBlock}
-
-${manifestBlock}
-${dbBlock}
-new Elysia()
-${useBlock}
-${authOption === 'abs' ? guardBlock : ''}
-  ${routesBlock}
-  .on('error', err => {
-    const { request } = err
-    console.error(\`Server error on \${request.method} \${request.url}: \${err.message}\`)
-  });
+    const content = `${importsBlock}
+
+${manifestBlock}
+${dbBlock}
+new Elysia()
+${useBlock}
+${authOption === 'abs' ? guardBlock : ''}
+  ${routesBlock}
+  .on('error', err => {
+    const { request } = err
+    console.error(\`Server error on \${request.method} \${request.url}: \${err.message}\`)
+  });
 `;
     writeFileSync(serverFilePath, content);
 };

package/dist/generators/project/scaffoldBackend.js

@@ -17,7 +17,8 @@ export const scaffoldBackend = ({ assetsDirectory, authOption, absProviders, bac
     });
     if (authOption === 'abs') {
         mkdirSync(join(backendDirectory, 'utils'), { recursive: true });
-        const absoluteAuthConfig = generateAbsoluteAuthConfig(absProviders);
+        const hasDatabase = databaseEngine !== undefined && databaseEngine !== 'none';
+        const absoluteAuthConfig = generateAbsoluteAuthConfig(absProviders, hasDatabase);
         writeFileSync(join(backendDirectory, 'utils', 'absoluteAuthConfig.ts'), absoluteAuthConfig, 'utf-8');
     }
 };

package/dist/generators/project/scaffoldFrontends.d.ts

@@ -1,8 +1,8 @@
 import type { CreateConfiguration } from '../../types';
-type ScaffoldFrontendsProps = Pick<CreateConfiguration, 'useHTMLScripts' | 'frontendDirectories' | 'assetsDirectory' | 'frontends' | 'authOption' | 'absProviders'> & {
+type ScaffoldFrontendsProps = Pick<CreateConfiguration, 'useHTMLScripts' | 'frontendDirectories' | 'assetsDirectory' | 'frontends' | 'authOption' | 'absProviders' | 'useTailwind'> & {
     frontendDirectory: string;
     templatesDirectory: string;
     projectAssetsDirectory: string;
 };
-export declare const scaffoldFrontends: ({ frontendDirectory, assetsDirectory, absProviders, authOption, templatesDirectory, projectAssetsDirectory, useHTMLScripts, frontendDirectories, frontends }: ScaffoldFrontendsProps) => void;
+export declare const scaffoldFrontends: ({ frontendDirectory, assetsDirectory, absProviders, authOption, templatesDirectory, projectAssetsDirectory, useHTMLScripts, useTailwind, frontendDirectories, frontends }: ScaffoldFrontendsProps) => void;
 export {};

package/dist/generators/project/scaffoldFrontends.js

@@ -1,15 +1,18 @@
-import { cpSync, mkdirSync } from 'fs';
+import { copyFileSync, cpSync, mkdirSync } from 'fs';
 import { join } from 'path';
 import { scaffoldHTML } from '../html/scaffoldHTML';
 import { scaffoldHTMX } from '../htmx/scaffoldHTMX';
 import { scaffoldReact } from '../react/scaffoldReact';
 import { scaffoldSvelte } from '../svelte/scaffoldSvelte';
 import { scaffoldVue } from '../vue/scaffoldVue';
-export const scaffoldFrontends = ({ frontendDirectory, assetsDirectory, absProviders, authOption, templatesDirectory, projectAssetsDirectory, useHTMLScripts, frontendDirectories, frontends }) => {
+export const scaffoldFrontends = ({ frontendDirectory, assetsDirectory, absProviders, authOption, templatesDirectory, projectAssetsDirectory, useHTMLScripts, useTailwind, frontendDirectories, frontends }) => {
     const stylesTargetDirectory = join(frontendDirectory, 'styles');
     cpSync(join(templatesDirectory, 'styles'), stylesTargetDirectory, {
         recursive: true
     });
+    if (useTailwind) {
+        copyFileSync(join(templatesDirectory, 'tailwind', 'tailwind.css'), join(stylesTargetDirectory, 'tailwind.css'));
+    }
     const frontendEntries = Object.entries(frontendDirectories);
     const isSingleFrontend = frontendEntries.length === 1;
     const directoryMap = new Map();