@azure-net/cli 2.3.62 → 4.0.0-0

package/src/generate/ui/generateComponent.ts

@@ -0,0 +1,100 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import prompts from 'prompts';
+import { toPascalCase } from '../../utils/contextUtils.js';
+import { normalizeContexts } from '../../init/initAliases.js';
+import { loadUserConfig } from '../../utils/loadConfig.js';
+import { writeIfNotExists } from '../../utils/fileUtils.js';
+
+type ComponentKind = 'shared' | 'layout' | 'page';
+
+const createComponentContent = (propsName: string): string => `<script lang="ts">
+import type { ${propsName} } from './types';
+const {}: ${propsName} = $props();
+</script>
+<!--Your HTML here-->
+<style lang="scss">
+\t@use './style';
+</style>
+`;
+
+const createTypesContent = (propsName: string): string => `export interface ${propsName} {}
+`;
+
+const createIndexContent = (name: string): string => `export { default as ${name} } from './Component.svelte';
+`;
+
+const printContextsError = (): void => {
+	console.error('❌ Cannot generate UI artifact: `contexts` is missing or empty in azure-net.config.ts/js');
+};
+
+const selectContext = async (): Promise<string | null> => {
+	const config = await loadUserConfig();
+	const contexts = normalizeContexts(config.contexts);
+	if (!contexts.length) return null;
+
+	const { context } = await prompts({
+		type: 'select',
+		name: 'context',
+		message: 'Select context:',
+		choices: contexts.map((item) => ({ title: item.name, value: item.name })),
+		initial: 0
+	});
+
+	return context ? String(context) : null;
+};
+
+export default async function generateComponent(): Promise<void> {
+	const context = await selectContext();
+	if (!context) {
+		printContextsError();
+		process.exitCode = 1;
+		return;
+	}
+
+	const { rawName } = await prompts({
+		type: 'text',
+		name: 'rawName',
+		message: 'Component name:',
+		validate: (value: string) => (String(value).trim().length > 0 ? true : 'Name is required')
+	});
+
+	const { componentKind } = await prompts({
+		type: 'select',
+		name: 'componentKind',
+		message: 'Component kind:',
+		choices: [
+			{ title: 'shared', value: 'shared' },
+			{ title: 'layout', value: 'layout' },
+			{ title: 'page', value: 'page' }
+		],
+		initial: 0
+	});
+
+	const name = toPascalCase(String(rawName ?? 'Component')) || 'Component';
+	const propsName = `IComponent${name}Props`;
+	const kind = (componentKind as ComponentKind) ?? 'shared';
+	let targetDir = path.join(process.cwd(), 'src', 'app', context, 'ui', 'components', kind);
+
+	if (kind === 'page') {
+		const { pageFolderRaw } = await prompts({
+			type: 'text',
+			name: 'pageFolderRaw',
+			message: 'Page folder name:',
+			validate: (value: string) => (String(value).trim().length > 0 ? true : 'Page folder name is required')
+		});
+
+		const pageFolder = String(pageFolderRaw ?? '').trim();
+		targetDir = path.join(targetDir, pageFolder);
+	}
+
+	targetDir = path.join(targetDir, name);
+
+	await fs.mkdir(targetDir, { recursive: true });
+	await writeIfNotExists(path.join(targetDir, 'Component.svelte'), createComponentContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'style.scss'), '');
+	await writeIfNotExists(path.join(targetDir, 'types.ts'), createTypesContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'index.ts'), createIndexContent(name));
+
+	console.log(`✅ Component generated: ${targetDir}`);
+}

package/src/generate/ui/generateDesignComponent.js

