@vonaffenfels/contentful-slate-editor 1.2.38 → 1.2.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/.babelrc +37 -37
  2. package/Readme.md +9 -9
  3. package/package.json +3 -3
  4. package/postcss.config.js +6 -6
  5. package/src/components/ConfigScreen.js +118 -118
  6. package/src/components/DialogCloudinary.js +51 -51
  7. package/src/components/DialogTranslation.js +316 -316
  8. package/src/components/EntryEditor.js +50 -50
  9. package/src/components/Field.js +71 -71
  10. package/src/components/Sidebar.js +92 -92
  11. package/src/dev.js +4 -4
  12. package/src/hooks/useOnScreen.js +23 -23
  13. package/src/index.html +11 -11
  14. package/src/index.js +85 -85
  15. package/src/scss/dialog-cloudinary.scss +17 -17
  16. package/src/scss/index.scss +24 -24
  17. package/tailwind.config.js +4 -4
  18. package/webpack.config.dev.js +25 -25
  19. package/webpack.config.js +197 -197
package/webpack.config.js CHANGED
@@ -1,198 +1,198 @@
1
- const path = require('path');
2
- const MiniCssExtractPlugin = require('mini-css-extract-plugin');
3
- const HtmlWebpackPlugin = require('html-webpack-plugin');
4
- const webpack = require("webpack");
5
- const {readFileSync} = require("fs");
6
- const {CleanWebpackPlugin} = require('clean-webpack-plugin');
7
- const slateEditorBase = require.resolve("@vonaffenfels/slate-editor").replace("index.js", "");
8
-
9
- module.exports = ({
10
- outPath = path.resolve(__dirname, 'dist'),
11
- babelConfig = JSON.parse(readFileSync("../../.babelrc").toString()),
12
- componentImportRoot = "@vonaffenfels/slate-editor/src/dev/testComponents",
13
- relativePathToComponents = path.resolve(__dirname + "../../../@base/slate-editor/src/dev/testComponents"),
14
- postCssConfig = {
15
- plugins: {
16
- 'postcss-import': {},
17
- tailwindcss: {},
18
- autoprefixer: {},
19
- },
20
- },
21
- transpilePaths = [],
22
- }) => {
23
- let fullTranspilePaths = [
24
- path.resolve(__dirname, 'src'),
25
- relativePathToComponents,
26
- ...transpilePaths,
27
- slateEditorBase,
28
- ];
29
-
30
- return {
31
- mode: 'production',
32
- entry: {index: './src/index.js'},
33
- module: {
34
- rules: [
35
- {
36
- test: /storyLoader.js/i,
37
- use: [
38
- {
39
- loader: "@vonaffenfels/slate-editor/storyLoader.js",
40
- options: {
41
- storiesRoot: relativePathToComponents,
42
- storiesImportRoot: componentImportRoot,
43
- },
44
- },
45
- {
46
- loader: 'babel-loader',
47
- options: babelConfig,
48
- },
49
- ],
50
- },
51
- {
52
- test: /componentLoader.js/i,
53
- use: [
54
- {
55
- loader: "@vonaffenfels/slate-editor/componentLoader.js",
56
- options: {
57
- componentRoot: relativePathToComponents,
58
- componentImportRoot: componentImportRoot,
59
- },
60
- },
61
- {
62
- loader: 'babel-loader',
63
- options: babelConfig,
64
- },
65
- ],
66
- },
67
- {
68
- test: /\.js$/,
69
- include: fullTranspilePaths,
70
- use: [
71
- {
72
- loader: 'babel-loader',
73
- options: babelConfig,
74
- },
75
- ],
76
- },
77
- {
78
- test: /\.s[ac]ss$/i,
79
- include: fullTranspilePaths,
80
- use: [
81
- "style-loader",
82
- {
83
- loader: 'css-loader',
84
- options: {importLoaders: 1},
85
- },
86
- {
87
- loader: 'postcss-loader',
88
- options: {postcssOptions: postCssConfig},
89
- },
90
- "sass-loader",
91
- ],
92
- },
93
- {
94
- test: /module\.css$/i,
95
- use: [
96
- 'style-loader',
97
- {
98
- loader: 'css-loader',
99
- options: {
100
- importLoaders: 1,
101
- modules: {exportLocalsConvention: "camelCase"},
102
- },
103
- },
104
- {
105
- loader: 'postcss-loader',
106
- options: {postcssOptions: postCssConfig},
107
- },
108
- ],
109
- },
110
- {
111
- test: /\.css$/i,
112
- exclude: [/module\.css$/i],
113
- use: [
114
- 'style-loader',
115
- {
116
- loader: 'css-loader',
117
- options: {importLoaders: 1},
118
- },
119
- {
120
- loader: 'postcss-loader',
121
- options: {postcssOptions: postCssConfig},
122
- },
123
- ],
124
- },
125
- {
126
- test: /\.svg$/,
127
- resourceQuery: {not: [/url/]}, // exclude react component if *.svg?url
128
- use: [
129
- {
130
- loader: '@svgr/webpack',
131
- options: {
132
- dimensions: false,
133
- svgo: false,
134
- },
135
- },
136
- 'url-loader',
137
- ],
138
- },
139
- {
140
- test: /\.svg$/,
141
- resourceQuery: /url/, // include if *.svg?url
142
- use: [
143
- {
144
- loader: 'file-loader',
145
- options: {
146
- name: '[name].[ext]',
147
- outputPath: 'svgs/',
148
- },
149
- },
150
- ],
151
- },
152
- {
153
- test: /\.(woff(2)?|ttf|eot|png)(\?v=\d+\.\d+\.\d+)?$/,
154
- use: [
155
- {
156
- loader: 'file-loader',
157
- options: {
158
- name: '[name].[ext]',
159
- outputPath: 'fonts/',
160
- },
161
- },
162
- ],
163
- },
164
- {
165
- test: /\.(graphql|gql)$/,
166
- loader: 'raw-loader',
167
- },
168
- ],
169
- },
170
- plugins: [
171
- new CleanWebpackPlugin(),
172
- new HtmlWebpackPlugin({template: path.join(__dirname, 'src', 'index.html')}),
173
- new MiniCssExtractPlugin({}),
174
- new webpack.ProvidePlugin({process: 'process/browser.js'}),
175
- ],
176
- resolve: {
177
- extensions: ['.json', '.js', '.jsx'],
178
- symlinks: false,
179
- fallback: {
180
- fs: false,
181
- zlib: false,
182
- stream: false,
183
- path: false,
184
- timers: false,
185
- crypto: false,
186
- },
187
- alias: {storybookStories: '@vonaffenfels/slate-editor/storyLoader.js'},
188
- },
189
- output: {
190
- filename: '[name].js',
191
- libraryTarget: "umd",
192
- publicPath: "/",
193
- globalObject: "this",
194
- path: outPath,
195
- },
196
- snapshot: {managedPaths: []},
197
- };
1
+ const path = require('path');
2
+ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
3
+ const HtmlWebpackPlugin = require('html-webpack-plugin');
4
+ const webpack = require("webpack");
5
+ const {readFileSync} = require("fs");
6
+ const {CleanWebpackPlugin} = require('clean-webpack-plugin');
7
+ const slateEditorBase = require.resolve("@vonaffenfels/slate-editor").replace("index.js", "");
8
+
9
+ module.exports = ({
10
+ outPath = path.resolve(__dirname, 'dist'),
11
+ babelConfig = JSON.parse(readFileSync("../../.babelrc").toString()),
12
+ componentImportRoot = "@vonaffenfels/slate-editor/src/dev/testComponents",
13
+ relativePathToComponents = path.resolve(__dirname + "../../../@base/slate-editor/src/dev/testComponents"),
14
+ postCssConfig = {
15
+ plugins: {
16
+ 'postcss-import': {},
17
+ tailwindcss: {},
18
+ autoprefixer: {},
19
+ },
20
+ },
21
+ transpilePaths = [],
22
+ }) => {
23
+ let fullTranspilePaths = [
24
+ path.resolve(__dirname, 'src'),
25
+ relativePathToComponents,
26
+ ...transpilePaths,
27
+ slateEditorBase,
28
+ ];
29
+
30
+ return {
31
+ mode: 'production',
32
+ entry: {index: './src/index.js'},
33
+ module: {
34
+ rules: [
35
+ {
36
+ test: /storyLoader.js/i,
37
+ use: [
38
+ {
39
+ loader: "@vonaffenfels/slate-editor/storyLoader.js",
40
+ options: {
41
+ storiesRoot: relativePathToComponents,
42
+ storiesImportRoot: componentImportRoot,
43
+ },
44
+ },
45
+ {
46
+ loader: 'babel-loader',
47
+ options: babelConfig,
48
+ },
49
+ ],
50
+ },
51
+ {
52
+ test: /componentLoader.js/i,
53
+ use: [
54
+ {
55
+ loader: "@vonaffenfels/slate-editor/componentLoader.js",
56
+ options: {
57
+ componentRoot: relativePathToComponents,
58
+ componentImportRoot: componentImportRoot,
59
+ },
60
+ },
61
+ {
62
+ loader: 'babel-loader',
63
+ options: babelConfig,
64
+ },
65
+ ],
66
+ },
67
+ {
68
+ test: /\.js$/,
69
+ include: fullTranspilePaths,
70
+ use: [
71
+ {
72
+ loader: 'babel-loader',
73
+ options: babelConfig,
74
+ },
75
+ ],
76
+ },
77
+ {
78
+ test: /\.s[ac]ss$/i,
79
+ include: fullTranspilePaths,
80
+ use: [
81
+ "style-loader",
82
+ {
83
+ loader: 'css-loader',
84
+ options: {importLoaders: 1},
85
+ },
86
+ {
87
+ loader: 'postcss-loader',
88
+ options: {postcssOptions: postCssConfig},
89
+ },
90
+ "sass-loader",
91
+ ],
92
+ },
93
+ {
94
+ test: /module\.css$/i,
95
+ use: [
96
+ 'style-loader',
97
+ {
98
+ loader: 'css-loader',
99
+ options: {
100
+ importLoaders: 1,
101
+ modules: {exportLocalsConvention: "camelCase"},
102
+ },
103
+ },
104
+ {
105
+ loader: 'postcss-loader',
106
+ options: {postcssOptions: postCssConfig},
107
+ },
108
+ ],
109
+ },
110
+ {
111
+ test: /\.css$/i,
112
+ exclude: [/module\.css$/i],
113
+ use: [
114
+ 'style-loader',
115
+ {
116
+ loader: 'css-loader',
117
+ options: {importLoaders: 1},
118
+ },
119
+ {
120
+ loader: 'postcss-loader',
121
+ options: {postcssOptions: postCssConfig},
122
+ },
123
+ ],
124
+ },
125
+ {
126
+ test: /\.svg$/,
127
+ resourceQuery: {not: [/url/]}, // exclude react component if *.svg?url
128
+ use: [
129
+ {
130
+ loader: '@svgr/webpack',
131
+ options: {
132
+ dimensions: false,
133
+ svgo: false,
134
+ },
135
+ },
136
+ 'url-loader',
137
+ ],
138
+ },
139
+ {
140
+ test: /\.svg$/,
141
+ resourceQuery: /url/, // include if *.svg?url
142
+ use: [
143
+ {
144
+ loader: 'file-loader',
145
+ options: {
146
+ name: '[name].[ext]',
147
+ outputPath: 'svgs/',
148
+ },
149
+ },
150
+ ],
151
+ },
152
+ {
153
+ test: /\.(woff(2)?|ttf|eot|png)(\?v=\d+\.\d+\.\d+)?$/,
154
+ use: [
155
+ {
156
+ loader: 'file-loader',
157
+ options: {
158
+ name: '[name].[ext]',
159
+ outputPath: 'fonts/',
160
+ },
161
+ },
162
+ ],
163
+ },
164
+ {
165
+ test: /\.(graphql|gql)$/,
166
+ loader: 'raw-loader',
167
+ },
168
+ ],
169
+ },
170
+ plugins: [
171
+ new CleanWebpackPlugin(),
172
+ new HtmlWebpackPlugin({template: path.join(__dirname, 'src', 'index.html')}),
173
+ new MiniCssExtractPlugin({}),
174
+ new webpack.ProvidePlugin({process: 'process/browser.js'}),
175
+ ],
176
+ resolve: {
177
+ extensions: ['.json', '.js', '.jsx'],
178
+ symlinks: false,
179
+ fallback: {
180
+ fs: false,
181
+ zlib: false,
182
+ stream: false,
183
+ path: false,
184
+ timers: false,
185
+ crypto: false,
186
+ },
187
+ alias: {storybookStories: '@vonaffenfels/slate-editor/storyLoader.js'},
188
+ },
189
+ output: {
190
+ filename: '[name].js',
191
+ libraryTarget: "umd",
192
+ publicPath: "/",
193
+ globalObject: "this",
194
+ path: outPath,
195
+ },
196
+ snapshot: {managedPaths: []},
197
+ };
198
198
  };