0

есть интерфейс

interface IName {
  'name-a': string;
  'name-b': string;
  'name-c': string;
}

или обект

const name = {
  'name-a': 'a',
  'name-b': 'b',
  'name-c': 'c',
};

нужно получить на его основе такой интерфейс

interface IRoot {
  name: string;
}

нужно автаматически все это получить

типо IRoot<typeof name> либо IRoot<IName> и на выход получить то что на верху

суть в том что IName будет разростатся и он на основе css modules, то есть типы автаматически выводятся из того что в стилях.

руками писать 'name' не вариант

введите сюда описание изображения

4
  • 1
    Непонятно какая связь первого и последнего?
    – Alexey Ten
    21 мар в 14:08
  • @AlexeyTen связ в корне, все свойства имеют(либо будут иметь) обший корень
    – Armen
    21 мар в 14:13
  • 1
    С картинкой стало ещё непонятнее. В ней вообще-то нет общего префикса. Ну и чем вас не устраивает выведенный тип?
    – Alexey Ten
    21 мар в 19:01
  • @AlexeyTen из картинки (font-family, font-size, font-weight корни) там еще есть, не перечислить же все)
    – Armen
    21 мар в 19:10

1 ответ 1

0

Подозреваю что вам нужно это https://www.typescriptlang.org/docs/handbook/2/template-literal-types.html

interface IRoot {
  [k: `name-${string}`]: string;
}

// ok
q['name-ok'] = 'ok';
// error
q['name-error'] = false;
q['error'] = 'string';

playground

А может проще определить generic-тип:

type IRoot<prefix extends string> = Record<`${prefix}-${string}`, string>;

let q: IRoot<'name'> = {};

// ok
q['name-ok'] = 'ok';
// errors
q['name-error'] = false;
q['error'] = 'string';

playground

6
  • не совсем, вместо name может быть age, мне бы трансформатор каторый бы работал с любыми ключами автаматически
    – Armen
    21 мар в 14:30
  • 1
    Т.е. вам нужно выделить общую часть ключей интерфейса? Нуу, наверное это тоже можно сделать, но выглядит каким-то сильным переусложнением и плохой архитектурой…
    – Alexey Ten
    21 мар в 14:32
  • не с архитектурой у меня проблем не было даже в жудких проектах, просто вилосепед у меня типо tailwind, и есть проблема с дефолтными классами, проблему решил вот только еще типизацию на это прикрутить и было бы топ.
    – Armen
    21 мар в 14:39
  • @Armen обновил ответ
    – Alexey Ten
    21 мар в 14:40
  • обновил вопрос, надюсь чуть понятнее вышло.
    – Armen
    21 мар в 14:45

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.