@@ -0,0 +1,71 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import prompts from 'prompts';
+import { toPascalCase } from '../../utils/contextUtils.js';
+import { normalizeContexts } from '../../init/initAliases.js';
+import { loadUserConfig } from '../../utils/loadConfig.js';
+import { writeIfNotExists } from '../../utils/fileUtils.js';
+
+const createComponentContent = (propsName) => `<script lang="ts">
+import type { ${propsName} } from './types';
+const {}: ${propsName} = $props();
+</script>
+<!--Your HTML here-->
+<style lang="scss">
+\t@use './style';
+</style>
+`;
+
+const createTypesContent = (propsName) => `export interface ${propsName} {}
+`;
+
+const createIndexContent = (name) => `export { default as ${name} } from './Component.svelte';
+`;
+
+const printContextsError = () => {
+	console.error('❌ Cannot generate UI artifact: `contexts` is missing or empty in azure-net.config.ts/js');
+};
+
+const selectContext = async () => {
+	const config = await loadUserConfig();
+	const contexts = normalizeContexts(config.contexts);
+	if (!contexts.length) return null;
+
+	const { context } = await prompts({
+		type: 'select',
+		name: 'context',
+		message: 'Select context:',
+		choices: contexts.map((item) => ({ title: item.name, value: item.name })),
+		initial: 0
+	});
+
+	return context ? String(context) : null;
+};
+
+export default async function generateDesignComponent() {
+	const context = await selectContext();
+	if (!context) {
+		printContextsError();
+		process.exitCode = 1;
+		return;
+	}
+
+	const { rawName } = await prompts({
+		type: 'text',
+		name: 'rawName',
+		message: 'Design component name:',
+		validate: (value) => (String(value).trim().length > 0 ? true : 'Name is required')
+	});
+
+	const name = toPascalCase(String(rawName ?? 'DesignComponent')) || 'DesignComponent';
+	const propsName = `IDesignComponent${name}Props`;
+	const targetDir = path.join(process.cwd(), 'src', 'app', context, 'ui', 'design', name);
+
+	await fs.mkdir(targetDir, { recursive: true });
+	await writeIfNotExists(path.join(targetDir, 'Component.svelte'), createComponentContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'style.scss'), '');
+	await writeIfNotExists(path.join(targetDir, 'types.ts'), createTypesContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'index.ts'), createIndexContent(name));
+
+	console.log(`✅ Design component generated: ${targetDir}`);
+}

package/src/generate/ui/generateDesignComponent.ts

@@ -0,0 +1,71 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import prompts from 'prompts';
+import { toPascalCase } from '../../utils/contextUtils.js';
+import { normalizeContexts } from '../../init/initAliases.js';
+import { loadUserConfig } from '../../utils/loadConfig.js';
+import { writeIfNotExists } from '../../utils/fileUtils.js';
+
+const createComponentContent = (propsName: string): string => `<script lang="ts">
+import type { ${propsName} } from './types';
+const {}: ${propsName} = $props();
+</script>
+<!--Your HTML here-->
+<style lang="scss">
+\t@use './style';
+</style>
+`;
+
+const createTypesContent = (propsName: string): string => `export interface ${propsName} {}
+`;
+
+const createIndexContent = (name: string): string => `export { default as ${name} } from './Component.svelte';
+`;
+
+const printContextsError = (): void => {
+	console.error('❌ Cannot generate UI artifact: `contexts` is missing or empty in azure-net.config.ts/js');
+};
+
+const selectContext = async (): Promise<string | null> => {
+	const config = await loadUserConfig();
+	const contexts = normalizeContexts(config.contexts);
+	if (!contexts.length) return null;
+
+	const { context } = await prompts({
+		type: 'select',
+		name: 'context',
+		message: 'Select context:',
+		choices: contexts.map((item) => ({ title: item.name, value: item.name })),
+		initial: 0
+	});
+
+	return context ? String(context) : null;
+};
+
+export default async function generateDesignComponent(): Promise<void> {
+	const context = await selectContext();
+	if (!context) {
+		printContextsError();
+		process.exitCode = 1;
+		return;
+	}
+
+	const { rawName } = await prompts({
+		type: 'text',
+		name: 'rawName',
+		message: 'Design component name:',
+		validate: (value: string) => (String(value).trim().length > 0 ? true : 'Name is required')
+	});
+
+	const name = toPascalCase(String(rawName ?? 'DesignComponent')) || 'DesignComponent';
+	const propsName = `IDesignComponent${name}Props`;
+	const targetDir = path.join(process.cwd(), 'src', 'app', context, 'ui', 'design', name);
+
+	await fs.mkdir(targetDir, { recursive: true });
+	await writeIfNotExists(path.join(targetDir, 'Component.svelte'), createComponentContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'style.scss'), '');
+	await writeIfNotExists(path.join(targetDir, 'types.ts'), createTypesContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'index.ts'), createIndexContent(name));
+
+	console.log(`✅ Design component generated: ${targetDir}`);
+}

