create-absolutejs 0.5.0 → 0.6.0

package/dist/messages.js

@@ -11,10 +11,11 @@ Options:
   ${cyan('--help, -h')}                      Show this help message and exit
   ${cyan('--debug, -d')}                     Display a summary of the project configuration after creation
 
+  ${cyan('--abs-provider')}                  A provider for Absolute-Auth (eg. 'google', 'github', 'discord') the full list is available at https://absolutejs.com/documentation/absolute-auth   
   ${cyan('--angular')}                       Include an Angular frontend
   ${cyan('--angular-dir')} ${dim(cyan('<directory>'))}       Specify the directory for and use the Angular frontend
   ${cyan('--assets')} ${dim(cyan('<directory>'))}            Directory name for your static assets
-  ${cyan('--auth')} ${dim(cyan('<plugin>'))}                 Pre-configured auth plugin (currently only "absolute-auth") or 'none'
+  ${cyan('--auth')} ${dim(cyan('<plugin>'))}                 Pre-configured auth plugin (currently only "abs") or 'none'
   ${cyan('--biome')}                         Use Biome for code quality and formatting
   ${cyan('--build')} ${dim(cyan('<directory>'))}             Output directory for build artifacts
   ${cyan('--db')} ${dim(cyan('<engine>'))}                   Database engine (postgresql | mysql | sqlite | mongodb | mariadb | gel | singlestore | cockroachdb | mssql) or 'none'
@@ -34,7 +35,7 @@ Options:
   ${cyan('--plugin')} ${dim(cyan('<plugin>'))}               Elysia plugin(s) to include (repeatable); 'none' skips plugin setup
   ${cyan('--react')}                         Include a React frontend
   ${cyan('--react-dir')} ${dim(cyan('<directory>'))}         Specify the directory for and use the React frontend
-  ${cyan('--skip')}                          Skip non-required prompts; uses 'none' for all optional configs
+  ${cyan('--skip')}                          Skip non-required prompts; use 'none' for all optional configs and "absolutejs-project" when no project name is provided.
   ${cyan('--svelte')}                        Include a Svelte frontend
   ${cyan('--svelte-dir')} ${dim(cyan('<directory>'))}        Specify the directory for and use the Svelte frontend
   ${cyan('--tailwind')}                      Include Tailwind CSS setup
