// ==UserScript==
// @name blackboard-enhancing
// @namespace npm/vite-plugin-monkey
// @version 2.0.0
// @author sitdownkevin
// @icon https://vitejs.dev/logo.svg
// @match https://pibb.scu.edu.cn/*
// @require https://cdn.jsdelivr.net/npm/[email protected]/umd/react.production.min.js
// @require https://cdn.jsdelivr.net/npm/[email protected]/umd/react-dom.production.min.js
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_registerMenuCommand
// @grant GM_setValue
// @grant GM_unregisterMenuCommand
// @description 2023/4/3 10:27:00
// ==/UserScript==
(e=>{if(typeof GM_addStyle=="function"){GM_addStyle(e);return}const t=document.createElement("style");t.textContent=e,document.head.append(t)})(' .calendar-container{position:fixed;z-index:10000;width:300px;opacity:.8;pointer-events:auto;border-radius:0}.calendar-list{width:100%;height:80%;overflow-y:scroll;pointer-events:auto;border-radius:20px;max-height:300px}.calendar-list ::-webkit-scrollbar{width:0;background:transparent}.calendar-item{width:95%;height:auto;margin-top:8px;border-radius:18px;margin-left:5px;pointer-events:auto;display:flex;flex-direction:column;align-items:left;cursor:move;-webkit-user-select:none;user-select:none}.calendar-item .assignment{margin-top:10px;margin-left:12px;font-size:17px;font-weight:700;color:#f5f5f6}.calendar-item .course-name{display:inline;margin-top:10px;margin-left:12px;font-weight:700;font-size:10px;color:#e0e0ef;cursor:pointer}.calendar-item .count-down{margin-left:12px;margin-bottom:10px;font-weight:700;font-size:22px;color:#e0e0ce}.memo-container{width:100%;height:auto;background-color:#dff0f4}.memo-container .memo-box{width:100%;height:288px;display:flex;flex-direction:column;align-items:center}.memo-container .memo-box .memo-list{border:1px solid #ccc;margin-top:20px;width:calc(100% - 32px);height:100%;overflow-y:scroll;pointer-events:auto}.memo-container .memo-box .memo-list .memo-input{height:300%;width:calc(100% - 10px);background-color:#fff;padding:5px;outline:none}.memo-container .memo-box .btn-box{margin-top:10px;width:100%;height:47.6px;position:relative}.memo-container .memo-box .btn-box .btn-bak{background-color:#dadada;border:0 solid;width:46px;height:27.6px;position:absolute;right:70px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-container .memo-box .btn-box .btn-clear{background-color:#333;border:0 solid;width:46px;height:27.6px;position:absolute;right:16px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}#currentAttempt_gradeDataPanel{display:""!important} ');
(function (React, require$$0) {
'use strict';
var jsxRuntime = { exports: {} };
var reactJsxRuntime_production_min = {};
/**
* @license React
* react-jsx-runtime.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m$1 = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
function q(c, a, g) {
var b, d = {}, e = null, h = null;
void 0 !== g && (e = "" + g);
void 0 !== a.key && (e = "" + a.key);
void 0 !== a.ref && (h = a.ref);
for (b in a)
m$1.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
if (c && c.defaultProps)
for (b in a = c.defaultProps, a)
void 0 === d[b] && (d[b] = a[b]);
return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
}
reactJsxRuntime_production_min.Fragment = l;
reactJsxRuntime_production_min.jsx = q;
reactJsxRuntime_production_min.jsxs = q;
{
jsxRuntime.exports = reactJsxRuntime_production_min;
}
var jsxRuntimeExports = jsxRuntime.exports;
async function calendarInfoCatch() {
try {
var orig_todo_items = await get_calendar();
var todo_items = await extractItems(orig_todo_items);
todo_items = await setColor(todo_items);
console.log("fetchCalendar.js Success");
return todo_items;
} catch (err) {
console.log("fetchCalendar.js Error: ", err);
}
}
async function get_calendar() {
const url = "/webapps/calendar/calendarData/selectedCalendarEvents";
const start_date = /* @__PURE__ */ new Date();
const end_date = /* @__PURE__ */ new Date();
start_date.setDate(start_date.getDate() - 400);
end_date.setDate(end_date.getDate() + 28);
const params = "?start=" + start_date.getTime() + "&end=" + end_date.getTime() + "&course_id=&mode=personal";
return fetch(url + params, {
method: "GET"
}).then((res) => res.json()).then((data) => {
return data;
}).catch(console.log);
}
async function extractItems(_orig_todo_items) {
var _todo_items = [];
for (let i = 0; i < _orig_todo_items.length; i++) {
_todo_items.push({
"course": _orig_todo_items[i]["calendarName"],
"todoItem": _orig_todo_items[i]["title"],
"deadline": _orig_todo_items[i]["end"]
// "deadline": _tmp_ddl
});
}
_todo_items.sort((a, b) => {
return Date.parse(a.deadline) - Date.parse(b.deadline);
});
return _todo_items;
}
async function setColor(_todo_items) {
const generateGradientColors = (color1, color2, steps) => {
const rgb1 = hexToRgb(color1);
const rgb2 = hexToRgb(color2);
const colors = [];
for (let i = 0; i <= steps; i++) {
const r = interpolate(rgb1.r, rgb2.r, i, steps);
const g = interpolate(rgb1.g, rgb2.g, i, steps);
const b = interpolate(rgb1.b, rgb2.b, i, steps);
const hex = rgbToHex(r, g, b);
colors.push(hex);
}
return colors;
};
const hexToRgb = (hex) => {
const r = parseInt(hex.slice(1, 3), 16);
const g = parseInt(hex.slice(3, 5), 16);
const b = parseInt(hex.slice(5, 7), 16);
return { r, g, b };
};
const rgbToHex = (r, g, b) => {
const hex = (r << 16 | g << 8 | b).toString(16);
return "#" + hex.padStart(6, "0");
};
const interpolate = (start, end, step, totalSteps) => {
return start + (end - start) * step / totalSteps;
};
const colorChoices = [
["#ff4e4f", "#ff9d81"],
["#032e71", "#b8e9fc"],
["#ff2121", "#d14631"]
];
const colorArr = generateGradientColors(colorChoices[1][0], colorChoices[1][1], _todo_items.length);
for (let i = 0; i < _todo_items.length; i++) {
_todo_items[i]["color"] = colorArr[i];
}
return _todo_items;
}
var _GM_getValue = /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)();
var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)();
var _GM_setValue = /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)();
var _GM_unregisterMenuCommand = /* @__PURE__ */ (() => typeof GM_unregisterMenuCommand != "undefined" ? GM_unregisterMenuCommand : void 0)();
const formatDuration = (ms) => {
const second = 1e3;
const minute = second * 60;
const hour = minute * 60;
const day = hour * 24;
const days = Math.floor(ms / day);
const hours = Math.floor(ms % day / hour);
const minutes = Math.floor(ms % hour / minute);
const seconds = Math.floor(ms % minute / second);
let result = "";
if (days > 0) {
result += days + "天";
}
if (hours > 0) {
result += hours + "小时";
}
if (minutes > 0) {
result += minutes + "分钟";
}
if (seconds > 0) {
result += seconds + "秒";
}
return result;
};
function Calendar(props) {
const [dragging, setDragging] = React.useState(false);
const [dragOffset, setDragOffset] = React.useState([0, 0]);
const [loc, setLoc] = React.useState(_GM_getValue("loc", [150, 150]));
const handleMouseDown = (e) => {
setDragging(true);
setDragOffset([e.clientX - loc[0], e.clientY - loc[1]]);
};
const handleMouseMove = (e) => {
if (dragging) {
setLoc([e.clientX - dragOffset[0], e.clientY - dragOffset[1]]);
_GM_setValue("loc", [e.clientX - dragOffset[0], e.clientY - dragOffset[1]]);
}
};
const handleMouseUp = () => {
setDragging(false);
};
const TodoItems = props.todo_items.map((todo) => {
const [cnt, setCnt] = React.useState(formatDuration(Date.parse(todo["deadline"]) - Date.now()));
React.useEffect(() => {
const it = setInterval(() => {
setCnt(formatDuration(Date.parse(todo["deadline"]) - Date.now()));
}, 1e3);
return () => {
clearInterval(it);
};
});
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
"div",
{
className: "calendar-item",
style: { backgroundColor: todo["color"] },
onMouseDown: handleMouseDown,
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "assignment", children: todo["todoItem"] }),
/* @__PURE__ */ jsxRuntimeExports.jsx("a", { className: "course-name", href: "#", children: todo["course"] }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "count-down", children: cnt })
]
},
todo.course
);
});
React.useEffect(() => {
document.addEventListener("mousemove", handleMouseMove);
document.addEventListener("mouseup", handleMouseUp);
return () => {
document.removeEventListener("mousemove", handleMouseMove);
document.removeEventListener("mouseup", handleMouseUp);
};
}, [dragging]);
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"div",
{
className: "calendar-container",
style: { top: loc[1], left: loc[0] },
children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "calendar-list", children: TodoItems })
}
) });
}
var client = {};
var m = require$$0;
{
client.createRoot = m.createRoot;
client.hydrateRoot = m.hydrateRoot;
}
function Memo() {
return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "memo-container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "memo-box", children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "memo-list", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "memo-input" }) }),
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "btn-box", children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn-bak", children: "Bak" }),
/* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn-clear", children: "Clear" })
] })
] }) }) });
}
function GradeAssignment(props) {
console.log("hello");
client.createRoot(
(() => {
const bro = document.querySelector("#currentAttempt_submission");
const app = document.createElement("div");
bro.parentNode.style.height = "auto";
bro.parentNode.insertBefore(app, bro);
return app;
})()
).render(
/* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Memo, {}) }) })
);
return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
}
function menuControl(env, setEnv) {
_GM_unregisterMenuCommand(env.calendar.display ? "打开DDL" : "关闭DDL");
_GM_registerMenuCommand(env.calendar.display ? "关闭DDL" : "打开DDL", () => {
setEnv({
...env,
calendar: {
...env.calendar,
display: !env.calendar.display
}
});
});
console.log(env.calendar.display ? "DDL打开" : "DDL关闭");
}
function App() {
const [env, setEnv] = React.useState(
_GM_getValue("env", {
calendar: {
display: true
},
assignment: {
display: true
}
})
);
menuControl(env, setEnv);
const [todoItems, setTodoItems] = React.useState(null);
React.useEffect(() => {
const fetchTodoItems = async () => {
const items = await calendarInfoCatch();
setTodoItems(items);
};
fetchTodoItems();
}, []);
React.useEffect(() => {
_GM_setValue("env", env);
console.log("Setting Saved");
}, [env]);
return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
window.location.href.startsWith("https://pibb.scu.edu.cn/webapps/portal") && todoItems && env.calendar.display ? /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { todo_items: todoItems }) : null,
window.location.href.startsWith("https://pibb.scu.edu.cn/webapps/assignment") && env.assignment.display ? /* @__PURE__ */ jsxRuntimeExports.jsx(GradeAssignment, { env, setEnv }) : null
] });
}
client.createRoot(
(() => {
const app = document.createElement("div");
document.body.append(app);
return app;
})()
).render(
/* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) }) })
);
})(React, ReactDOM);