package/src/generate/ui/generateWidget.js

@@ -0,0 +1,71 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import prompts from 'prompts';
+import { toPascalCase } from '../../utils/contextUtils.js';
+import { normalizeContexts } from '../../init/initAliases.js';
+import { loadUserConfig } from '../../utils/loadConfig.js';
+import { writeIfNotExists } from '../../utils/fileUtils.js';
+
+const createComponentContent = (propsName) => `<script lang="ts">
+import type { ${propsName} } from './types';
+const {}: ${propsName} = $props();
+</script>
+<!--Your HTML here-->
+<style lang="scss">
+\t@use './style';
+</style>
+`;
+
+const createTypesContent = (propsName) => `export interface ${propsName} {}
+`;
+
+const createIndexContent = (name) => `export { default as ${name} } from './Component.svelte';
+`;
+
+const printContextsError = () => {
+	console.error('❌ Cannot generate UI artifact: `contexts` is missing or empty in azure-net.config.ts/js');
+};
+
+const selectContext = async () => {
+	const config = await loadUserConfig();
+	const contexts = normalizeContexts(config.contexts);
+	if (!contexts.length) return null;
+
+	const { context } = await prompts({
+		type: 'select',
+		name: 'context',
+		message: 'Select context:',
+		choices: contexts.map((item) => ({ title: item.name, value: item.name })),
+		initial: 0
+	});
+
+	return context ? String(context) : null;
+};
+
+export default async function generateWidget() {
+	const context = await selectContext();
+	if (!context) {
+		printContextsError();
+		process.exitCode = 1;
+		return;
+	}
+
+	const { rawName } = await prompts({
+		type: 'text',
+		name: 'rawName',
+		message: 'Widget name:',
+		validate: (value) => (String(value).trim().length > 0 ? true : 'Name is required')
+	});
+
+	const name = toPascalCase(String(rawName ?? 'Widget')) || 'Widget';
+	const propsName = `IWidget${name}Props`;
+	const targetDir = path.join(process.cwd(), 'src', 'app', context, 'ui', 'widgets', name);
+
+	await fs.mkdir(targetDir, { recursive: true });
+	await writeIfNotExists(path.join(targetDir, 'Component.svelte'), createComponentContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'style.scss'), '');
+	await writeIfNotExists(path.join(targetDir, 'types.ts'), createTypesContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'index.ts'), createIndexContent(name));
+
+	console.log(`✅ Widget generated: ${targetDir}`);
+}

package/src/generate/ui/generateWidget.ts

