Skip to content

Commit

Permalink
Update dependencies from ckeditor5-dev after changes in folder stru…
Browse files Browse the repository at this point in the history
…cture
  • Loading branch information
martnpaneq committed Dec 15, 2022
1 parent 0331398 commit 709bb4c
Show file tree
Hide file tree
Showing 29 changed files with 69 additions and 70 deletions.
4 changes: 2 additions & 2 deletions docs/features/ui-language.md
Original file line number Diff line number Diff line change
Expand Up @@ -119,11 +119,11 @@ If you build CKEditor 5 from scratch or integrate it directly into your applicat
Note: The language code is defined in the [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) standard.

```js
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );

// Define webpack plugins...
plugins: [
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// The main language that will be built into the main bundle.
language: 'en',

Expand Down
14 changes: 7 additions & 7 deletions docs/installation/advanced/integrating-from-source.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ order: 10
# Integrating from source

<info-box>
CKEditor 5 is currently built using [webpack@5](https://webpack.js.org/). All builds, examples and demos are generated using this bundler. It should also be possible to build CKEditor 5 using other bundlers (if they are configured properly), such as [Rollup](https://github.com/rollup/rollup) or [Browserify](http://browserify.org/), but these setups are not officially supported yet. Also, the [`@ckeditor/ckeditor5-dev-webpack-plugin`](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-webpack-plugin) that allows to localize the editor is only available for webpack. More work on this subject will be done in the future.
CKEditor 5 is currently built using [webpack@5](https://webpack.js.org/). All builds, examples and demos are generated using this bundler. It should also be possible to build CKEditor 5 using other bundlers (if they are configured properly), such as [Rollup](https://github.com/rollup/rollup) or [Browserify](http://browserify.org/), but these setups are not officially supported yet. Also, the [`@ckeditor/ckeditor5-dev-translations`](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-translations) that allows to localize the editor is only available for webpack. More work on this subject will be done in the future.

Therefore, a prerequisite to this guide is that you are using webpack as your build tool.
</info-box>
Expand Down Expand Up @@ -47,7 +47,7 @@ The second step is to install dependencies needed to build the editor. The list

```bash
npm install --save \
@ckeditor/ckeditor5-dev-webpack-plugin \
@ckeditor/ckeditor5-dev-translations \
@ckeditor/ckeditor5-dev-utils \
css-loader@5 \
postcss-loader@4 \
Expand All @@ -63,19 +63,19 @@ You can now configure webpack. There are a couple of things that you need to tak

