| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205 |
- /**
- * Licensed to Cloudera, Inc. under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. Cloudera, Inc. licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- const CleanWebpackPlugin = require('clean-webpack-plugin');
- const CopyWebpackPlugin = require('copy-webpack-plugin');
- const path = require('path');
- const fs = require('fs');
- const { VueLoaderPlugin } = require('vue-loader');
- const DIST_DIR = path.join(__dirname, 'npm_dist');
- const JS_ROOT = path.join(__dirname, '/desktop/core/src/desktop/js');
- const WRAPPER_DIR = `${__dirname}/tools/vue3-webcomponent-wrapper`;
- const defaultConfig = Object.assign({}, require('./webpack.config'), {
- mode: 'production',
- optimization: {
- minimize: true
- },
- plugins: []
- });
- const rootFiles = new Set();
- fs.readdirSync(JS_ROOT).forEach(file => {
- rootFiles.add(file.replace(/\..+$/, ''));
- });
- const relatives = ['./'];
- let current = '';
- for (let i = 1; i < 50; i++) {
- current += '../';
- relatives.push(current);
- }
- const copySourceConfig = {
- mode: 'production',
- entry: {
- pjson: './package.json'
- },
- output: {
- path: `${DIST_DIR}`
- },
- optimization: {
- minimize: false,
- usedExports: true
- },
- plugins: [
- new CleanWebpackPlugin([DIST_DIR]),
- new CopyWebpackPlugin({
- patterns: [
- { from: './NPM-README.md', to: `${DIST_DIR}/README.md` },
- {
- from: './package.json',
- to: `${DIST_DIR}/package.json`,
- transform: (content) => {
- // Remove local dependencies (currently only cuix) since it is not needed
- // and cannot be accessed by the npm registry.
- const contentStr = content.toString();
- const contentObj = JSON.parse(contentStr);
- // Iterate over the dependencies and remove local references
- Object.keys(contentObj.dependencies || {}).forEach((key) => {
- const value = contentObj.dependencies[key];
- if (value.startsWith("file:")) {
- delete contentObj.dependencies[key];
- }
- });
-
- return JSON.stringify(contentObj, null, 2);
- }
- },
- {
- from: JS_ROOT,
- to: `${DIST_DIR}`,
- transform: (content, absoluteFrom) => {
- // This turns all absolute imports to relative (except for npm dependencies) and solves module
- // resolution issues when the Hue source files are used directly from another project.
- if (/\.(jsx?|tsx?|vue)$/.test(absoluteFrom)) {
- const depth = absoluteFrom.slice(JS_ROOT.length + 1).split('/').length - 1;
- return content
- .toString()
- .replace(
- /(import\s(?:[\S\s]+?\sfrom\s[^'"]*)?['"])([^.][^'"/]*)([/])/gi,
- (all, pre, module, post) =>
- `${pre}${rootFiles.has(module) ? relatives[depth] : ''}${module}${post}`
- );
- }
- return content;
- }
- }
- ]
- })
- ]
- };
- const webComponentsConfig = Object.assign({}, defaultConfig, {
- entry: {
- ErDiagram: [`${JS_ROOT}/components/er-diagram/webcomp.ts`],
- QueryEditorWebComponents: [`${JS_ROOT}/webComponents/QueryEditorComponents.ts`],
- SqlScratchpadWebComponent: [`${JS_ROOT}/webComponents/SqlScratchpad.ts`]
- },
- output: {
- path: `${DIST_DIR}/lib/components`,
- library: '[name]',
- libraryExport: 'default',
- libraryTarget: 'umd'
- },
- plugins: [
- new VueLoaderPlugin(),
- new CopyWebpackPlugin({
- patterns: [
- {
- from: `${JS_ROOT}/webComponents/QueryEditorComponents.d.ts`,
- to: `${DIST_DIR}/lib/components`
- },
- {
- from: `${JS_ROOT}/webComponents/SqlScratchpad.d.ts`,
- to: `${DIST_DIR}/lib/components`
- }
- ]
- })
- ]
- });
- const parserConfig = Object.assign({}, defaultConfig, {
- entry: {
- calciteAutocompleteParser: [`${JS_ROOT}/parse/sql/calcite/calciteAutocompleteParser.js`],
- calciteSyntaxParser: [`${JS_ROOT}/parse/sql/calcite/calciteSyntaxParser.js`],
- flinkAutocompleteParser: [`${JS_ROOT}/parse/sql/flink/flinkAutocompleteParser.js`],
- flinkSyntaxParser: [`${JS_ROOT}/parse/sql/flink/flinkSyntaxParser.js`],
- genericAutocompleteParser: [`${JS_ROOT}/parse/sql/generic/genericAutocompleteParser.js`],
- genericSyntaxParser: [`${JS_ROOT}/parse/sql/generic/genericSyntaxParser.js`],
- hiveAutocompleteParser: [`${JS_ROOT}/parse/sql/hive/hiveAutocompleteParser.js`],
- hiveSyntaxParser: [`${JS_ROOT}/parse/sql/hive/hiveSyntaxParser.js`],
- impalaAutocompleteParser: [`${JS_ROOT}/parse/sql/impala/impalaAutocompleteParser.js`],
- impalaSyntaxParser: [`${JS_ROOT}/parse/sql/impala/impalaSyntaxParser.js`],
- ksqlAutocompleteParser: [`${JS_ROOT}/parse/sql/ksql/ksqlAutocompleteParser.js`],
- ksqlSyntaxParser: [`${JS_ROOT}/parse/sql/ksql/ksqlSyntaxParser.js`],
- phoenixAutocompleteParser: [`${JS_ROOT}/parse/sql/phoenix/phoenixAutocompleteParser.js`],
- phoenixSyntaxParser: [`${JS_ROOT}/parse/sql/phoenix/phoenixSyntaxParser.js`],
- prestoAutocompleteParser: [`${JS_ROOT}/parse/sql/presto/prestoAutocompleteParser.js`],
- prestoSyntaxParser: [`${JS_ROOT}/parse/sql/presto/prestoSyntaxParser.js`],
- dasksqlAutocompleteParser: [`${JS_ROOT}/parse/sql/dasksql/dasksqlAutocompleteParser.js`],
- dasksqlSyntaxParser: [`${JS_ROOT}/parse/sql/dasksql/dasksqlSyntaxParser.js`]
- },
- performance: {
- hints: false,
- maxEntrypointSize: 1500000,
- maxAssetSize: 1500000
- },
- output: {
- path: `${DIST_DIR}/lib/parsers`,
- library: '[name]',
- libraryExport: 'default',
- libraryTarget: 'umd',
- umdNamedDefine: true,
- globalObject: `(typeof self !== 'undefined' ? self : this)`
- }
- });
- const vue3WebCompWrapperConfig = Object.assign({}, defaultConfig, {
- entry: {
- index: [`${JS_ROOT}/vue/wrapper/index.ts`]
- },
- output: {
- path: `${WRAPPER_DIR}/dist`,
- library: '[name]',
- libraryExport: 'default',
- libraryTarget: 'umd',
- umdNamedDefine: true,
- globalObject: `(typeof self !== 'undefined' ? self : this)`
- },
- plugins: [
- new CleanWebpackPlugin([`${WRAPPER_DIR}/src`, `${WRAPPER_DIR}/dist`]),
- new CopyWebpackPlugin({
- patterns: [{ from: `${JS_ROOT}/vue/wrapper/`, to: `${WRAPPER_DIR}/src` }]
- })
- ]
- });
- module.exports = [copySourceConfig, webComponentsConfig, parserConfig, vue3WebCompWrapperConfig];
|