@@ -0,0 +1,71 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import prompts from 'prompts';
+import { toPascalCase } from '../../utils/contextUtils.js';
+import { normalizeContexts } from '../../init/initAliases.js';
+import { loadUserConfig } from '../../utils/loadConfig.js';
+import { writeIfNotExists } from '../../utils/fileUtils.js';
+
+const createComponentContent = (propsName: string): string => `<script lang="ts">
+import type { ${propsName} } from './types';
+const {}: ${propsName} = $props();
+</script>
+<!--Your HTML here-->
+<style lang="scss">
+\t@use './style';
+</style>
+`;
+
+const createTypesContent = (propsName: string): string => `export interface ${propsName} {}
+`;
+
+const createIndexContent = (name: string): string => `export { default as ${name} } from './Component.svelte';
+`;
+
+const printContextsError = (): void => {
+	console.error('❌ Cannot generate UI artifact: `contexts` is missing or empty in azure-net.config.ts/js');
+};
+
+const selectContext = async (): Promise<string | null> => {
+	const config = await loadUserConfig();
+	const contexts = normalizeContexts(config.contexts);
+	if (!contexts.length) return null;
+
+	const { context } = await prompts({
+		type: 'select',
+		name: 'context',
+		message: 'Select context:',
+		choices: contexts.map((item) => ({ title: item.name, value: item.name })),
+		initial: 0
+	});
+
+	return context ? String(context) : null;
+};
+
+export default async function generateWidget(): Promise<void> {
+	const context = await selectContext();
+	if (!context) {
+		printContextsError();
+		process.exitCode = 1;
+		return;
+	}
+
+	const { rawName } = await prompts({
+		type: 'text',
+		name: 'rawName',
+		message: 'Widget name:',
+		validate: (value: string) => (String(value).trim().length > 0 ? true : 'Name is required')
+	});
+
+	const name = toPascalCase(String(rawName ?? 'Widget')) || 'Widget';
+	const propsName = `IWidget${name}Props`;
+	const targetDir = path.join(process.cwd(), 'src', 'app', context, 'ui', 'widgets', name);
+
+	await fs.mkdir(targetDir, { recursive: true });
+	await writeIfNotExists(path.join(targetDir, 'Component.svelte'), createComponentContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'style.scss'), '');
+	await writeIfNotExists(path.join(targetDir, 'types.ts'), createTypesContent(propsName));
+	await writeIfNotExists(path.join(targetDir, 'index.ts'), createIndexContent(name));
+
+	console.log(`✅ Widget generated: ${targetDir}`);
+}

package/src/init/initAliases.js

