graph-explorer/webpack.demo.config.js

Graph Explorer can be used to explore and RDF graphs in SPARQL endpoints or on the web.

/* eslint-disable */

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin")

const SUPPORT_IE = process.env.SUPPORT_IE;
const SPARQL_ENDPOINT = process.env.SPARQL_ENDPOINT;
const SPARQL_UPDATE_ENDPOINT = process.env.SPARQL_UPDATE_ENDPOINT;
const WIKIDATA_ENDPOINT = process.env.WIKIDATA_ENDPOINT;
const LOD_PROXY = process.env.LOD_PROXY;
const PROP_SUGGEST = process.env.PROP_SUGGEST;

const aliases = {};
if (!SUPPORT_IE) {
  const emptyModule = path.resolve(
    __dirname,
    'src',
    'graph-explorer',
    'emptyModule.ts'
  );
  aliases['es6-promise/auto'] = emptyModule;
}

const proxy = [];

if (SPARQL_ENDPOINT) {
  proxy.push({
    context: ['/sparql**'],
    target: SPARQL_ENDPOINT,
    pathRewrite: { '/sparql': '' },
    changeOrigin: true,
    secure: false,
  });
}

if (SPARQL_UPDATE_ENDPOINT) {
  proxy.push({
    context: ['/update**'],
    target: SPARQL_UPDATE_ENDPOINT,
    pathRewrite: { '/update': '' },
    changeOrigin: true,
    secure: false,
  });
}

if (WIKIDATA_ENDPOINT || SPARQL_ENDPOINT) {
  proxy.push({
    context: ['/wikidata**'],
    target: WIKIDATA_ENDPOINT || SPARQL_ENDPOINT,
    pathRewrite: { '/wikidata': '' },
    changeOrigin: true,
    secure: false,
  });
}

if (LOD_PROXY) {
  proxy.push({
    context: ['/lod-proxy/**'],
    target: LOD_PROXY,
    changeOrigin: true,
    secure: false,
  });
}

if (PROP_SUGGEST) {
  proxy.push({
    context: ['/wikidata-prop-suggest**'],
    target: PROP_SUGGEST,
    pathRewrite: { '/wikidata-prop-suggest': '' },
    changeOrigin: true,
    secure: false,
  });
}


const examplesDir = path.join(__dirname, 'examples');
const htmlTemplatePath = path.join(__dirname, 'examples', 'template.ejs');

module.exports = {
  mode: 'development',
  entry: {
    edit: path.join(examplesDir, 'edit.ts'),
    demo: path.join(examplesDir, 'demo.ts'),
    dbpedia: path.join(examplesDir, 'dbpedia.ts'),
    wikidata: path.join(examplesDir, 'wikidata.ts'),
    //composite: path.join(examplesDir, 'composite.ts'),
    wikidataGraph: path.join(examplesDir, 'wikidataGraph.ts'),
    toolbarCustomization: path.join(examplesDir, 'toolbarCustomization.tsx'),
    envendpoint: path.join(examplesDir, 'envendpoint.ts'),
  },
  resolve: {
    alias: aliases,
    extensions: ['.ts', '.tsx', '.js'],
  },
  module: {
    rules: [
      { test: /\.ts$|\.tsx$/, use: ['ts-loader'] },
      { test: /\.css$/, use: ['style-loader', { loader: 'css-loader', options: { esModule: false } }] },
      { test: /\.scss$/, use: ['style-loader', { loader: 'css-loader', options: { esModule: false } }, 'sass-loader'] },
      {
        test: /\.(jpe?g|gif|png|svg)$/,
        use: [{ loader: 'url-loader' }],
      },
      { test: /\.ttl$/, use: ['raw-loader'] },
    ],
  },
  devtool: 'source-map',
  optimization: {
    splitChunks: {
      cacheGroups: {
        commons: {
          name: 'commons',
          chunks: 'initial',
          minChunks: 2,
        },
      },
    },
  },
  output: {
    path: path.join(__dirname, 'dist', 'examples'),
    filename: '[name].bundle.js',
    chunkFilename: '[id].chunk.js',
    publicPath: '',
  },
  plugins: [
    new NodePolyfillPlugin(),
    new HtmlWebpackPlugin({
      filename: 'rdf.html',
      title: 'Graph Explorer RDF Demo',
      chunks: ['commons', 'rdf'],
      template: htmlTemplatePath,
    }),
    new HtmlWebpackPlugin({
      filename: 'edit.html',
      title: 'Graph Explorer Edit Demo',
      chunks: ['commons', 'edit'],
      template: htmlTemplatePath,
    }),
    new HtmlWebpackPlugin({
      title: 'Graph Explorer Local Demo',
      chunks: ['commons', 'demo'],
      template: htmlTemplatePath,
    }),
    new HtmlWebpackPlugin({
      filename: 'dbpedia.html',
      title: 'Graph Explorer DBPedia SparQL Demo',
      chunks: ['commons', 'dbpedia'],
      template: htmlTemplatePath,
    }),
    new HtmlWebpackPlugin({
      filename: 'wikidata.html',
      title: 'Graph Explorer Wikidata Demo',
      chunks: ['commons', 'wikidata'],
      template: htmlTemplatePath,
    }),
    new HtmlWebpackPlugin({
      filename: 'wikidataGraph.html',
      title: 'Graph Explorer Wikidata with graph Demo',
      chunks: ['commons', 'wikidataGraph'],
      template: htmlTemplatePath,
    }),
    new HtmlWebpackPlugin({
      filename: 'composite.html',
      title: 'Graph Explorer composite DP Demo',
      chunks: ['commons', 'composite'],
      template: htmlTemplatePath,
    }),
    new HtmlWebpackPlugin({
      filename: 'toolbarCustomization.html',
      title: 'Graph Explorer Toolbar Customization Demo',
      chunks: ['commons', 'toolbarCustomization'],
      template: htmlTemplatePath,
    }),
    new HtmlWebpackPlugin({
      filename: 'envendpoint.html',
      title: 'Graph Explorer on $SPARQL_ENDPOINT from env',
      chunks: ['commons', 'envendpoint'],
      template: htmlTemplatePath,
    }),
  ],
  devServer: {
    headers: {
      "Access-Control-Allow-Origin": "*",
      "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
      "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
    },
    proxy,
  },
};