create-absolutejs 0.3.4 → 0.3.6

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

@@ -1,7 +1,7 @@
 import type { AvailableDependency, CreateConfiguration } from '../../types';
 type CreateServerFileProps = Pick<CreateConfiguration, 'tailwind' | 'authProvider' | 'plugins' | 'buildDirectory' | 'assetsDirectory' | 'frontendDirectories'> & {
     availablePlugins: AvailableDependency[];
-    serverFilePath: string;
+    backendDirectory: string;
 };
-export declare const createServerFile: ({ tailwind, frontendDirectories, serverFilePath, authProvider, availablePlugins, buildDirectory, assetsDirectory, plugins }: CreateServerFileProps) => void;
+export declare const generateServerFile: ({ tailwind, frontendDirectories, backendDirectory, authProvider, availablePlugins, buildDirectory, assetsDirectory, plugins }: CreateServerFileProps) => void;
 export {};

package/dist/generators/project/generateServer.js

@@ -1,7 +1,10 @@
-import { writeFileSync } from 'fs';
+import { mkdirSync, writeFileSync } from 'fs';
+import { join } from 'path';
 import { UNFOUND_INDEX } from '../../constants';
 import { absoluteAuthPlugin, defaultDependencies, defaultPlugins, scopedStatePlugin } from '../../data';
-export const createServerFile = ({ tailwind, frontendDirectories, serverFilePath, authProvider, availablePlugins, buildDirectory, assetsDirectory, plugins }) => {
+export const generateServerFile = ({ tailwind, frontendDirectories, backendDirectory, authProvider, availablePlugins, buildDirectory, assetsDirectory, plugins }) => {
+    const serverFilePath = join(backendDirectory, 'server.ts');
+    console.log(`Generating server file at ${serverFilePath}`);
     const htmlDirectory = frontendDirectories['html'];
     const reactDirectory = frontendDirectories['react'];
     const svelteDirectory = frontendDirectories['svelte'];
@@ -87,7 +90,25 @@ export const createServerFile = ({ tailwind, frontendDirectories, serverFilePath
         const vueImportSource = vueDirectory === ''
             ? '../frontend/pages/VueExample'
             : `../frontend/${vueDirectory}/pages/VueExample`;
-        importLines.push(`import VueExample from '${vueImportSource}.vue';`);
+        const vueImportLine = requiresSvelte
+            ? `import { vueImports } from './utils/vueImporter';\n\nconst { VueExample } = vueImports;`
+            : `import VueExample from '${vueImportSource}.vue';`;
+        importLines.push(vueImportLine);
+    }
+    if (requiresVue && requiresSvelte) {
+        const vueImporter = `// This file is auto-generated by the AbsoluteJS project generator. 
+		// It is required to use Vue and Svelte together in the same project. 
+		// This is due to how the Vue Official plugin handles non .ts files.
+
+import VueExample from "../../frontend/vue/pages/VueExample.vue";
+
+export const vueImports = {
+	VueExample
+} as const;
+`;
+        const backendUtilsDirectory = join(backendDirectory, 'utils');
+        mkdirSync(backendUtilsDirectory, { recursive: true });
+        writeFileSync(join(backendUtilsDirectory, 'vueImporter.ts'), vueImporter);
     }
     const useStatements = uniqueDependencies
         .flatMap(({ imports }) => imports ?? [])
@@ -102,7 +123,7 @@ export const createServerFile = ({ tailwind, frontendDirectories, serverFilePath
     const manifestOptions = [
         `assetsDirectory: '${assetsDirectory}'`,
         `buildDirectory: '${buildDirectory}'`,
-        ...Object.entries(frontendDirectories).map(([frameworkName, directory]) => `${frameworkName}Directory: './src/frontend/${directory}'`),
+        ...Object.entries(frontendDirectories).map(([frameworkName, directory]) => `${frameworkName}Directory: 'src/frontend/${directory}'`),
         tailwind ? `tailwind: ${JSON.stringify(tailwind)}` : ''
     ].filter(Boolean);
     const manifestDeclaration = `${nonFrameworkOnly ? '' : 'const manifest = '}await build({

package/dist/scaffold.js

@@ -8,7 +8,7 @@ import { addConfigurationFiles } from './generators/configurations/addConfigurat
 import { createPackageJson } from './generators/configurations/generatePackageJson';
 import { initalizeRoot } from './generators/configurations/initializeRoot';
 import { scaffoldDatabase } from './generators/db/scaffoldDatabase';
-import { createServerFile } from './generators/project/generateServer';
+import { generateServerFile } from './generators/project/generateServer';
 import { scaffoldFrontends } from './generators/project/scaffoldFrontends';
 export const scaffold = ({ response: { projectName, codeQualityTool, initializeGitNow, databaseEngine, 
 // databaseHost,
@@ -34,15 +34,14 @@ useHTMLScripts, useTailwind, databaseDirectory, orm, frontends, plugins, authPro
         projectName,
         useTailwind
     });
-    const serverFilePath = join(backendDirectory, 'server.ts');
-    createServerFile({
+    generateServerFile({
         assetsDirectory,
         authProvider,
         availablePlugins,
+        backendDirectory,
         buildDirectory,
         frontendDirectories,
         plugins,
-        serverFilePath,
         tailwind
     });
     void (databaseDirectory !== undefined &&

package/package.json

@@ -47,5 +47,5 @@
 		"typecheck": "bun run tsc --noEmit"
 	},
 	"type": "module",
-	"version": "0.3.4"
+	"version": "0.3.6"
 }