@@ -0,0 +1,159 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { loadUserConfig, resolveConfigFile } from '../utils/loadConfig.js';
+
+const svelteConfigPath = path.resolve('svelte.config.js');
+
+function normalizeAliasValue(value, fallbackName) {
+	const raw = String(value ?? '').trim();
+	if (!raw.length) return `$${fallbackName}`;
+	return raw.startsWith('$') ? raw : `$${raw}`;
+}
+
+export function normalizeContexts(rawContexts) {
+	if (!Array.isArray(rawContexts)) return [];
+
+	return rawContexts
+		.map((item) => {
+			if (typeof item === 'string') {
+				const name = item.trim();
+				if (!name.length) return null;
+				return { name, alias: `$${name}` };
+			}
+
+			if (!item || typeof item !== 'object') return null;
+
+			const name = String(item.name ?? '').trim();
+			if (!name.length) return null;
+
+			return {
+				name,
+				alias: normalizeAliasValue(item.alias, name)
+			};
+		})
+		.filter(Boolean);
+}
+
+export function generateAliases(config) {
+	const coreAlias = normalizeAliasValue(config.coreAlias, 'core');
+	const contexts = normalizeContexts(config.contexts);
+
+	const entries = [];
+	for (const context of contexts) {
+		entries.push([context.alias, `./src/app/${context.name}`]);
+	}
+
+	entries.push([coreAlias, './src/core']);
+
+	return {
+		coreAlias,
+		contexts,
+		aliases: Object.fromEntries(entries)
+	};
+}
+
+function parseAliasEntries(aliasBody) {
+	const entryRegex = /(['"`])([^'"`]+)\1\s*:\s*(['"`])([^'"`]+)\3\s*,?/g;
+	const ordered = [];
+	const map = new Map();
+	let match;
+
+	while ((match = entryRegex.exec(aliasBody)) !== null) {
+		const key = match[2];
+		const value = match[4];
+		if (!map.has(key)) {
+			ordered.push(key);
+		}
+		map.set(key, value);
+	}
+
+	return { ordered, map };
+}
+
+function buildAliasEntriesString(orderedKeys, map, baseIndent) {
+	if (!orderedKeys.length) return '';
+
+	return orderedKeys.map((key) => `${baseIndent}'${key}': '${map.get(key)}'`).join(',\n');
+}
+
+export function mergeAliasesInSvelteConfig(content, aliases) {
+	const aliasRegex = /alias\s*:\s*\{([\s\S]*?)\}/m;
+	const aliasMatch = content.match(aliasRegex);
+
+	if (aliasMatch) {
+		const aliasBody = aliasMatch[1] ?? '';
+		const { ordered, map } = parseAliasEntries(aliasBody);
+		for (const [key, value] of Object.entries(aliases)) {
+			if (!map.has(key)) ordered.push(key);
+			map.set(key, value);
+		}
+
+		const baseIndentMatch = aliasBody.match(/\n(\s*)['"`]/);
+		const baseIndent = baseIndentMatch?.[1] ?? '\t\t\t';
+		const merged = buildAliasEntriesString(ordered, map, baseIndent);
+		const nextAliasBlock = `alias: {\n${merged}\n\t\t}`;
+		return content.replace(aliasRegex, nextAliasBlock);
+	}
+
+	const kitRegex = /kit\s*:\s*\{/m;
+	if (kitRegex.test(content)) {
+		const aliasLines = Object.entries(aliases)
+			.map(([key, value]) => `\t\t\t'${key}': '${value}'`)
+			.join(',\n');
+		const aliasBlock = `alias: {\n${aliasLines}\n\t\t},`;
+		return content.replace(kitRegex, `kit: {\n\t\t${aliasBlock}`);
+	}
+
+	return `${content}\n\n// azure-net aliases\nconst alias = {\n${Object.entries(aliases)
+		.map(([key, value]) => `\t'${key}': '${value}'`)
+		.join(',\n')}\n};\n`;
+}
+
+function upsertCoreAlias(content, coreAlias) {
+	const exportDefaultRegex = /export\s+default\s*\{([\s\S]*)\}\s*;?/m;
+	if (!exportDefaultRegex.test(content)) {
+		return `export default {\n\tcoreAlias: '${coreAlias}'\n};\n`;
+	}
+
+	if (/coreAlias\s*:/.test(content)) {
+		return content.replace(/coreAlias\s*:\s*['"`][^'"`]+['"`]/, `coreAlias: '${coreAlias}'`);
+	}
+
+	return content.replace(exportDefaultRegex, (_full, body) => {
+		const trimmed = body.replace(/\s*$/, '');
+		if (!trimmed.length) {
+			return `export default {\n\tcoreAlias: '${coreAlias}'\n};`;
+		}
+
+		const withComma = trimmed.endsWith(',') ? trimmed : `${trimmed},`;
+		return `export default {${withComma}\n\tcoreAlias: '${coreAlias}'\n};`;
+	});
+}
+
+export async function ensureCoreAliasInConfig(coreAlias) {
+	const { exists, filepath } = resolveConfigFile();
+	const aliasToSave = normalizeAliasValue(coreAlias, 'core');
+	const currentContent = exists ? await fs.readFile(filepath, 'utf-8') : '';
+	const nextContent = upsertCoreAlias(currentContent, aliasToSave);
+	await fs.writeFile(filepath, nextContent, 'utf-8');
+	return aliasToSave;
+}
+
+export default async function initAliases() {
+	const config = await loadUserConfig();
+	const generated = generateAliases(config);
+	const actualCoreAlias = await ensureCoreAliasInConfig(generated.coreAlias);
+	const aliases = { ...generated.aliases, [actualCoreAlias]: './src/core' };
+
+	let content;
+	try {
+		content = await fs.readFile(svelteConfigPath, 'utf-8');
+	} catch {
+		console.warn('⚠️ svelte.config.js not found, aliases were not updated');
+		return;
+	}
+
+	const nextContent = mergeAliasesInSvelteConfig(content, aliases);
+	await fs.writeFile(svelteConfigPath, nextContent, 'utf-8');
+	console.log('✅ Aliases updated in svelte.config.js');
+}