DenisTimofijuk
commented
1 year ago My progress with ChatGPT (no luck):
WEBPACK CONFIGURATION:
const webpack = require("webpack");
const path = require("path");
const CopyPlugin = require("copy-webpack-plugin");
const srcDir = path.join(__dirname, "..", "src");
module.exports = {
entry: {
popup: path.join(srcDir, 'popup/popup.ts'),
options: path.join(srcDir, 'options/options.ts'),
background: path.join(srcDir, 'background/background.ts'),
content: path.join(srcDir, 'content/content.ts'),
inject: path.join(srcDir, 'inject/inject.ts'),
},
output: {
path: path.join(__dirname, "../dist/js"),
filename: "[name].js",
},
optimization: {
splitChunks: {
name: "vendor",
chunks(chunk) {
return chunk.name !== 'background';
},
},
},
module: {
rules: [
{
test: /\.tsx?$/,
use: "ts-loader",
exclude: /node_modules/,
},
],
},
resolve: {
extensions: [".ts", ".tsx", ".js"],
},
plugins: [
new CopyPlugin({
patterns: [{ from: ".", to: "../", context: "public" }],
options: {},
}),
new webpack.ProvidePlugin({
seedrandom: 'seedrandom'
})
],
};NumericList.ts:
import Compositor from "../../Compositor";
import { handleIgnore } from "../../global BOT rules";
import { getAvailableAnswers, getSimpleText, randomIntFromInterval, warnUnhandled } from "../../global helpers";
import { getMin, getMax, getCurrentSum } from "./Getters";
import { collectSermoRangeValues, setNumericValuesBySermoRange, handleAnswersForTotalSumWithRanges } from "./rulesHandlers";
import { multiSumEequal, multiSumMax, multiSumMin } from "./sumGenerators";
const compositor = Compositor.getInstance();
const PROTOCOL_MAX_TRIES = 100;
const NUM_QUARTERS = 4;
// . . .
// removed some code for simplicity
// . . .
export function shuffleQuarters(respondentId:number) {
const quarterSize = PROTOCOL_MAX_TRIES / NUM_QUARTERS;
debugger;
// @ts-ignore
const rng = seedrandom(respondentId.toString()); // Use the seedrandom library for consistent random numbers
// Generate a shuffled list of quarter indices
const quarterIndices = Array.from({length: NUM_QUARTERS}, (_, i) => i);
//shuffleArray(quarterIndices, rng);
// Generate a shuffled list of indices within each quarter
const shuffledIndices = [];
for (let i = 0; i < NUM_QUARTERS; i++) {
const quarterStart = quarterIndices[i] * quarterSize;
const indices = Array.from({length: quarterSize}, (_, j) => quarterStart + j);
// shuffleArray(indices, rng);
shuffledIndices.push(...indices);
}
return shuffledIndices;
}
// @ts-ignore
function shuffleArray(arr:Array<any>, rng:seedrandom.PRNG) {
for (let i = arr.length - 1; i > 0; i--) {
const j = Math.floor(rng() * (i + 1));
[arr[i], arr[j]] = [arr[j], arr[i]];
}
}
Inject.ts:
import { initMain } from "./local_content/init_main";
import { loadRules } from "./local_content/loadRules";
import "./local_content/collectValidationMessages";
import shuffleQuarters from "./handlers/NumericList/NumericList";
declare namespace chrome {
let it_is_not_supported_here: null;
}
console.log('Preparing inject.js')
if (window.Confirmit && window.Confirmit.page) {
loadRules();
initMain();
shuffleQuarters('myID');
console.log('%c Inject.js ready. ', 'background: #00EAD7; color: #EA0013');
}As you can see, inject.ts is self-invoking since it is an entry file. Once I use this code ### const rng = seedrandom(respondentId.toString()); ### in NumericList.ts file, after building with webpack inject.ts is no longer self-invoking. How to fix this?
ale-ben
I am using inject technology to be able to access window object from my content scripts as per this example: https://gist.github.com/devjin0617/3e8d72d94c1b9e69690717a219644c7a Everything was working fine until I added npm seedrandom to my inject file. Now when I build my project, inject file is modified in such a way that it no longer is working as it should. Tried various webpack settings, but with no luck. Should this be working by default using such a prebuild environment?