Chat-Task-Tic-Overlay/configs.js

const configs = (function () {
	"use strict";

	// settings
	const showDoneTasks = true; // true or false
	const showTasksNumber = true; // true or false
	const crossTasksOnDone = false; // true or false
	const showCheckBox = true; // true or false

	// fonts
	const headerFontFamily = "Fredoka One"; // supports all google fonts - https://fonts.google.com/
	const bodyFontFamily = "Nunito"; // supports all google fonts - https://fonts.google.com/

	// scroll
	const taskListScrollBehaviour = "linear"; // supports all css transition-timing-function
	const pixelsPerSecond = 30; // must be a number

	// task list
	const taskListWidth = "500px"; // must have px at the end
	const taskListHeight = "200px"; // must have px at the end

	const taskListBackgroundColor = "#000"; // hex only
	const taskListBackgroundOpacity = 0; // must be between 0 and 1

	const taskListBorderColor = "white"; // hex or name
	const taskListBorderWidth = "0px"; // must have px at the end
	const taskListBorderRadius = "10px"; // must have px at the end

	const taskListPadding = "0px"; // must have px at the end

	// header
	const headerHeight = "30px"; // must have px at the end
	const headerBackgroundColor = "#000"; // hex only
	const headerBackgroundOpacity = 0.9; // must be between 0 and 1

	const headerBorderColor = "black"; // hex or name
	const headerBorderWidth = "0px"; // must have px at the end
	const headerBorderRadius = "5px"; // must have px at the end

	const headerFontSize = "20px"; // must have px at the end
	const headerFontColor = "white"; // hex or name

	const headerPadding = "10px"; // must have px at the end
	const tasksNumberFontSize = "20px"; // must have px at the end

	// body
	const bodyBackgroundColor = "#ffffff"; // hex only
	const bodyBackgroundOpacity = 0; // must be between 0 and 1
	const bodyFontColor = "white"; // hex or name

	const bodyBorderColor = "white"; // hex or name
	const bodyBorderWidth = "0px"; // must have px at the end
	const bodyBorderRadius = "0px"; // must have px at the end

	const bodyVerticalPadding = "5px"; // must have px at the end
	const bodyHorizontalPadding = "3px"; // must have px at the end

	// task (individual tasks)
	const numberOfLines = 1; // number of lines for the task
	const usernameColor = ""; // hex or name, "" for twitch username color

	const taskBackgroundColor = "#000"; // hex only
	const taskBackgroundOpacity = 0.5; // must be between 0 and 1

	const taskFontSize = "16px"; // must have px at the end
	const taskFontColor = "white"; // hex or name

	const taskBorderColor = "black"; // hex or name
	const taskBorderWidth = "0px"; // must have px at the end
	const taskBorderRadius = "5px"; // must have px at the end

	const taskMarginBottom = "5px"; // must have px at the end
	const taskPadding = "5px"; // must have px at the end

	// checkbox - if enabled
	const checkBoxSize = "15px"; // must have px at the end
	const checkBoxBackgroundColor = "#000"; // hex only
	const checkBoxBackgroundOpacity = 0; // must be between 0 and 1

	const checkBoxBorderColor = "white"; // hex or name
	const checkBoxBorderWidth = "1px"; // must have px at the end
	const checkBoxBorderRadius = "3px"; // must have px at the end

	const checkBoxMarginTop = "3px"; // must have px at the end
	const checkBoxMarginLeft = "2px"; // must have px at the end
	const checkBoxMarginRight = "2px"; // must have px at the end

	const tickCharacter = "'✔'"; // any character, must be in single quotes
	const tickSize = "10px"; // must have px at the end
	const tickColor = "white"; // hex or name
	const tickTranslateY = "0px"; // must have px at the end

	// bullet point - if enabled
	const bulletPointCharacter = "•"; // any character
	const bulletPointSize = "15px"; // must have px at the end
	const bulletPointColor = "white"; // hex or name

	const bulletPointMarginTop = "0px"; // must have px at the end
	const bulletPointMarginLeft = "5px"; // must have px at the end
	const bulletPointMarginRight = "5px"; // must have px at the end

	// colon
	const colonMarginLeft = "2px"; // must have px at the end
	const colonMarginRight = "2px"; // must have px at the end

	// Add task commands - please add commands in the exact format
	const addTaskCommands = [
		"!taska",
		"!taskadd",
		"!atask",
		"!addtask",
		"!task",
		"!add",
		"!todo",
	];

	// Delete task commands - please add commands in the exact format
	const deleteTaskCommands = [
		"!taskd",
		"!taskdel",
		"!taskdelete",
		"!deltask",
		"!deletetask",
		"!taskr",
		"!taskremove",
		"!rtask",
		"!removetask",
		"!remove",
		"!delete",
	];

	// Edit task commands - please add commands in the exact format
	const editTaskCommands = [
		"!taske",
		"!taskedit",
		"!etask",
		"!edittask",
		"!edit",
	];

	// Finish task commands - please add commands in the exact format
	const finishTaskCommands = [
		"!taskf",
		"!taskfinish",
		"!ftask",
		"!finishtask",
		"!taskd",
		"!taskdone",
		"!donetask",
		"!dtask",
		"!finish",
		"!done",
		"!finished",
	];

	// Check task commands - please add commands in the exact format
	const checkCommands = [
		"!taskc",
		"!taskcheck",
		"!ctask",
		"!checktask",
		"!mytask",
		"!check",
	];

	// Help commands - please add commands in the exact format
	const helpCommands = [
		"!taskh",
		"!taskhelp",
		"!htask",
		"!helptask",
		"!tasks",
	];

	// Admin delete - please add commands following the exact format
	const adminDeleteCommands = [
		"!taskadel",
		"!adel",
		"!adelete",
		"!admindelete",
	];

	// Admin clear done - please add commands following the exact format
	const adminClearDoneCommands = [
		"!acleardone",
		"!admincleardone",
		"!cleardone",
	];

	const adminClearAllCommands = [
		"!clearall",
		"!allclear",
		"!adminclearall",
		"!adminallclear",
		"!aclearall",
		"!aclear",
		"!clear",
	];

	// TODO ADD GITHUB README TO HELP COMMAND
	// Responses
	const taskAdded = 'The task "{task}" has been added, {user}!';
	const noTaskAdded = 'Looks like you already have "{task}" up there {user}';
	const noTaskContent = "Try using !add the-task-you-are-working-on {user}";
	const noTaskToEdit = "No task to edit {user}";
	const taskEdited = 'Task edited to "{task}" {user}';
	const taskDeleted = 'Task "{task}" has been deleted, {user}';
	const adminDeleteTasks = "All of the user's tasks have been deleted";
	const taskFinished = 'Good job on finishing "{task}" {user}!';
	const taskCheck = '{user} your current task is: "{task}"';
	const taskCheckUser = `{user} {user2}'s current task is: "{task}"`;
	const noTask = "Looks like you don't have a task up there {user}";
	const noTaskA = "Looks like there is no task from that user there {user}";
	const notMod = "Permission denied, {user}; Mods only";
	const clearedAll = "All tasks have been cleared";
	const clearedDone = "All finished tasks have been cleared";
	const ryanpython =
		"{user} RyanPython is the creator of this bot, check out his Twitch at https://www.twitch.tv/ryanpython";
	const help = `{user} Use the following commands to help you out - !task !remove !edit !done. For more commands, click here: https://github.com/liyunze-coding/Chat-Task-Tic-Overlay#commands`;

	// Other
	const styles = {
		headerFontFamily,
		bodyFontFamily,
		taskListScrollBehaviour,
		pixelsPerSecond,
		taskListWidth,
		taskListHeight,
		taskListBackgroundColor,
		taskListBackgroundOpacity,
		taskListBorderColor,
		taskListBorderWidth,
		taskListBorderRadius,
		taskListPadding,
		numberOfLines,
		headerFontColor,
		headerBorderColor,
		headerBorderWidth,
		headerBorderRadius,
		headerHeight,
		headerFontSize,
		headerBackgroundColor,
		headerBackgroundOpacity,
		headerPadding,
		tasksNumberFontSize,
		bodyBorderColor,
		bodyBorderWidth,
		bodyBorderRadius,
		bodyBackgroundColor,
		bodyBackgroundOpacity,
		bodyFontColor,
		bodyVerticalPadding,
		bodyHorizontalPadding,
		usernameColor,
		taskFontSize,
		taskFontColor,
		taskBackgroundColor,
		taskBackgroundOpacity,
		taskBorderRadius,
		taskBorderColor,
		taskBorderWidth,
		taskMarginBottom,
		taskPadding,
		checkBoxSize,
		checkBoxBorderColor,
		checkBoxBorderRadius,
		checkBoxBorderWidth,
		checkBoxMarginTop,
		checkBoxMarginLeft,
		checkBoxMarginRight,
		checkBoxBackgroundColor,
		checkBoxBackgroundOpacity,
		tickCharacter,
		tickColor,
		tickSize,
		tickTranslateY,
		bulletPointCharacter,
		bulletPointColor,
		bulletPointSize,
		bulletPointMarginRight,
		bulletPointMarginLeft,
		bulletPointMarginTop,
		colonMarginRight,
		colonMarginLeft,
	};

	const commands = {
		addTaskCommands,
		deleteTaskCommands,
		editTaskCommands,
		finishTaskCommands,
		helpCommands,
		checkCommands,
		adminDeleteCommands,
		adminClearDoneCommands,
		adminClearAllCommands,
	};

	const responses = {
		taskAdded,
		noTaskAdded,
		noTaskContent,
		taskDeleted,
		taskEdited,
		noTaskToEdit,
		taskFinished,
		taskCheck,
		taskCheckUser,
		noTask,
		noTaskA,
		notMod,
		help,
		adminDeleteTasks,
		ryanpython,
		clearedAll,
		clearedDone,
	};

	const settings = {
		showDoneTasks,
		showTasksNumber,
		crossTasksOnDone,
		showCheckBox,
	};

	let module = {
		styles,
		commands,
		responses,
		settings,
	};

	return module;
})();