@ikas/component-cli 1.4.0-beta.55 → 1.4.0-beta.56

package/dist/commands/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/commands/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAw2DpC,wBAAgB,mBAAmB,IAAI,OAAO,CAsS7C"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/commands/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA0lDpC,wBAAgB,mBAAmB,IAAI,OAAO,CA2M7C"}

package/dist/commands/config.js

@@ -2,16 +2,6 @@ import { Command } from "commander";
 import * as fs from "fs";
 import * as path from "path";
 import { PROP_TYPES, toPascalCase, generateTypesFile, generateGlobalTypesFile, collectUsedEnumIds, generateComponentFile, generateStylesFile, generateProjectId, generateComponentId, generateUniqueId, updateBarrelExport, findPropGroup, collectPropGroupIds, movePropGroupInTree, validateFilteredComponentIds, } from "../utils/component-helpers.js";
-import { runEditorAction, printResultAndExit, printErrorAndExit } from "../utils/editor-action-client.js";
-async function listLocales(port) {
-    try {
-        const result = await runEditorAction("list-locales", {}, port ? { port } : {});
-        printResultAndExit(result);
-    }
-    catch (e) {
-        printErrorAndExit(e);
-    }
-}
 function loadConfig() {
     const configPath = path.resolve(process.cwd(), "ikas.config.json");
     if (!fs.existsSync(configPath)) {
@@ -373,7 +363,6 @@ async function addComponent(name, options) {
     const newComponent = {
         id: componentId,
         name: pascalName,
-        ...(options.displayName ? { displayName: options.displayName } : {}),
         entry: `./src/components/${pascalName}/index.tsx`,
         styles: `./src/components/${pascalName}/styles.css`,
         ...(componentType === "section" ? { type: "section" } : {}),
@@ -994,217 +983,20 @@ function updateComponent(ref, options) {
             delete component.isFooter;
         }
     }
-    // displayName is the code-owned default-locale display label (may contain spaces).
-    // An empty string clears it (falls back to `name`).
-    if (options.displayName !== undefined) {
-        if (options.displayName) {
-            component.displayName = options.displayName;
-        }
-        else {
-            delete component.displayName;
-        }
-    }
     saveConfig(configPath, config);
     console.log(JSON.stringify({
         success: true,
         componentName: component.name,
         type: component.type ?? "component",
-        ...(component.displayName ? { displayName: component.displayName } : {}),
         ...(component.isHeader ? { isHeader: true } : {}),
         ...(component.isFooter ? { isFooter: true } : {}),
     }));
 }
-// Upsert a per-locale translation row in `list` by locale, applying only the
-// provided fields. Studio keeps one translation per locale, so this matches by
-// locale rather than appending. A row left with no content (all label fields
-// empty) is not persisted — a new one is skipped, an existing one is pruned —
-// so we never write a meaningless `{id, locale}` row. Returns the row, or null
-// when nothing meaningful remains.
-function upsertTranslation(list, locale, fields) {
-    const existing = list.find((t) => t.locale === locale);
-    const target = existing ?? { id: generateUniqueId(), locale };
-    if (fields.displayName !== undefined)
-        target.displayName = fields.displayName || undefined;
-    if (fields.description !== undefined)
-        target.description = fields.description || undefined;
-    if (fields.name !== undefined)
-        target.name = fields.name || undefined;
-    if (!target.displayName && !target.description && !target.name) {
-        if (existing)
-            list.splice(list.indexOf(existing), 1);
-        return null;
-    }
-    if (!existing)
-        list.push(target);
-    return target;
-}
-function setPropTranslation(ref, options) {
-    const { config, configPath } = loadConfig();
-    const component = resolveComponent(config, ref);
-    const prop = component.props.find((p) => p.name === options.prop);
-    if (!prop) {
-        console.log(JSON.stringify({
-            success: false,
-            error: `Prop "${options.prop}" not found on component "${component.name}". Available: ${component.props.map((p) => p.name).join(", ")}`,
-        }));
-        process.exit(1);
-    }
-    if (options.displayName === undefined && options.description === undefined) {
-        console.log(JSON.stringify({
-            success: false,
-            error: "Nothing to set: provide --displayName and/or --description.",
-        }));
-        process.exit(1);
-    }
-    if (!prop.translations)
-        prop.translations = [];
-    const row = upsertTranslation(prop.translations, options.locale, {
-        displayName: options.displayName,
-        description: options.description,
-    });
-    if (prop.translations.length === 0)
-        prop.translations = undefined;
-    saveConfig(configPath, config);
-    console.log(JSON.stringify({
-        success: true,
-        componentName: component.name,
-        prop: prop.name,
-        translation: row,
-    }));
-}
-function setGroupTranslation(ref, options) {
-    const { config, configPath } = loadConfig();
-    const component = resolveComponent(config, ref);
-    if (!component.propGroups || component.propGroups.length === 0) {
-        console.log(JSON.stringify({ success: false, error: `No prop groups on component "${component.name}".` }));
-        process.exit(1);
-    }
-    const found = findPropGroup(component.propGroups, options.group);
-    if (!found) {
-        console.log(JSON.stringify({
-            success: false,
-            error: `Prop group "${options.group}" not found on component "${component.name}". Available: ${Array.from(collectPropGroupIds(component.propGroups)).join(", ")}`,
-        }));
-        process.exit(1);
-    }
-    if (options.name === undefined && options.description === undefined) {
-        console.log(JSON.stringify({
-            success: false,
-            error: "Nothing to set: provide --name and/or --description.",
-        }));
-        process.exit(1);
-    }
-    if (!found.group.translations)
-        found.group.translations = [];
-    const row = upsertTranslation(found.group.translations, options.locale, {
-        name: options.name,
-        description: options.description,
-    });
-    if (found.group.translations.length === 0)
-        found.group.translations = undefined;
-    saveConfig(configPath, config);
-    console.log(JSON.stringify({
-        success: true,
-        componentName: component.name,
-        group: found.group.id,
-        translation: row,
-    }));
-}
-function removePropTranslation(ref, options) {
-    const { config, configPath } = loadConfig();
-    const component = resolveComponent(config, ref);
-    const prop = component.props.find((p) => p.name === options.prop);
-    if (!prop) {
-        console.log(JSON.stringify({
-            success: false,
-            error: `Prop "${options.prop}" not found on component "${component.name}". Available: ${component.props.map((p) => p.name).join(", ")}`,
-        }));
-        process.exit(1);
-    }
-    const before = prop.translations?.length ?? 0;
-    if (prop.translations) {
-        prop.translations = prop.translations.filter((t) => t.locale !== options.locale);
-        if (prop.translations.length === 0)
-            prop.translations = undefined;
-    }
-    saveConfig(configPath, config);
-    console.log(JSON.stringify({
-        success: true,
-        componentName: component.name,
-        prop: prop.name,
-        removed: before - (prop.translations?.length ?? 0),
-    }));
-}
-function removeGroupTranslation(ref, options) {
-    const { config, configPath } = loadConfig();
-    const component = resolveComponent(config, ref);
-    if (!component.propGroups || component.propGroups.length === 0) {
-        console.log(JSON.stringify({ success: false, error: `No prop groups on component "${component.name}".` }));
-        process.exit(1);
-    }
-    const found = findPropGroup(component.propGroups, options.group);
-    if (!found) {
-        console.log(JSON.stringify({
-            success: false,
-            error: `Prop group "${options.group}" not found on component "${component.name}". Available: ${Array.from(collectPropGroupIds(component.propGroups)).join(", ")}`,
-        }));
-        process.exit(1);
-    }
-    const before = found.group.translations?.length ?? 0;
-    if (found.group.translations) {
-        found.group.translations = found.group.translations.filter((t) => t.locale !== options.locale);
-        if (found.group.translations.length === 0)
-            found.group.translations = undefined;
-    }
-    saveConfig(configPath, config);
-    console.log(JSON.stringify({
-        success: true,
-        componentName: component.name,
-        group: found.group.id,
-        removed: before - (found.group.translations?.length ?? 0),
-    }));
-}
-function setComponentTranslation(ref, options) {
-    const { config, configPath } = loadConfig();
-    const component = resolveComponent(config, ref);
-    if (options.displayName === undefined) {
-        console.log(JSON.stringify({ success: false, error: "Nothing to set: provide --displayName." }));
-        process.exit(1);
-    }
-    if (!component.translations)
-        component.translations = [];
-    const row = upsertTranslation(component.translations, options.locale, { displayName: options.displayName });
-    if (component.translations.length === 0)
-        component.translations = undefined;
-    saveConfig(configPath, config);
-    console.log(JSON.stringify({
-        success: true,
-        componentName: component.name,
-        translation: row,
-    }));
-}
-function removeComponentTranslation(ref, options) {
-    const { config, configPath } = loadConfig();
-    const component = resolveComponent(config, ref);
-    const before = component.translations?.length ?? 0;
-    if (component.translations) {
-        component.translations = component.translations.filter((t) => t.locale !== options.locale);
-        if (component.translations.length === 0)
-            component.translations = undefined;
-    }
-    saveConfig(configPath, config);
-    console.log(JSON.stringify({
-        success: true,
-        componentName: component.name,
-        removed: before - (component.translations?.length ?? 0),
-    }));
-}
 function listComponents() {
     const { config } = loadConfig();
     const components = config.components.map((c) => ({
         id: c.id,
         name: c.name,
-        ...(c.displayName ? { displayName: c.displayName } : {}),
         type: c.type ?? "component",
         ...(c.isHeader ? { isHeader: true } : {}),
         ...(c.isFooter ? { isFooter: true } : {}),
@@ -1424,7 +1216,6 @@ export function createConfigCommand() {
         .command("add-component")
         .description("Add a new component to the project")
         .requiredOption("--name <name>", "Component name (PascalCase or kebab-case)")
-        .option("--displayName <displayName>", "Human-facing display label shown in the editor (may contain spaces; defaults to name)")
         .option("--type <type>", "Component type: section or component", "component")
         .option("--isHeader", "Mark this section as the store header (only for type: section)")
         .option("--isFooter", "Mark this section as the store footer (only for type: section)")
@@ -1482,10 +1273,9 @@ export function createConfigCommand() {
     });
     config
         .command("update-component")
-        .description("Update a component's metadata (displayName, isHeader, isFooter). Identify by --id (preferred) or exact --name.")
+        .description("Update a component's metadata (isHeader, isFooter). Identify by --id (preferred) or exact --name.")
         .option("--id <id>", "Component id (preferred; from `config list-components`)")
         .option("--name <name>", "Component name — exact match (PascalCase, as stored in ikas.config.json)")
-        .option("--displayName <displayName>", "Human-facing display label shown in the editor (may contain spaces; empty string clears it)")
         .option("--isHeader", "Mark as store header")
         .option("--no-isHeader", "Unmark as store header")
         .option("--isFooter", "Mark as store footer")
@@ -1544,73 +1334,6 @@ export function createConfigCommand() {
         .action((options) => {
         movePropGroup({ id: options.componentId, name: options.component }, options);
     });
-    config
-        .command("set-prop-translation")
-        .description("Add or update a per-locale translation for a prop's label/description. " +
-        "Seeded into the editor on first import of a new component or a newly added prop; " +
-        "studio-owned translations for already-imported props are not overwritten.")
-        .option("--component-id <id>", "Component id (preferred; from `config list-components`)")
-        .option("--component <name>", "Component name — exact match (PascalCase, as stored in ikas.config.json)")
-        .requiredOption("--prop <propName>", "Prop name to translate")
-        .requiredOption("--locale <locale>", "Target locale (e.g. de, fr, en)")
-        .option("--displayName <text>", "Translated display name")
-        .option("--description <text>", "Translated description")
-        .action((options) => {
-        setPropTranslation({ id: options.componentId, name: options.component }, options);
-    });
-    config
-        .command("set-group-translation")
-        .description("Add or update a per-locale translation for a prop group's name/description. " +
-        "Seeded into the editor only for groups studio has not seen yet (studio wins otherwise).")
-        .option("--component-id <id>", "Component id (preferred; from `config list-components`)")
-        .option("--component <name>", "Component name — exact match (PascalCase, as stored in ikas.config.json)")
-        .requiredOption("--group <groupId>", "Prop group id (local, as in ikas.config.json)")
-        .requiredOption("--locale <locale>", "Target locale (e.g. de, fr, en)")
-        .option("--name <text>", "Translated group name")
-        .option("--description <text>", "Translated description")
-        .action((options) => {
-        setGroupTranslation({ id: options.componentId, name: options.component }, options);
-    });
-    config
-        .command("remove-prop-translation")
-        .description("Remove a prop's translation for a given locale")
-        .option("--component-id <id>", "Component id (preferred; from `config list-components`)")
-        .option("--component <name>", "Component name — exact match (PascalCase, as stored in ikas.config.json)")
-        .requiredOption("--prop <propName>", "Prop name")
-        .requiredOption("--locale <locale>", "Locale to remove")
-        .action((options) => {
-        removePropTranslation({ id: options.componentId, name: options.component }, options);
-    });
-    config
-        .command("remove-group-translation")
-        .description("Remove a prop group's translation for a given locale")
-        .option("--component-id <id>", "Component id (preferred; from `config list-components`)")
-        .option("--component <name>", "Component name — exact match (PascalCase, as stored in ikas.config.json)")
-        .requiredOption("--group <groupId>", "Prop group id (local, as in ikas.config.json)")
-        .requiredOption("--locale <locale>", "Locale to remove")
-        .action((options) => {
-        removeGroupTranslation({ id: options.componentId, name: options.component }, options);
-    });
-    config
-        .command("set-component-translation")
-        .description("Add or update a per-locale translation for a section/component's own display label. " +
-        "Seeded into the editor only for components studio has not seen yet (studio wins otherwise).")
-        .option("--component-id <id>", "Component id (preferred; from `config list-components`)")
-        .option("--component <name>", "Component name — exact match (PascalCase, as stored in ikas.config.json)")
-        .requiredOption("--locale <locale>", "Target locale (e.g. de, fr, en)")
-        .option("--displayName <text>", "Translated component display label")
-        .action((options) => {
-        setComponentTranslation({ id: options.componentId, name: options.component }, options);
-    });
-    config
-        .command("remove-component-translation")
-        .description("Remove a section/component name translation for a given locale")
-        .option("--component-id <id>", "Component id (preferred; from `config list-components`)")
-        .option("--component <name>", "Component name — exact match (PascalCase, as stored in ikas.config.json)")
-        .requiredOption("--locale <locale>", "Locale to remove")
-        .action((options) => {
-        removeComponentTranslation({ id: options.componentId, name: options.component }, options);
-    });
     config
         .command("list-components")
         .description("List all components and their props (with canonical ids for use with --id flags)")
@@ -1630,13 +1353,6 @@ export function createConfigCommand() {
         .action(async (options) => {
         await listTypes(options.componentType);
     });
-    config
-        .command("list-locales")
-        .description("List the editor's configured locales — the ONLY valid --locale values for set-prop-translation / set-group-translation. Run this before adding translations; never invent a locale. (Requires a running dev server with the editor connected.)")
-        .option("--port <port>", "Dev server WebSocket port", "5201")
-        .action(async (options) => {
-        await listLocales(options.port ? parseInt(options.port, 10) : undefined);
-    });
     config
         .command("add-enum")
         .description("Create a custom enum type (offline, no editor needed)")