* Handling CSS files of the CKEditor theme. They are included in the CKEditor 5 sources using `import 'path/to/styles.css'` statements, so you need [proper loaders](https://webpack.js.org/loaders/).
* Similarly, you need to handle bundling SVG icons, which are also imported directly into the source. For that you need the [`raw-loader`](https://webpack.js.org/loaders/raw-loader/).
* Finally, to localize the editor you need to use the [`@ckeditor/ckeditor5-dev-webpack-plugin`](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-webpack-plugin) webpack plugin.
* Finally, to localize the editor you need to use the [`@ckeditor/ckeditor5-dev-translations`](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-translations) webpack plugin.

The minimal configuration, assuming that you use the same methods of handling assets as CKEditor 5 builds, will look like this:

```js
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );
const { styles } = require( '@ckeditor/ckeditor5-dev-utils' );

module.exports = {
plugins: [
// ...

new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// See https://ckeditor.com/docs/ckeditor5/latest/features/ui-language.html
language: 'pl'
} )
Expand Down Expand Up @@ -127,13 +127,13 @@ module.exports = {
If you use [Webpack Encore](https://github.com/symfony/webpack-encore), you can use the following configuration:

```js
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );
const { styles } = require( '@ckeditor/ckeditor5-dev-utils' );

Encore.
// ... your configuration ...

.addPlugin( new CKEditorWebpackPlugin( {
.addPlugin( new CKEditorTranslationsPlugin( {
// See https://ckeditor.com/docs/ckeditor5/latest/features/ui-language.html
language: 'pl'
} ) )
Expand Down
8 changes: 4 additions & 4 deletions docs/installation/frameworks/react.md
Original file line number Diff line number Diff line change
Expand Up @@ -609,10 +609,10 @@ For more information, please refer to the {@link features/ui-language Setting th

### CKEditor 5 built from source

Using the editor [built from source](#integrating-ckeditor-5-built-from-source) requires you to modify the webpack configuration. First, install the [official webpack plugin](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-webpack-plugin) that allows localizing editor builds:
Using the editor [built from source](#integrating-ckeditor-5-built-from-source) requires you to modify the webpack configuration. First, install the [official translations webpack plugin](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-translations) that allows localizing editor builds:

```
yarn add @ckeditor/ckeditor5-dev-webpack-plugin --dev
yarn add @ckeditor/ckeditor5-dev-translations --dev
```

Then, add the installed plugin to the webpack configuration:
Expand All @@ -622,15 +622,15 @@ Then, add the installed plugin to the webpack configuration:
'use strict';

// ...
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );

module.exports = {
// ...

plugins: [
// ....

new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// The UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format.
language: 'de',
addMainLanguageTranslationsToAllAssets: true
Expand Down
12 changes: 6 additions & 6 deletions docs/installation/frameworks/vuejs-v2.md
Original file line number Diff line number Diff line change
Expand Up @@ -253,7 +253,7 @@ First, install the necessary dependencies:
```bash
npm install --save \
@ckeditor/ckeditor5-vue2 \
@ckeditor/ckeditor5-dev-webpack-plugin \
@ckeditor/ckeditor5-dev-translations \
@ckeditor/ckeditor5-dev-utils \
postcss-loader@4 \
raw-loader@4
Expand All @@ -263,7 +263,7 @@ Edit the `vue.config.js` file and use the following configuration. If the file i

```js
const path = require( 'path' );
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );
const { styles } = require( '@ckeditor/ckeditor5-dev-utils' );

module.exports = {
Expand All @@ -277,7 +277,7 @@ module.exports = {
configureWebpack: {
plugins: [
// CKEditor needs its own plugin to be built using webpack.
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// See https://ckeditor.com/docs/ckeditor5/latest/features/ui-language.html
language: 'en',

Expand Down Expand Up @@ -505,13 +505,13 @@ For more information, please refer to the {@link features/ui-language Setting th

### CKEditor 5 built from source

Using the editor [built from source](#using-ckeditor-from-source) requires you to modify the webpack configuration. Pass the `language` (also `additionalLanguages`) to the constructor of [`CKEditorWebpackPlugin`](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-webpack-plugin) to localize your editor:
Using the editor [built from source](#using-ckeditor-from-source) requires you to modify the webpack configuration. Pass the `language` (also `additionalLanguages`) to the constructor of [`CKEditorTranslationsPlugin`](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-translations) to localize your editor:

```js
// vue.config.js
// ...

const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );

// ...

Expand All @@ -521,7 +521,7 @@ module.exports = {
configureWebpack: {
plugins: [
// CKEditor needs its own plugin to be built using webpack.
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// The UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format.
language: 'de',

Expand Down
12 changes: 6 additions & 6 deletions docs/installation/frameworks/vuejs-v3.md
Original file line number Diff line number Diff line change
Expand Up @@ -252,7 +252,7 @@ First, install the necessary dependencies:
```bash
npm install --save \
@ckeditor/ckeditor5-vue \
@ckeditor/ckeditor5-dev-webpack-plugin \
@ckeditor/ckeditor5-dev-translations \
@ckeditor/ckeditor5-dev-utils \
postcss-loader@4 \
raw-loader@4
Expand All @@ -262,7 +262,7 @@ Edit the `vue.config.js` file and use the following configuration. If the file i

```js
const path = require( 'path' );
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );
const { styles } = require( '@ckeditor/ckeditor5-dev-utils' );

module.exports = {
Expand All @@ -276,7 +276,7 @@ module.exports = {
configureWebpack: {
plugins: [
// CKEditor needs its own plugin to be built using webpack.
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// See https://ckeditor.com/docs/ckeditor5/latest/features/ui-language.html
language: 'en',

Expand Down Expand Up @@ -505,13 +505,13 @@ For more information, please refer to the {@link features/ui-language Setting th

### CKEditor 5 built from source

Using the editor [built from source](#using-ckeditor-from-source) requires you to modify the webpack configuration. Pass the `language` (also `additionalLanguages`) to the constructor of [`CKEditorWebpackPlugin`](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-webpack-plugin) to localize your editor:
Using the editor [built from source](#using-ckeditor-from-source) requires you to modify the webpack configuration. Pass the `language` (also `additionalLanguages`) to the constructor of [`CKEditorTranslationsPlugin`](https://www.npmjs.com/package/@ckeditor/ckeditor5-dev-translations) to localize your editor:

```js
// vue.config.js
// ...

const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );

// ...

Expand All @@ -521,7 +521,7 @@ module.exports = {
configureWebpack: {
plugins: [
// CKEditor needs its own plugin to be built using webpack.
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// The UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format.
language: 'de',

Expand Down
7 changes: 5 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -81,11 +81,14 @@
},
"devDependencies": {
"@ckeditor/ckeditor5-comments": ">=28.0.0",
"@ckeditor/ckeditor5-dev-bump-year": "^32.0.0",
"@ckeditor/ckeditor5-dev-docs": "^31.0.0",
"@ckeditor/ckeditor5-dev-env": "^31.0.0",
"@ckeditor/ckeditor5-dev-release-tools": "^32.0.0",
"@ckeditor/ckeditor5-dev-tests": "^31.0.0",
"@ckeditor/ckeditor5-dev-transifex": "^32.0.0",
"@ckeditor/ckeditor5-dev-translations": "^32.0.0",
"@ckeditor/ckeditor5-dev-utils": "^31.0.0",
"@ckeditor/ckeditor5-dev-webpack-plugin": "^31.0.0",
"@ckeditor/ckeditor5-dev-web-crawler": "^32.0.0",
"@ckeditor/ckeditor5-export-pdf": ">=1.0.0",
"@ckeditor/ckeditor5-export-word": ">=1.0.0",
"@ckeditor/ckeditor5-import-word": ">=1.0.0",
Expand Down
2 changes: 1 addition & 1 deletion packages/ckeditor5-build-balloon-block/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -51,8 +51,8 @@
},
"devDependencies": {
"@ckeditor/ckeditor5-core": "^35.4.0",
"@ckeditor/ckeditor5-dev-translations": "^32.0.0",
"@ckeditor/ckeditor5-dev-utils": "^31.0.0",
"@ckeditor/ckeditor5-dev-webpack-plugin": "^31.0.0",
"@ckeditor/ckeditor5-theme-lark": "^35.4.0",
"css-loader": "^5.2.7",
"postcss-loader": "^4.3.0",
Expand Down
4 changes: 2 additions & 2 deletions packages/ckeditor5-build-balloon-block/webpack.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
const path = require( 'path' );
const webpack = require( 'webpack' );
const { bundler, styles } = require( '@ckeditor/ckeditor5-dev-utils' );
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );
const TerserPlugin = require( 'terser-webpack-plugin' );

module.exports = {
Expand Down Expand Up @@ -45,7 +45,7 @@ module.exports = {
},

plugins: [
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format.
// When changing the built-in language, remember to also change it in the editor's configuration (src/ckeditor.js).
language: 'en',
Expand Down
2 changes: 1 addition & 1 deletion packages/ckeditor5-build-balloon/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -50,8 +50,8 @@
},
"devDependencies": {
"@ckeditor/ckeditor5-core": "^35.4.0",
"@ckeditor/ckeditor5-dev-translations": "^32.0.0",
"@ckeditor/ckeditor5-dev-utils": "^31.0.0",
"@ckeditor/ckeditor5-dev-webpack-plugin": "^31.0.0",
"@ckeditor/ckeditor5-theme-lark": "^35.4.0",
"css-loader": "^5.2.7",
"postcss-loader": "^4.3.0",
Expand Down
4 changes: 2 additions & 2 deletions packages/ckeditor5-build-balloon/webpack.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
const path = require( 'path' );
const webpack = require( 'webpack' );
const { bundler, styles } = require( '@ckeditor/ckeditor5-dev-utils' );
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );
const TerserPlugin = require( 'terser-webpack-plugin' );

module.exports = {
Expand Down Expand Up @@ -45,7 +45,7 @@ module.exports = {
},

plugins: [
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format.
// When changing the built-in language, remember to also change it in the editor's configuration (src/ckeditor.js).
language: 'en',
Expand Down
2 changes: 1 addition & 1 deletion packages/ckeditor5-build-classic/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -50,8 +50,8 @@
},
"devDependencies": {
"@ckeditor/ckeditor5-core": "^35.4.0",
"@ckeditor/ckeditor5-dev-translations": "^32.0.0",
"@ckeditor/ckeditor5-dev-utils": "^31.0.0",
"@ckeditor/ckeditor5-dev-webpack-plugin": "^31.0.0",
"@ckeditor/ckeditor5-theme-lark": "^35.4.0",
"css-loader": "^5.2.7",
"postcss-loader": "^4.3.0",
Expand Down
4 changes: 2 additions & 2 deletions packages/ckeditor5-build-classic/webpack.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
const path = require( 'path' );
const webpack = require( 'webpack' );
const { bundler, styles } = require( '@ckeditor/ckeditor5-dev-utils' );
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );
const TerserPlugin = require( 'terser-webpack-plugin' );

module.exports = {
Expand Down Expand Up @@ -45,7 +45,7 @@ module.exports = {
},

plugins: [
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format.
// When changing the built-in language, remember to also change it in the editor's configuration (src/ckeditor.js).
language: 'en',
Expand Down
2 changes: 1 addition & 1 deletion packages/ckeditor5-build-decoupled-document/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -52,8 +52,8 @@
},
"devDependencies": {
"@ckeditor/ckeditor5-core": "^35.4.0",
"@ckeditor/ckeditor5-dev-translations": "^32.0.0",
"@ckeditor/ckeditor5-dev-utils": "^31.0.0",
"@ckeditor/ckeditor5-dev-webpack-plugin": "^31.0.0",
"@ckeditor/ckeditor5-theme-lark": "^35.4.0",
"css-loader": "^5.2.7",
"postcss-loader": "^4.3.0",
Expand Down
4 changes: 2 additions & 2 deletions packages/ckeditor5-build-decoupled-document/webpack.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
const path = require( 'path' );
const webpack = require( 'webpack' );
const { bundler, styles } = require( '@ckeditor/ckeditor5-dev-utils' );
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );
const TerserPlugin = require( 'terser-webpack-plugin' );

module.exports = {
Expand Down Expand Up @@ -45,7 +45,7 @@ module.exports = {
},

plugins: [
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format.
// When changing the built-in language, remember to also change it in the editor's configuration (src/ckeditor.js).
language: 'en',
Expand Down
2 changes: 1 addition & 1 deletion packages/ckeditor5-build-inline/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -50,8 +50,8 @@
},
"devDependencies": {
"@ckeditor/ckeditor5-core": "^35.4.0",
"@ckeditor/ckeditor5-dev-translations": "^32.0.0",
"@ckeditor/ckeditor5-dev-utils": "^31.0.0",
"@ckeditor/ckeditor5-dev-webpack-plugin": "^31.0.0",
"@ckeditor/ckeditor5-theme-lark": "^35.4.0",
"css-loader": "^5.2.7",
"postcss-loader": "^4.3.0",
Expand Down
4 changes: 2 additions & 2 deletions packages/ckeditor5-build-inline/webpack.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
const path = require( 'path' );
const webpack = require( 'webpack' );
const { bundler, styles } = require( '@ckeditor/ckeditor5-dev-utils' );
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );
const TerserPlugin = require( 'terser-webpack-plugin' );

module.exports = {
Expand Down Expand Up @@ -45,7 +45,7 @@ module.exports = {
},

plugins: [
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format.
// When changing the built-in language, remember to also change it in the editor's configuration (src/ckeditor.js).
language: 'en',
Expand Down
2 changes: 1 addition & 1 deletion scripts/bump-year.js
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ git commit -am "Internal: Bumped the year." && git push
*/

require( '@ckeditor/ckeditor5-dev-env' )
require( '@ckeditor/ckeditor5-dev-bump-year' )
.bumpYear( {
cwd: process.cwd(),
globPatterns: [
Expand Down
4 changes: 2 additions & 2 deletions scripts/dll/webpack.config.dll.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ const webpack = require( 'webpack' );
const TerserPlugin = require( 'terser-webpack-plugin' );
const WrapperPlugin = require( 'wrapper-webpack-plugin' );
const { bundler, styles } = require( '@ckeditor/ckeditor5-dev-utils' );
const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
const { CKEditorTranslationsPlugin } = require( '@ckeditor/ckeditor5-dev-translations' );

const ROOT_DIRECTORY = path.resolve( __dirname, '..', '..' );
const IS_DEVELOPMENT_MODE = process.argv.includes( '--mode=development' );
Expand Down Expand Up @@ -85,7 +85,7 @@ const webpackConfig = {
libraryTarget: 'window'
},
plugins: [
new CKEditorWebpackPlugin( {
new CKEditorTranslationsPlugin( {
// UI language. Language codes follow the https://en.wikipedia.org/wiki/ISO_639-1 format.
language: 'en',
additionalLanguages: 'all',
Expand Down
2 changes: 1 addition & 1 deletion scripts/docs/build-content-styles.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ const path = require( 'path' );
const mkdirp = require( 'mkdirp' );
const webpack = require( 'webpack' );
const { styles } = require( '@ckeditor/ckeditor5-dev-utils' );
const { getLastFromChangelog } = require( '@ckeditor/ckeditor5-dev-env/lib/release-tools/utils/versions' );
const { getLastFromChangelog } = require( '@ckeditor/ckeditor5-dev-release-tools' );
const { writeFile, getCkeditor5Plugins, normalizePath } = require( './utils' );
const postCssContentStylesPlugin = require( './list-content-styles-plugin' );

Expand Down
Loading

0 comments on commit 709bb4c

Please sign in to comment.