@@ -47,7 +48,7 @@ export const getOutroMessage = ({ projectName, packageManager, installDependenci
     `${cyan('cd')} ${projectName}\n` +
     `${installDependenciesNow ? '' : `${cyan(`${packageManager} install`)}\n`}` +
     `${cyan(`${packageManager} dev`)}`; // TODO: Some package managers need run
-export const getDebugMessage = ({ response: { projectName, codeQualityTool, directoryConfig, useTailwind, tailwind, frontends, useHTMLScripts, frontendDirectories, buildDirectory, assetsDirectory, databaseEngine, databaseHost, databaseDirectory, orm, authProvider, plugins, initializeGitNow, installDependenciesNow }, packageManager }) => {
+export const getDebugMessage = ({ response: { projectName, codeQualityTool, directoryConfig, useTailwind, tailwind, frontends, useHTMLScripts, frontendDirectories, buildDirectory, assetsDirectory, databaseEngine, databaseHost, databaseDirectory, orm, authOption, plugins, initializeGitNow, installDependenciesNow }, packageManager }) => {
     const htmlScriptingValue = useHTMLScripts
         ? blueBright('TypeScript')
         : dim('None');
@@ -73,7 +74,7 @@ export const getDebugMessage = ({ response: { projectName, codeQualityTool, dire
         ['Database Host', databaseHost && databaseHost !== 'none' ? databaseHost : dim('None')],
         ['Database Directory', databaseDirectory ?? dim('None')],
         ['ORM', orm ?? dim('None')],
-        ['Auth Provider', authProvider && authProvider !== 'none' ? authProvider : dim('None')],
+        ['Auth Provider', authOption && authOption !== 'none' ? authOption : dim('None')],
         ['Plugins', plugins.length && !plugins.includes('none') ? plugins.join(', ') : dim('None')],
         ['Initialize Git', initializeGitNow ? green('Yes') : red('No')],
         ['Install Dependencies', installDependenciesNow ? green('Yes') : red('No')],

package/dist/prompt.js

@@ -1,4 +1,4 @@
-import { getAuthProvider } from './questions/authProvider';
+import { getAuthOption } from './questions/authOption';
 import { getCodeQualityTool } from './questions/codeQualityTool';
 import { getConfigurationType } from './questions/configurationType';
 import { getDatabaseEngine } from './questions/databaseEngine';
@@ -51,7 +51,7 @@ export const prompt = async (argumentConfiguration) => {
     if (argumentConfiguration.frontendDirectories !== undefined)
         directoryConfig = 'custom';
     // 12. Auth provider
-    const authProvider = argumentConfiguration.authProvider ?? (await getAuthProvider());
+    const authOption = argumentConfiguration.authOption ?? (await getAuthOption());
     // 13. Additional plugins
     const plugins = argumentConfiguration.plugins?.filter((plugin) => plugin !== undefined) ?? (await getPlugins());
     // 14. Initialize Git repository
@@ -60,8 +60,9 @@ export const prompt = async (argumentConfiguration) => {
     const installDependenciesNow = argumentConfiguration.installDependenciesNow ??
         (await getInstallDependencies());
     const values = {
+        absProviders: argumentConfiguration.absProviders?.filter((provider) => provider !== undefined),
         assetsDirectory,
-        authProvider,
+        authOption,
         buildDirectory,
         codeQualityTool,
         databaseDirectory,

package/dist/questions/authOption.d.ts

@@ -0,0 +1 @@
+export declare const getAuthOption: () => Promise<"abs" | undefined>;

package/dist/questions/{authProvider.js → authOption.js}

@@ -1,15 +1,15 @@
 import { select, isCancel } from '@clack/prompts';
 import { cyan } from 'picocolors';
 import { abort } from '../utils/abort';
-export const getAuthProvider = async () => {
-    const authProvider = await select({
+export const getAuthOption = async () => {
+    const authOption = await select({
         message: 'Auth provider:',
         options: [
             { label: 'None', value: 'none' },
-            { label: cyan('Absolute Auth'), value: 'absoluteAuth' }
+            { label: cyan('Absolute Auth'), value: 'abs' }
         ]
     });
-    if (isCancel(authProvider))
+    if (isCancel(authOption))
         abort();
-    return authProvider === 'none' ? undefined : authProvider;
+    return authOption === 'none' ? undefined : authOption;
 };

package/dist/questions/databaseHost.js

@@ -15,6 +15,18 @@ export const getDatabaseHost = async (databaseEngine) => {
             abort();
         return databaseHost === 'none' ? undefined : databaseHost;
     }
+    if (databaseEngine === 'mysql') {
+        const databaseHost = await select({
+            message: 'Select database host:',
+            options: [
+                { label: 'None', value: 'none' },
+                { label: cyan('PlanetScale'), value: 'planetscale' }
+            ]
+        });
+        if (isCancel(databaseHost))
+            abort();
+        return databaseHost === 'none' ? undefined : databaseHost;
+    }
     if (databaseEngine === 'sqlite') {
         const databaseHost = await select({
             message: 'Select database host:',

package/dist/scaffold.d.ts

@@ -5,5 +5,5 @@ type ScaffoldProps = {
     latest: boolean;
     envVariables: string[] | undefined;
 };
-export declare const scaffold: ({ response: { projectName, codeQualityTool, initializeGitNow, databaseEngine, databaseHost, useHTMLScripts, useTailwind, databaseDirectory, orm, frontends, plugins, authProvider, buildDirectory, assetsDirectory, tailwind, installDependenciesNow, frontendDirectories }, latest, envVariables, packageManager }: ScaffoldProps) => Promise<void>;
+export declare const scaffold: ({ response: { projectName, codeQualityTool, initializeGitNow, databaseEngine, databaseHost, useHTMLScripts, useTailwind, databaseDirectory, absProviders, orm, frontends, plugins, authOption, buildDirectory, assetsDirectory, tailwind, installDependenciesNow, frontendDirectories }, latest, envVariables, packageManager }: ScaffoldProps) => Promise<void>;
 export {};

package/dist/scaffold.js

@@ -1,6 +1,6 @@
-import { copyFileSync } from 'node:fs';
-import { join, dirname } from 'node:path';
-import { fileURLToPath } from 'node:url';
+import { copyFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
 import { formatProject } from './commands/formatProject';
 import { initializeGit } from './commands/initializeGit';
 import { installDependencies } from './commands/installDependencies';
@@ -8,9 +8,9 @@ import { createPackageJson } from './generators/configurations/generatePackageJs
 import { initalizeRoot } from './generators/configurations/initializeRoot';
 import { scaffoldConfigurationFiles } from './generators/configurations/scaffoldConfigurationFiles';
 import { scaffoldDatabase } from './generators/db/scaffoldDatabase';
-import { generateServerFile } from './generators/project/generateServer';
+import { scaffoldBackend } from './generators/project/scaffoldBackend';
 import { scaffoldFrontends } from './generators/project/scaffoldFrontends';
-export const scaffold = async ({ response: { projectName, codeQualityTool, initializeGitNow, databaseEngine, databaseHost, useHTMLScripts, useTailwind, databaseDirectory, orm, frontends, plugins, authProvider, buildDirectory, assetsDirectory, tailwind, installDependenciesNow, frontendDirectories }, latest, envVariables, packageManager }) => {
+export const scaffold = async ({ response: { projectName, codeQualityTool, initializeGitNow, databaseEngine, databaseHost, useHTMLScripts, useTailwind, databaseDirectory, absProviders, orm, frontends, plugins, authOption, buildDirectory, assetsDirectory, tailwind, installDependenciesNow, frontendDirectories }, latest, envVariables, packageManager }) => {
     const __dirname = dirname(fileURLToPath(import.meta.url));
     const templatesDirectory = join(__dirname, '/templates');
     const { frontendDirectory, backendDirectory, projectAssetsDirectory, typesDirectory } = initalizeRoot(projectName, templatesDirectory);
@@ -27,7 +27,7 @@ export const scaffold = async ({ response: { projectName, codeQualityTool, initi
         templatesDirectory
     });
     createPackageJson({
-        authProvider,
+        authOption,
         codeQualityTool,
         databaseEngine,
         databaseHost,
@@ -38,9 +38,10 @@ export const scaffold = async ({ response: { projectName, codeQualityTool, initi
         projectName,
         useTailwind
     });
-    generateServerFile({
+    scaffoldBackend({
+        absProviders,
         assetsDirectory,
-        authProvider,
+        authOption,
         backendDirectory,
         buildDirectory,
         databaseEngine,
@@ -54,7 +55,7 @@ export const scaffold = async ({ response: { projectName, codeQualityTool, initi
         databaseEngine !== 'none' &&
         databaseEngine !== undefined &&
         (await scaffoldDatabase({
-            authProvider,
+            authOption,
             backendDirectory,
             databaseDirectory,
             databaseEngine,
@@ -64,6 +65,9 @@ export const scaffold = async ({ response: { projectName, codeQualityTool, initi
             typesDirectory
         })));
     scaffoldFrontends({
+        absProviders,
+        assetsDirectory,
+        authOption,
         frontendDirectories,
         frontendDirectory,
         frontends,

package/dist/templates/assets/svg/google-logo.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+    <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z" />
+    <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z" />
+    <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z" />
+    <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z" />
+    <path fill="none" d="M0 0h48v48H0z" />
+</svg>

package/dist/templates/react/components/OAuthLink.tsx

@@ -0,0 +1,39 @@
+import { ProviderOption } from 'citra';
+
+type OAuthLinkProps = {
+	logoUrl: string;
+	name: string;
+	provider: Lowercase<ProviderOption> | undefined;
+	mode: 'in' | 'up';
+};
+
+export const OAuthLink = ({
+	provider,
+	logoUrl,
+	name,
+	mode
+}: OAuthLinkProps) => {
+	const buttonText = `Sign ${mode} with ${name}`;
+
+	return (
+		<a
+			style={{
+				alignItems: 'center',
+				display: 'flex',
+				gap: '0.5rem'
+			}}
+			href={provider ? `/oauth2/${provider}/authorization` : undefined}
+		>
+			{provider ? (
+				<img
+					style={{ height: '2rem', width: '2rem' }}
+					alt={`${name} logo`}
+					src={logoUrl}
+				/>
+			) : (
+				<p>Provider not configured</p>
+			)}
+			<span>{buttonText}</span>
+		</a>
+	);
+};

package/dist/templates/react/components/ProfilePicture.tsx

@@ -0,0 +1,56 @@
+type ProfilePictureProps = {
+	userImage: string | null | undefined;
+	givenName?: string;
+	familyName?: string;
+	color?: string;
+	width?: string;
+	height?: string;
+	fontSize?: string;
+};
+
+export const ProfilePicture = ({
+	userImage,
+	givenName = '',
+	familyName = '',
+	color = '#4285F4',
+	width = '2rem',
+	height = '2rem',
+	fontSize = '0.85rem'
+}: ProfilePictureProps) => {
+	if (userImage) {
+		return (
+			<img
+				alt="Profile"
+				src={userImage}
+				style={{
+					borderRadius: '50%',
+					height,
+					objectFit: 'cover',
+					width
+				}}
+			/>
+		);
+	}
+
+	const initials = `${givenName.charAt(0).toUpperCase()}${familyName.charAt(0).toUpperCase()}`;
+
+	return (
+		<div
+			style={{
+				alignItems: 'center',
+				backgroundColor: color,
+				borderRadius: '50%',
+				color: 'white',
+				display: 'flex',
+				fontSize,
+				fontWeight: 600,
+				height,
+				justifyContent: 'center',
+				userSelect: 'none',
+				width
+			}}
+		>
+			{initials}
+		</div>
+	);
+};

package/dist/templates/styles/tailwind.css

@@ -0,0 +1 @@
+@import 'tailwindcss';

package/dist/typeGuards.d.ts

@@ -1,5 +1,5 @@
-import type { AuthProvider, AvailableDrizzleDialect, CodeQualityTool, DatabaseEngine, DatabaseHost, Frontend, ORM } from './types';
-export declare const isAuthProvider: (value: string | undefined) => value is AuthProvider;
+import type { AuthOption, AvailableDrizzleDialect, CodeQualityTool, DatabaseEngine, DatabaseHost, Frontend, ORM } from './types';
+export declare const isValidAuthOption: (value: string | undefined) => value is AuthOption;
 export declare const isDirectoryConfig: (value: string) => value is "default" | "custom";
 export declare const isDrizzleDialect: (value: string | undefined) => value is AvailableDrizzleDialect;
 export declare const isPrismaDialect: (value: string | undefined) => value is string;

package/dist/typeGuards.js

@@ -1,5 +1,5 @@
 import { availableDatabaseEngines, availableDatabaseHosts, availableDrizzleDialects, availablePrismaDialects, frontendLabels } from './data';
-export const isAuthProvider = (value) => value === 'absoluteAuth' || value === 'none' || value === undefined;
+export const isValidAuthOption = (value) => value === 'abs' || value === 'none' || value === undefined;
 export const isDirectoryConfig = (value) => value === 'default' || value === 'custom';
 export const isDrizzleDialect = (value) => availableDrizzleDialects.some((dialect) => dialect === value);
 export const isPrismaDialect = (value) => availablePrismaDialects.some((dialect) => dialect === value);

package/dist/types.d.ts

@@ -1,5 +1,9 @@
+import { ProviderOption } from '@absolutejs/auth';
 import { availableAuthProviders, availableCodeQualityTools, availableDatabaseEngines, availableDatabaseHosts, availableDirectoryConfigurations, availableDrizzleDialects, availableFrontends, availableORMs, availablePrismaDialects } from './data';
 export type ScaffoldFrontendProps = {
+    absProviders: ProviderOption[] | undefined;
+    assetsDirectory: string;
+    authOption: AuthOption;
     targetDirectory: string;
     templatesDirectory: string;
     projectAssetsDirectory: string;
@@ -21,7 +25,7 @@ export type AvailableDependency = {
     latestVersion: string;
 };
 export type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
-export type AuthProvider = (typeof availableAuthProviders)[number] | undefined;
+export type AuthOption = (typeof availableAuthProviders)[number] | undefined;
 export type AvailableDrizzleDialect = (typeof availableDrizzleDialects)[number];
 export type AvailablePrismaDialect = (typeof availablePrismaDialects)[number];
 export type DatabaseEngine = (typeof availableDatabaseEngines)[number] | undefined;
@@ -34,8 +38,9 @@ export type TailwindConfig = {
     output: string;
 } | undefined;
 export type CreateConfiguration = {
+    absProviders: ProviderOption[] | undefined;
     assetsDirectory: string;
-    authProvider: AuthProvider;
+    authOption: AuthOption;
     buildDirectory: string;
     directoryConfig: DirectoryConfiguration;
     databaseEngine: DatabaseEngine;

package/dist/utils/abort.js

@@ -1,4 +1,4 @@
-import { exit } from 'node:process';
+import { exit } from 'process';
 import { cancel } from '@clack/prompts';
 /* eslint-disable */
 export function abort() {

package/dist/utils/parseCommandLineOptions.js

@@ -1,14 +1,16 @@
-import { argv, exit } from 'node:process';
-import { parseArgs } from 'node:util';
+import { argv, exit } from 'process';
+import { parseArgs } from 'util';
+import { isValidProviderOption, providers } from '@absolutejs/auth';
 import { DEFAULT_ARG_LENGTH } from '../constants';
 import { availableAuthProviders, availableDatabaseEngines, availableDatabaseHosts, availableDirectoryConfigurations, availableDrizzleDialects, availableORMs, availablePrismaDialects } from '../data';
-import { isAuthProvider, isDatabaseEngine, isDatabaseHost, isDirectoryConfig, isDrizzleDialect, isORM, isPrismaDialect } from '../typeGuards';
+import { isValidAuthOption, isDatabaseEngine, isDatabaseHost, isDirectoryConfig, isDrizzleDialect, isORM, isPrismaDialect } from '../typeGuards';
 export const parseCommandLineOptions = () => {
     const { values, positionals } = parseArgs({
         allowNegative: true,
         allowPositionals: true,
         args: argv.slice(DEFAULT_ARG_LENGTH),
         options: {
+            'abs-provider': { multiple: true, type: 'string' },
             angular: { type: 'boolean' },
             'angular-dir': { type: 'string' },
             assets: { type: 'string' },
@@ -46,16 +48,34 @@ export const parseCommandLineOptions = () => {
         }
     });
     const errors = [];
-    const projectName = positionals[0] ?? (values.skip ? undefined : 'absolutejs-project');
-    let authProvider;
-    if (values.auth !== undefined && !isAuthProvider(values.auth)) {
+    const projectName = positionals[0] ?? (values.skip ? 'absolutejs-project' : undefined);
+    let authOption;
+    if (values.auth !== undefined && !isValidAuthOption(values.auth)) {
         errors.push(`Invalid auth provider: "${values.auth}". Expected: [ ${availableAuthProviders.join(', ')} ]`);
     }
     else if (values.auth !== undefined) {
-        authProvider = values.auth;
+        authOption = values.auth;
     }
     else if (values.skip) {
-        authProvider = 'none';
+        authOption = 'none';
+    }
+    const absProviders = [];
+    if (values['abs-provider'] !== undefined) {
+        if (authOption === undefined || authOption === 'none') {
+            authOption = 'abs';
+        }
+        else if (authOption !== 'abs') {
+            errors.push(`Invalid auth configuration: "--abs-provider" specified but auth provider is set to "${authOption}". "--abs-provider" can only be used with "abs" auth provider.`);
+        }
+        for (const provider of values['abs-provider']) {
+            if (!isValidProviderOption(provider)) {
+                errors.push(`Invalid Absolute-Auth provider: "${provider}". Expected: ${Object.keys(providers).join(', ')}`);
+                continue;
+            }
+            else {
+                absProviders.push(provider);
+            }
+        }
     }
     let databaseEngine;
     if (values.db !== undefined && !isDatabaseEngine(values.db)) {
@@ -216,8 +236,9 @@ export const parseCommandLineOptions = () => {
     }
     values.env = validEnv.length ? validEnv : undefined;
     const argumentConfiguration = {
+        absProviders: absProviders.length ? absProviders : undefined,
         assetsDirectory: values.assets,
-        authProvider,
+        authOption,
         buildDirectory: values.build,
         codeQualityTool,
         databaseDirectory,

package/dist/utils/t3-utils.js

@@ -1,4 +1,4 @@
-import { env } from 'node:process';
+import { env } from 'process';
 /**
  * @author Adapted from the create-t3-app project
  * @see https://github.com/t3-oss/create-t3-app

package/package.json

@@ -9,6 +9,7 @@
 	},
 	"description": "A CLI tool to create a new AbsoluteJS project",
 	"devDependencies": {
+		"@absolutejs/auth": "0.21.1",
 		"@stylistic/eslint-plugin-ts": "4.2.0",
 		"@types/bun": "latest",
 		"@types/react": "19.1.4",
@@ -47,5 +48,5 @@
 		"typecheck": "bun run tsc --noEmit"
 	},
 	"type": "module",
-	"version": "0.5.0"
+	"version": "0.6.0"
 }

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

@@ -1,6 +0,0 @@
-import type { AvailableDependency, DatabaseEngine, ORM } from '../../types';
-export declare const generateUseBlock: ({ deps, databaseEngine, orm }: {
-    deps: AvailableDependency[];
-    databaseEngine: DatabaseEngine;
-    orm: ORM;
-}) => string;

package/dist/generators/project/generateUseBlock.js

@@ -1,32 +0,0 @@
-export const generateUseBlock = ({ deps, databaseEngine, orm }) => deps
-    .flatMap((dependency) => dependency.imports ?? [])
-    .filter((pluginImport) => pluginImport.isPlugin)
-    .map((pluginImport) => {
-    const isAuth = pluginImport.packageName === 'absoluteAuth';
-    if (isAuth) {
-        const baseConfigString = pluginImport.config !== null
-            ? JSON.stringify(pluginImport.config).slice(1, -1)
-            : '';
-        const hasDatabase = databaseEngine !== undefined && databaseEngine !== 'none';
-        const hasOrm = orm !== undefined && orm !== 'none';
-        const instantiate = 'instantiateUserSession';
-        const pluginGeneric = hasOrm ? '<User>' : '';
-        const callback = hasDatabase
-            ? `async ({ authProvider, providerInstance, tokenResponse, unregisteredSession, cookie: { user_session_id }, session }) => ${instantiate}(
-						{ authProvider, providerInstance, session, tokenResponse, unregisteredSession, user_session_id, 
-						 	getUser: async (userIdentity) => getUser({ authProvider, db, userIdentity }),
-							onNewUser: async (userIdentity) => createUser({ authProvider, db, userIdentity })
-						})`
-            : `({ authProvider, tokenResponse, userSessionId }) => { console.log(\`Successfully authorized OAuth2 with \${authProvider} (session: \${userSessionId})\`, tokenResponse); }`;
-        const mergedConfig = `{ ${baseConfigString}${baseConfigString ? ',' : ''} onCallbackSuccess: ${callback} }`;
-        return `.use(absoluteAuth${pluginGeneric}(${mergedConfig}))`;
-    }
-    if (pluginImport.config === undefined) {
-        return `.use(${pluginImport.packageName})`;
-    }
-    if (pluginImport.config === null) {
-        return `.use(${pluginImport.packageName}())`;
-    }
-    return `.use(${pluginImport.packageName}(${JSON.stringify(pluginImport.config)}))`;
-})
-    .join('\n');

package/dist/generators/react/generateReactPage.d.ts

@@ -1,2 +0,0 @@
-import { Frontend } from '../../types';
-export declare const generateDropdownComponent: (frontends: Frontend[]) => string;

package/dist/generators/react/generateReactPage.js

@@ -1,23 +0,0 @@
-import { formatNavLink } from '../../utils/formatNavLink';
-export const generateDropdownComponent = (frontends) => {
-    const navLinks = frontends.map(formatNavLink).join('\n\t\t\t');
-    return `import { useState } from 'react';
-      
-      export const Dropdown = () => {
-        const [isOpen, setIsOpen] = useState(false);
-      
-        return (
-            <details
-                onPointerEnter={() => setIsOpen(true)}
-                onPointerLeave={() => setIsOpen(false)}
-                open={isOpen}
-            >
-                <summary>Pages</summary>
-                <nav>
-                    ${navLinks}
-                </nav>
-            </details>
-        );
-      };
-      `;
-};

package/dist/questions/authProvider.d.ts

@@ -1 +0,0 @@
-export declare const getAuthProvider: () => Promise<"absoluteAuth" | undefined>;

package/dist/templates/react/pages/ReactExample.tsx

@@ -1,18 +0,0 @@
-import { App } from '../components/App';
-import { Dropdown } from '../components/Dropdown';
-import { Head } from '../components/Head';
-
-type ReactExampleProps = { initialCount: number; cssPath: string };
-
-export const ReactExample = ({ initialCount, cssPath }: ReactExampleProps) => (
-	<html>
-		<Head cssPath={cssPath} />
-		<body>
-			<header>
-				<a href="/">AbsoluteJS</a>
-				<Dropdown />
-			</header>
-			<App initialCount={initialCount} />
-		</body>
-	</html>
-);