Рады представить вашему вниманию версию Flexberry Ember с новой темой оформления, получившей название ghost. В следующих версиях мы продолжим прогрессивное развитие всех тем оформления, выпуск этой верии можно считать лишь завершением первого этапа.

Изменения в версиях ember-flexberry@3.4.0 и ember-flexberry-data@3.4.0

Основные изменения этих версий связаны с добавлением новой темы оформления, полный список изменений можно найти в журналах изменений: для ember-flexberry@3.4.0 и для ember-flexberry-data@3.4.0.

Также эти версии включают изменения из соответствующих 2.4.0 версий, поэтому перед обновлением ознакомтесь с новостью о выпуске этих версий.

Обновление с версии ember-flexberry@3.3.0

Этот процесс не автоматизирован, поэтому некоторые действия необходимо выполнить вручную.

Обновление зависимостей

Для обновления установленной версии ember-flexberry рекомендуется использовать команду ember install ember-flexberry@3.4.0, эта команда, кроме обновления версии ember-flexberry, также обновит и его зависимости.

Если в процессе обновления зависимостей произошла ошибка, или вы по какой-либо причине не можете воспользоваться этой командой, после обновления установленной версии ember-flexberry запустите команду ember generate ember-flexberry, она также обновит зависимости ember-flexberry.

Настройка приложения

Кроме обновления зависимостей, необходимо обновить настройки тем оформления и сборки приложения.

• Обновите содержимое файла theme.config, находящегося в корневой директории вашего приложения, содержимым из файла node_modules\ember-flexberry\blueprints\flexberry-core\files\theme.config.
• Обновите содержимое файла theme.less, находящегося в директории app\styles, содержимым из файла node_modules\ember-flexberry\blueprints\flexberry-core\files\__root__\styles\theme.less.
• Замените импорт стилей ember-flexberry в файле app.less, находящегося в директории app\styles.

Было:

@import 'src/semantic';
@import 'node_modules/ember-flexberry/addon/styles/addon';

Стало:

@import 'src/flexberry-imports';

• Добавьте настройки сборки приложения в файл ember-cli-build.js, находящийся в корневой директории вашего приложения.

Было:

let app = new EmberApp(defaults, {
  lessOptions: {
    paths: [
      'bower_components/semantic-ui'
    ]
  }
});

Стало:

let app = new EmberApp(defaults, {
  lessOptions: {
    paths: [
        'bower_components/semantic-ui',
        'node_modules/ember-flexberry-themes',
    ]
  },
  postcssOptions: {
    compile: {
      enabled: false,
      browsers: ['last 3 versions'],
    },
    filter: {
      enabled: true,
      plugins: [
        {
          module: autoprefixer,
          options: {
            browsers: ['last 3 versions']
          }
        }
      ]
    }
  }
});

Альтернативный вариант обновления

Для обновления настроек тем оформления и сборки приложения можно выполнить перегенерацию приложения, запустив следующую команду:

ember generate flexberry-application app --metadata-dir vendor/flexberry

Чтобы использовать тему оформления ghost, можно выполнить перегенерацию приложения, добавив в команду параметр --new-theme true:

ember generate flexberry-application app --metadata-dir vendor/flexberry --new-theme true

Более подробную информацию по переходу на тему оформления ghost читайте в этом руководстве.