create-absolutejs 0.3.1 → 0.3.2

package/dist/generators/project/scaffoldFrontends.js

@@ -0,0 +1,71 @@
+import { cpSync, mkdirSync } from 'node:fs';
+import { join } from 'node: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, templatesDirectory, projectAssetsDirectory, useHTMLScripts, frontendDirectories }) => {
+    const stylesTargetDirectory = join(frontendDirectory, 'styles');
+    cpSync(join(templatesDirectory, 'styles'), stylesTargetDirectory, {
+        recursive: true
+    });
+    const frontendEntries = Object.entries(frontendDirectories);
+    const isSingleFrontend = frontendEntries.length === 1;
+    const directoryMap = new Map();
+    for (const [frontendName, rawDirectory] of frontendEntries) {
+        const directory = rawDirectory?.trim() ?? (isSingleFrontend ? '' : frontendName);
+        if (directoryMap.has(directory)) {
+            throw new Error(`Frontend directory collision: "${directory}" is assigned to both "${directoryMap.get(directory)}" and "${frontendName}". Please pick unique directories.`);
+        }
+        directoryMap.set(directory, frontendName);
+        const targetDirectory = join(frontendDirectory, directory);
+        if (!isSingleFrontend)
+            mkdirSync(targetDirectory);
+        switch (frontendName) {
+            case 'react':
+                scaffoldReact({
+                    isSingleFrontend,
+                    projectAssetsDirectory,
+                    targetDirectory,
+                    templatesDirectory
+                });
+                break;
+            case 'svelte':
+                scaffoldSvelte({
+                    isSingleFrontend,
+                    projectAssetsDirectory,
+                    targetDirectory,
+                    templatesDirectory
+                });
+                break;
+            case 'vue':
+                scaffoldVue({
+                    projectAssetsDirectory,
+                    targetDirectory,
+                    templatesDirectory
+                });
+                break;
+            case 'angular':
+                console.warn('Angular is not yet supported. Refer to the documentation for more information.');
+                break;
+            case 'html':
+                scaffoldHTML({
+                    isSingleFrontend,
+                    projectAssetsDirectory,
+                    targetDirectory,
+                    templatesDirectory,
+                    useHTMLScripts
+                });
+                break;
+            case 'htmx':
+                scaffoldHTMX({
+                    isSingleFrontend,
+                    projectAssetsDirectory,
+                    targetDirectory,
+                    templatesDirectory
+                });
+                break;
+        }
+    }
+};

package/dist/generators/react/scaffoldReact.js

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

package/dist/generators/svelte/scaffoldSvelte.js

@@ -0,0 +1,13 @@
+import { copyFileSync, cpSync, mkdirSync, writeFileSync } from 'fs';
+import { join } from 'path';
+export const scaffoldSvelte = ({ isSingleFrontend, targetDirectory, templatesDirectory, projectAssetsDirectory }) => {
+    copyFileSync(join(templatesDirectory, 'assets', 'svg', 'svelte-logo.svg'), join(projectAssetsDirectory, 'svg', 'svelte-logo.svg'));
+    cpSync(join(templatesDirectory, 'svelte'), targetDirectory, {
+        recursive: true
+    });
+    const cssOutputDirectory = join(targetDirectory, 'styles');
+    mkdirSync(cssOutputDirectory, { recursive: true });
+    const cssOutputFile = join(cssOutputDirectory, 'svelte-example.css');
+    const svelteCSS = `@import url('${isSingleFrontend ? '../' : '../../'}styles/reset.css');`;
+    writeFileSync(cssOutputFile, svelteCSS, 'utf-8');
+};

package/dist/generators/vue/scaffoldVue.js

@@ -0,0 +1,8 @@
+import { cpSync, copyFileSync } from 'fs';
+import { join } from 'path';
+export const scaffoldVue = ({ targetDirectory, templatesDirectory, projectAssetsDirectory }) => {
+    copyFileSync(join(templatesDirectory, 'assets', 'svg', 'vue-logo.svg'), join(projectAssetsDirectory, 'svg', 'vue-logo.svg'));
+    cpSync(join(templatesDirectory, 'vue'), targetDirectory, {
+        recursive: true
+    });
+};