Initial commit

Co-Authored-By: Eric Tuvesson <eric.tuvesson@gmail.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: Anders Larsson <64838990+anders-topp@users.noreply.github.com>
Co-Authored-By: Johan  <4934465+joolsus@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: victoratndl <99176179+victoratndl@users.noreply.github.com>
This commit is contained in:
Michael Cartner
2024-01-26 11:52:55 +01:00
commit b9c60b07dc
2789 changed files with 868795 additions and 0 deletions

View File

@@ -0,0 +1,10 @@
const path = require("path");
module.exports = {
// Allows to define the output path of the files built by the viewer.
//
// For example in the CLI, we will also build this, just with a different output path.
outPath:
process.env.OUT_PATH ||
path.resolve(__dirname, "../../noodl-editor/src/external"),
};

View File

@@ -0,0 +1,54 @@
//config shared for both regular viewer and deploy versions
module.exports = {
externals: {
react: 'React',
'react-dom': 'ReactDOM'
},
resolve: {
extensions: ['.tsx', '.ts', '.jsx', '.js'],
fallback: {
events: require.resolve('events/'),
}
},
module: {
rules: [
{
test: /\.(jsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
babelrc: false,
cacheDirectory: true,
presets: ['@babel/preset-react']
}
}
},
{
test: /\.ts(x?)$/,
exclude: /node_modules/,
use: [
{
loader: 'ts-loader'
}
]
},
{
test: /\.css$/i,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
url: false
// modules: {
// exportOnlyLocals: true
// }
}
}
]
}
]
}
};

View File

@@ -0,0 +1,40 @@
const path = require('path');
const { merge } = require('webpack-merge');
const { outPath } = require('./constants.js');
const common = require('./webpack.common.js');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const noodlEditorExternalDeployPath = path.join(outPath, 'deploy');
function stripStartDirectories(targetPath, numDirs) {
const p = targetPath.split('/');
p.splice(0, numDirs);
return p.join(path.sep);
}
module.exports = merge(common, {
entry: {
deploy: './index.deploy.js'
},
output: {
filename: 'noodl.[name].js',
path: noodlEditorExternalDeployPath
},
plugins: [
new CleanWebpackPlugin(noodlEditorExternalDeployPath, {
allowExternal: true
}),
new CopyWebpackPlugin([
{
from: 'static/shared/**/*',
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
},
{
from: 'static/deploy/**/*',
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
}
])
]
});

View File

@@ -0,0 +1,8 @@
const { merge } = require("webpack-merge");
const common = require("./webpack.deploy.common.js");
module.exports = merge(common, {
mode: "development",
devtool: "inline-source-map",
watch: true,
});

View File

@@ -0,0 +1,6 @@
const { merge } = require("webpack-merge");
const common = require("./webpack.deploy.common.js");
module.exports = merge(common, {
mode: "production",
});

View File

@@ -0,0 +1,5 @@
const viewer = require('./webpack.viewer.dev');
const deploy = require('./webpack.deploy.dev');
const ssr = require('./webpack.ssr.dev');
module.exports = [viewer, deploy, ssr];

View File

@@ -0,0 +1,5 @@
const viewer = require('./webpack.viewer.prod');
const deploy = require('./webpack.deploy.prod');
const ssr = require('./webpack.ssr.prod');
module.exports = [viewer, deploy, ssr];

View File

@@ -0,0 +1,88 @@
const path = require('path');
const { outPath } = require('./constants.js');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const noodlEditorExternalDeployPath = path.join(outPath, 'ssr');
function stripStartDirectories(targetPath, numDirs) {
const p = targetPath.split('/');
p.splice(0, numDirs);
return p.join(path.sep);
}
module.exports = {
entry: {
deploy: './index.ssr.js'
},
output: {
filename: 'noodl.[name].js',
path: noodlEditorExternalDeployPath
},
plugins: [
new CleanWebpackPlugin(noodlEditorExternalDeployPath, {
allowExternal: true
}),
new CopyWebpackPlugin([
// {
// from: 'static/shared/**/*',
// transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
// },
{
from: 'static/ssr/**/*',
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
}
])
],
externals: {
react: 'React',
'react-dom': 'ReactDOM'
},
resolve: {
extensions: ['.tsx', '.ts', '.jsx', '.js'],
fallback: {
events: require.resolve('events/'),
}
},
module: {
rules: [
{
test: /\.(jsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
babelrc: false,
cacheDirectory: true,
presets: ['@babel/preset-react']
}
}
},
{
test: /\.ts(x?)$/,
exclude: /node_modules/,
use: [
{
loader: 'ts-loader'
}
]
},
{
test: /\.css$/i,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
url: false,
modules: {
exportOnlyLocals: true
}
}
}
]
}
]
}
};

View File

@@ -0,0 +1,8 @@
const { merge } = require('webpack-merge');
const common = require('./webpack.ssr.common.js');
module.exports = merge(common, {
mode: 'development',
devtool: 'inline-source-map',
watch: true
});

View File

@@ -0,0 +1,6 @@
const { merge } = require('webpack-merge');
const common = require('./webpack.ssr.common.js');
module.exports = merge(common, {
mode: 'production'
});

View File

@@ -0,0 +1,42 @@
//shared config for regular (non-deploy) viewer
const path = require('path');
const { merge } = require('webpack-merge');
const { outPath } = require('./constants.js');
const common = require('./webpack.common.js');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const noodlEditorExternalViewerPath = path.join(outPath, 'viewer');
function stripStartDirectories(targetPath, numDirs) {
const p = targetPath.split('/');
p.splice(0, numDirs);
return p.join(path.sep);
}
module.exports = merge(common, {
entry: {
viewer: './index.viewer.js'
},
output: {
filename: 'noodl.[name].js',
path: noodlEditorExternalViewerPath
},
plugins: [
new CleanWebpackPlugin(noodlEditorExternalViewerPath, {
allowExternal: true
}),
new CopyWebpackPlugin([
{
from: 'static/shared/**/*',
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
},
{
from: 'static/viewer/**/*',
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
}
])
]
});

View File

@@ -0,0 +1,8 @@
const { merge } = require("webpack-merge");
const common = require("./webpack.viewer.common.js");
module.exports = merge(common, {
mode: "development",
devtool: "inline-source-map",
watch: true,
});

View File

@@ -0,0 +1,6 @@
const { merge } = require("webpack-merge");
const common = require("./webpack.viewer.common.js");
module.exports = merge(common, {
mode: "production",
});