create-absolutejs 0.3.10 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -4,6 +4,7 @@ import { spinner } from '@clack/prompts';
|
|
|
4
4
|
import { green } from 'picocolors';
|
|
5
5
|
import { absoluteAuthPlugin, availablePlugins, defaultPlugins, eslintAndPrettierDependencies } from '../../data';
|
|
6
6
|
import { getPackageVersion } from '../../utils/getPackageVersion';
|
|
7
|
+
import { computeFlags } from '../project/computeFlags';
|
|
7
8
|
export const createPackageJson = ({ projectName, authProvider, plugins, databaseEngine, orm, databaseHost, useTailwind, latest, frontendDirectories, codeQualityTool }) => {
|
|
8
9
|
const s = spinner();
|
|
9
10
|
if (latest)
|
|
@@ -11,11 +12,7 @@ export const createPackageJson = ({ projectName, authProvider, plugins, database
|
|
|
11
12
|
const resolveVersion = (name, listed) => latest ? (getPackageVersion(name) ?? listed) : listed;
|
|
12
13
|
const dependencies = {};
|
|
13
14
|
const devDependencies = {};
|
|
14
|
-
const
|
|
15
|
-
const requiresSvelte = Boolean(frontendDirectories['svelte']);
|
|
16
|
-
const requiresVue = Boolean(frontendDirectories['vue']);
|
|
17
|
-
const requiresHtmx = Boolean(frontendDirectories['htmx']);
|
|
18
|
-
const requiresHtml = Boolean(frontendDirectories['html']);
|
|
15
|
+
const flags = computeFlags(frontendDirectories);
|
|
19
16
|
for (const p of defaultPlugins) {
|
|
20
17
|
dependencies[p.value] = resolveVersion(p.value, p.latestVersion);
|
|
21
18
|
}
|
|
@@ -39,22 +36,20 @@ export const createPackageJson = ({ projectName, authProvider, plugins, database
|
|
|
39
36
|
devDependencies['tailwindcss'] = resolveVersion('tailwindcss', '4.1.7');
|
|
40
37
|
devDependencies['@tailwindcss/cli'] = resolveVersion('@tailwindcss/cli', '4.1.7');
|
|
41
38
|
}
|
|
42
|
-
if (requiresReact) {
|
|
39
|
+
if (flags.requiresReact) {
|
|
43
40
|
dependencies['react'] = resolveVersion('react', '19.1.0');
|
|
44
|
-
|
|
45
|
-
devDependencies['@types/react'] = resolveVersion('@types/react', '19.1.5');
|
|
46
|
-
devDependencies['@types/react-dom'] = resolveVersion('@types/react-dom', '19.1.5');
|
|
41
|
+
devDependencies['@types/react'] = resolveVersion('@types/react', '19.1.8');
|
|
47
42
|
}
|
|
48
|
-
if (requiresSvelte) {
|
|
43
|
+
if (flags.requiresSvelte) {
|
|
49
44
|
dependencies['svelte'] = resolveVersion('svelte', '5.34.7');
|
|
50
45
|
}
|
|
51
|
-
if (requiresSvelte && codeQualityTool === 'eslint+prettier') {
|
|
46
|
+
if (flags.requiresSvelte && codeQualityTool === 'eslint+prettier') {
|
|
52
47
|
devDependencies['prettier-plugin-svelte'] = resolveVersion('prettier-plugin-svelte', '3.4.0');
|
|
53
48
|
}
|
|
54
|
-
if (requiresVue) {
|
|
49
|
+
if (flags.requiresVue) {
|
|
55
50
|
dependencies['vue'] = resolveVersion('vue', '3.5.17');
|
|
56
51
|
}
|
|
57
|
-
if (requiresHtmx) {
|
|
52
|
+
if (flags.requiresHtmx) {
|
|
58
53
|
dependencies['elysia-scoped-state'] = resolveVersion('elysia-scoped-state', '0.1.1');
|
|
59
54
|
}
|
|
60
55
|
if (orm === 'drizzle') {
|
|
@@ -75,7 +70,7 @@ export const createPackageJson = ({ projectName, authProvider, plugins, database
|
|
|
75
70
|
s.stop(green('Package versions resolved'));
|
|
76
71
|
const scripts = {
|
|
77
72
|
dev: 'bash -c \'trap "exit 0" INT; bun run --watch src/backend/server.ts\'',
|
|
78
|
-
format: `prettier --write "./**/*.{js,ts,css,json,mjs,md${requiresReact ? ',jsx,tsx' : ''}${requiresSvelte ? ',svelte' : ''}${requiresVue ? ',vue' : ''}${requiresHtml || requiresHtmx ? ',html' : ''}}"`,
|
|
73
|
+
format: `prettier --write "./**/*.{js,ts,css,json,mjs,md${flags.requiresReact ? ',jsx,tsx' : ''}${flags.requiresSvelte ? ',svelte' : ''}${flags.requiresVue ? ',vue' : ''}${flags.requiresHtml || flags.requiresHtmx ? ',html' : ''}}"`,
|
|
79
74
|
lint: 'eslint ./src',
|
|
80
75
|
test: 'echo "Error: no test specified" && exit 1',
|
|
81
76
|
typecheck: 'bun run tsc --noEmit'
|
|
@@ -8,6 +8,7 @@ type GenerateImportsBlockProps = {
|
|
|
8
8
|
authProvider: CreateConfiguration['authProvider'];
|
|
9
9
|
databaseEngine: CreateConfiguration['databaseEngine'];
|
|
10
10
|
databaseHost: CreateConfiguration['databaseHost'];
|
|
11
|
+
frontendDirectories: CreateConfiguration['frontendDirectories'];
|
|
11
12
|
};
|
|
12
|
-
export declare const generateImportsBlock: ({ backendDirectory, deps, flags, orm, authProvider, databaseEngine, databaseHost }: GenerateImportsBlockProps) => string;
|
|
13
|
+
export declare const generateImportsBlock: ({ backendDirectory, deps, flags, orm, authProvider, databaseEngine, databaseHost, frontendDirectories }: GenerateImportsBlockProps) => string;
|
|
13
14
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { mkdirSync, writeFileSync } from 'fs';
|
|
2
2
|
import { join } from 'path';
|
|
3
|
-
export const generateImportsBlock = ({ backendDirectory, deps, flags, orm, authProvider, databaseEngine, databaseHost }) => {
|
|
3
|
+
export const generateImportsBlock = ({ backendDirectory, deps, flags, orm, authProvider, databaseEngine, databaseHost, frontendDirectories }) => {
|
|
4
4
|
const rawImports = [];
|
|
5
5
|
const pushHandler = (cond, name) => cond &&
|
|
6
6
|
rawImports.push(`import { ${name} } from '@absolutejs/absolute'`);
|
|
@@ -26,12 +26,16 @@ export const generateImportsBlock = ({ backendDirectory, deps, flags, orm, authP
|
|
|
26
26
|
.sort()
|
|
27
27
|
.join(', ')} } from '${dependency.value}'`);
|
|
28
28
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
if (flags.
|
|
34
|
-
rawImports.push(`import
|
|
29
|
+
const buildExamplePath = (dir, file) => `../frontend${dir ? `/${dir}` : ''}/pages/${file}`;
|
|
30
|
+
const reactDir = frontendDirectories.react;
|
|
31
|
+
const svelteDir = frontendDirectories.svelte;
|
|
32
|
+
const vueDir = frontendDirectories.vue;
|
|
33
|
+
if (flags.requiresReact && reactDir !== undefined)
|
|
34
|
+
rawImports.push(`import { ReactExample } from '${buildExamplePath(reactDir, 'ReactExample')}'`);
|
|
35
|
+
if (flags.requiresSvelte && svelteDir !== undefined)
|
|
36
|
+
rawImports.push(`import SvelteExample from '${buildExamplePath(svelteDir, 'SvelteExample.svelte')}'`);
|
|
37
|
+
if (flags.requiresVue && !flags.requiresSvelte && vueDir !== undefined)
|
|
38
|
+
rawImports.push(`import VueExample from '${buildExamplePath(vueDir, 'VueExample.vue')}'`);
|
|
35
39
|
const connectorImports = {
|
|
36
40
|
neon: ["import { neon } from '@neondatabase/serverless'"],
|
|
37
41
|
planetscale: ["import { connect } from '@planetscale/database'"],
|
|
@@ -45,6 +49,8 @@ export const generateImportsBlock = ({ backendDirectory, deps, flags, orm, authP
|
|
|
45
49
|
turso: ["import { drizzle } from 'drizzle-orm/libsql'"]
|
|
46
50
|
};
|
|
47
51
|
const isRemoteHost = databaseHost !== undefined && databaseHost !== 'none';
|
|
52
|
+
const hasDatabase = databaseEngine !== undefined && databaseEngine !== 'none';
|
|
53
|
+
const noOrm = orm === undefined || orm === 'none';
|
|
48
54
|
if (orm === 'drizzle' && isRemoteHost) {
|
|
49
55
|
const key = databaseHost;
|
|
50
56
|
rawImports.push(...connectorImports[key], ...dialectImports[key]);
|
|
@@ -53,13 +59,17 @@ export const generateImportsBlock = ({ backendDirectory, deps, flags, orm, authP
|
|
|
53
59
|
rawImports.push(`import { SQL } from 'bun'`, `import { drizzle } from 'drizzle-orm/bun-sql'`);
|
|
54
60
|
if (orm === 'drizzle' && databaseEngine === 'sqlite' && !isRemoteHost)
|
|
55
61
|
rawImports.push(`import { Database } from 'bun:sqlite'`, `import { drizzle } from 'drizzle-orm/bun-sqlite'`);
|
|
56
|
-
if (
|
|
62
|
+
if (noOrm && databaseEngine === 'sqlite')
|
|
57
63
|
rawImports.push(...(databaseHost === 'turso'
|
|
58
64
|
? [
|
|
59
65
|
`import { createClient } from '@libsql/client'`,
|
|
60
66
|
`import { getEnv } from '@absolutejs/absolute'`
|
|
61
67
|
]
|
|
62
68
|
: [`import { Database } from 'bun:sqlite'`]));
|
|
69
|
+
if (noOrm && databaseEngine === 'postgresql')
|
|
70
|
+
rawImports.push(...(isRemoteHost
|
|
71
|
+
? connectorImports[databaseHost]
|
|
72
|
+
: [`import { SQL } from 'bun'`]), `import { getEnv } from '@absolutejs/absolute'`);
|
|
63
73
|
if (orm === 'drizzle') {
|
|
64
74
|
rawImports.push(`import { Elysia } from 'elysia'`, ...(databaseEngine === 'sqlite' && !isRemoteHost
|
|
65
75
|
? []
|
|
@@ -67,25 +77,19 @@ export const generateImportsBlock = ({ backendDirectory, deps, flags, orm, authP
|
|
|
67
77
|
? `import { schema, User } from '../../db/schema'`
|
|
68
78
|
: `import { schema } from '../../db/schema'`);
|
|
69
79
|
}
|
|
70
|
-
if ((orm === undefined || orm === 'none') &&
|
|
71
|
-
databaseEngine === 'postgresql')
|
|
72
|
-
rawImports.push(...(isRemoteHost
|
|
73
|
-
? connectorImports[databaseHost]
|
|
74
|
-
: [`import { SQL } from 'bun'`]), `import { getEnv } from '@absolutejs/absolute'`);
|
|
75
80
|
if (authProvider === 'absoluteAuth')
|
|
76
|
-
rawImports.push(`import { absoluteAuth, instantiateUserSession } from '@absolutejs/auth'`, ...(
|
|
81
|
+
rawImports.push(`import { absoluteAuth, instantiateUserSession } from '@absolutejs/auth'`, ...(hasDatabase
|
|
77
82
|
? [
|
|
78
83
|
`import { createUser, getUser } from './handlers/userHandlers'`
|
|
79
84
|
]
|
|
80
85
|
: []));
|
|
81
|
-
if ((authProvider === undefined || authProvider === 'none')
|
|
82
|
-
databaseEngine !== undefined &&
|
|
83
|
-
databaseEngine !== 'none')
|
|
86
|
+
if (hasDatabase && (authProvider === undefined || authProvider === 'none'))
|
|
84
87
|
rawImports.push(`import { getCountHistory, createCountHistory } from './handlers/countHistoryHandlers'`, `import { t } from 'elysia'`);
|
|
85
88
|
if (flags.requiresVue && flags.requiresSvelte) {
|
|
86
89
|
const utilsDir = join(backendDirectory, 'utils');
|
|
87
90
|
mkdirSync(utilsDir, { recursive: true });
|
|
88
|
-
|
|
91
|
+
const vuePathForUtils = `../../frontend${vueDir ? `/${vueDir}` : ''}/pages/VueExample.vue`;
|
|
92
|
+
writeFileSync(join(utilsDir, 'vueImporter.ts'), `import VueExample from "${vuePathForUtils}"\n\nexport const vueImports = { VueExample } as const\n`);
|
|
89
93
|
rawImports.push(`import { vueImports } from './utils/vueImporter'`);
|
|
90
94
|
}
|
|
91
95
|
const importMap = new Map();
|
package/package.json
CHANGED