@shzlx/ui-default 4.58.2

package/misc/typography.styl

@@ -0,0 +1,485 @@
+// The typography stylesheet is based on typo.css: http://typo.sofi.sh/
+
+html
+  box-sizing: border-box
+
++mobile()
+  html
+    font-size: 13px
+
+*, *:before, *:after
+  box-sizing: inherit
+
+html
+  color: $text-1-color
+  -webkit-text-size-adjust: 100%
+  -ms-text-size-adjust: 100%
+  text-rendering: optimizelegibility
+
+#panel
+  background: $page-bg-color
+
+body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section
+  margin: 0
+  padding: 0
+
+dt
+  line-height: 1.8
+  color: lighten($text-1-color, 30%)
+
+dd
+  margin-bottom: rem(10px)
+
++above(rupture.desktop-cutoff)
+  dl.horizontal
+    overflow: hidden
+    dt
+      float: left
+      overflow: hidden
+      clear: left
+      text-align: left
+      text-overflow: ellipsis
+      white-space: nowrap
+      box-sizing: border-box
+      padding-right: rem(10px)
+    dd
+      float: left
+
+    dt, dd
+      line-height: 1.2rem
+      margin: rem(5px 0)
+
+    &.large
+      dt
+        width: 37%
+
+      dd
+        width: 62%
+
+    &.exlarge
+      dt
+        width: 62%
+
+      dd
+        width: 37%
+     
+
+article, aside, details, figcaption, figure, footer, header, menu, nav, section
+  display: block
+
+audio, canvas, video
+  display: inline-block
+
+body
+  font-family: $primary-font-family
+  font-weight: 400
+  font-size: rem($font-size)
+  line-height: 1
+
+button, input, optgroup, select, textarea
+  color: inherit
+  font: inherit
+  margin: 0
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+fieldset, img
+  border: 0
+
+blockquote
+  position: relative
+  color: $blockquote-color
+  font-weight: 400
+  border-left: 3px solid #DDD
+  padding: 1rem
+  margin: 0.5rem 0 1rem 0
+  font-size: ($font-size-secondary)
+
+  &:before
+    display: block
+    margin-bottom: 0.6rem
+
+  &.note
+    border-color: $primary-color
+    background: #F8F8F8
+    color: lighten($text-1-color, 10%)
+
+    &:before
+      content: 'NOTE:'
+      color: $primary-color
+
+  &.warn
+    border-color: red
+    background: #F8F8F8
+    color: lighten($text-1-color, 10%)
+
+    &:before
+      content: 'WARNING:'
+      color: red
+  
+  &.red
+    border-color: red
+    background: #F8F8F8
+    color: lighten($text-1-color, 10%)
+
+  &.yellow
+    border-color: yellow
+    background: #F8F8F8
+    color: lighten($text-1-color, 10%)
+
+  &.blue
+    border-color: blue
+    background: #F8F8F8
+    color: lighten($text-1-color, 10%)
+
+acronym, abbr
+  border-bottom: 1px dotted
+  font-variant: normal
+
+abbr
+  cursor: help
+
+del
+  text-decoration: line-through
+
+address, caption, cite, th, var
+  font-style: normal
+  font-weight: 400
+
+ul, ol
+  list-style: none
+
+caption, th
+  text-align: left
+
+q:before, q:after
+  content: ''
+
+sub, sup
+  font-size: 75%
+  line-height: 0
+  position: relative
+
+:root sub, :root sup
+  vertical-align: baseline
+
+sup
+  top: -0.5em
+
+sub
+  bottom: -0.25em
+
+a, .link
+  &, &:visited, &:hover, &:active
+    color: $text-1-color
+
+  &:hover
+    text-decoration: underline
+
+ins, a, .link
+  text-decoration: none
+
+u, .typo-u
+  text-decoration: underline
+
+.supplementary
+  font-size: rem($font-size-secondary)
+  line-height: 1
+  color: $supplementary-color
+
+  a
+    &, &:visited, &:hover
+      color: $supplementary-link-color
+
+  &.list
+    li
+      display: inline-block
+      margin-right: rem(15px)
+      vertical-align: middle
+
+  &.dot.list
+    li
+      margin-right: 0
+
+    li:after
+      display: inline-block
+      content: '·'
+      margin: 0 rem(5px)
+
+    li:last-child:after
+      display: none
+
+.supplementary.inverse
+  color: $immersive-text-color !important
+
+  a
+    &, &:visited, &:hover
+      color: $immersive-text-color !important
+
+.group-list__item
+  margin-bottom: 1rem
+
+  &:last-child
+    margin-bottom: 0
+
+.chip-list__item
+  line-height: 1.5
+  display: inline-block
+  margin-right: 0.5rem
+
+mark
+  background: #fffdd1
+  border-bottom: 1px solid #ffedce
+  padding: rem(2px)
+  margin: rem(0 5px)
+
+pre, code, pre tt
+  font-family: $code-font-family
+
+.monospace
+  font-family: $code-font-family
+
+pre
+  background: none
+  border: 0
+  display: block
+  white-space: pre-wrap
+  overflow: auto
+  word-wrap()
+
+hr
+  border: none
+  border-bottom: 1px solid #cfcfcf
+  margin-bottom: 0.8em
+  height: 10px
+
+small, figcaption
+  font-size: 0.9em
+  color: $text-3-color
+
+.typo
+  word-wrap()
+  overflow: auto hidden;
+
+.typo a, .typo .link, .typo-a
+  &, &:visited, &:active, &:hover
+    &:not(.user-profile-name)
+      &:not(.media-link)
+        color: $primary-color
+
+.typo dl, .typo form, .typo hr, .typo table
+  padding-top: 0.3em
+  padding-bottom: 0.3em
+
+.typo li, .typo ol
+  padding-top: 0.15em
+  padding-bottom: 0.15em
+  line-height: 1.45
+
+.typo p
+  padding-top: 0.27em
+  padding-bottom: 0.27em
+  line-height: 1.75
+  font-size: inherit
+
+h1, h2, h3, h4, h5, h6
+  font-family: $header-font-family
+  font-weight: 300
+  color: $header-1-color
+  line-height: 1.1
+
+.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6
+  margin-top: 1.0em
+  margin-bottom: 0.6em
+  line-height: 1.1
+
+.typo h1
+  font-size: 1.8em
+  font-weight: 500
+
+.typo h2
+  font-size: 1.4em
+  font-weight: 400
+
+.typo h3
+  font-size: 1.17em
+
+.typo h4, .typo h5, .typo h6
+  font-size: 1em
+
+.typo ul
+  margin-left: 1.2em
+  list-style: square
+
+.no-heading
+  h1, h2, h3, h4, h5, h6
+    padding-top: 0.3em
+    padding-bottom: 0.3em
+    margin: 0
+    font-size: inherit
+    font-weight: 400
+    line-height: 1
+    margin-top: 0.6em
+
+.typo ol
+  list-style: decimal
+  margin-left: 1.9em
+
+.typo li ol
+  margin-top: 1.2em
+  margin-bottom: 1.2em
+  margin-left: 2em
+
+.typo li ul
+  list-style: circle
+
+.typo table th, .typo table td, .typo table caption
+  border: 1px solid #ddd
+  padding: 0.5em 1em
+  color: #666
+
+.typo table th
+  background: #fbfbfb
+
+.typo table thead th
+  background: #f1f1f1
+
+.typo table caption
+  border-bottom: none
+
+.typo img
+  max-width: 100%
+
+
+.text-aqua
+  color: aqua
+  &.lighter
+    color: lighten(aqua, 40%)
+  &.darker
+    color: darken(aqua, 40%)
+
+.text-blue
+  color: blue
+  &.lighter
+    color: lighten(blue, 40%)
+  &.darker
+    color: darken(blue, 40%)
+
+.text-navy
+  color: navy
+  &.lighter
+    color: lighten(navy, 40%)
+  &.darker
+    color: darken(navy, 40%)
+
+.text-teal
+  color: teal
+  &.lighter
+    color: lighten(teal, 40%)
+  &.darker
+    color: darken(teal, 40%)
+
+.text-green
+  color: green
+  &.lighter
+    color: lighten(green, 40%)
+  &.darker
+    color: darken(green, 40%)
+
+.text-olive
+  color: olive
+  &.lighter
+    color: lighten(olive, 40%)
+  &.darker
+    color: darken(olive, 40%)
+
+.text-lime
+  color: lime
+  &.lighter
+    color: lighten(lime, 40%)
+  &.darker
+    color: darken(lime, 40%)
+
+.text-yellow
+  color: yellow
+  &.lighter
+    color: lighten(yellow, 40%)
+  &.darker
+    color: darken(yellow, 40%)
+
+.text-orange
+  color: orange
+  &.lighter
+    color: lighten(orange, 40%)
+  &.darker
+    color: darken(orange, 40%)
+
+.text-red
+  color: red
+  &.lighter
+    color: lighten(red, 40%)
+  &.darker
+    color: darken(red, 40%)
+
+.text-fuchsia
+  color: fuchsia
+  &.lighter
+    color: lighten(fuchsia, 40%)
+  &.darker
+    color: darken(fuchsia, 40%)
+
+.text-purple
+  color: purple
+  &.lighter
+    color: lighten(purple, 40%)
+  &.darker
+    color: darken(purple, 40%)
+
+.text-maroon
+  color: maroon
+  &.lighter
+    color: lighten(maroon, 40%)
+  &.darker
+    color: darken(maroon, 40%)
+
+.text-white
+  color: white
+  &.lighter
+    color: lighten(white, 40%)
+  &.darker
+    color: darken(white, 40%)
+
+.text-silver
+  color: silver
+  &.lighter
+    color: lighten(silver, 40%)
+  &.darker
+    color: darken(silver, 40%)
+
+.text-gray
+  color: gray
+  &.lighter
+    color: lighten(gray, 40%)
+  &.darker
+    color: darken(gray, 40%)
+
+.text-black
+  color: black
+  &.lighter
+    color: lighten(black, 40%)
+  &.darker
+    color: darken(black, 40%)
+
+textarea
+  font-family: $code-font-family !important
+
+:focus
+  outline: 0px;
+  outline-offset: 2px;
+
+@font-face
+  font-family: "XiaoLai SC";
+  font-display: swap;
+  src: url('https://raw.githubusercontent.com/lxgw/kose-font/master/TTF%20(Simplified%20Chinese)/XiaolaiSC-Regular.ttf') format('truetype');

package/package.json

@@ -0,0 +1,148 @@
+{
+  "name": "@shzlx/ui-default",
+  "version": "4.58.2",
+  "author": "undefined <i@undefined.moe>",
+  "license": "AGPL-3.0",
+  "main": "index.ts",
+  "types": "api.ts",
+  "repository": "https://github.com/hydro-dev/Hydro.git",
+  "preferUnplugged": true,
+  "hydro": {
+    "cli": false
+  },
+  "devDependencies": {
+    "@fontsource/dm-mono": "^5.2.7",
+    "@fontsource/fira-code": "^5.2.7",
+    "@fontsource/inconsolata": "^5.2.8",
+    "@fontsource/jetbrains-mono": "^5.2.8",
+    "@fontsource/pt-mono": "^5.2.8",
+    "@fontsource/roboto-mono": "^5.2.9",
+    "@fontsource/source-code-pro": "^5.2.7",
+    "@fontsource/ubuntu-mono": "^5.2.8",
+    "@hydrooj/utils": "workspace:^",
+    "@mantine/core": "^9.2.1",
+    "@mantine/hooks": "^9.2.1",
+    "@mantine/notifications": "^9.2.1",
+    "@sentry/browser": "^10.53.1",
+    "@sentry/webpack-plugin": "^5.3.0",
+    "@simplewebauthn/browser": "13.3.0",
+    "@svgr/webpack": "^8.1.0",
+    "@types/html-to-text": "^9.0.4",
+    "@types/jquery": "^3.5.34",
+    "@types/jquery.transit": "^0.9.33",
+    "@types/json-schema": "^7.0.15",
+    "@types/katex": "^0.16.8",
+    "@types/markdown-it": "^14.1.2",
+    "@types/nunjucks": "^3.2.6",
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@types/redux-logger": "^3.0.13",
+    "@types/uuid": "^11.0.0",
+    "@types/webpack-env": "^1.18.8",
+    "@vavt/cm-extension": "^1.11.2",
+    "@vscode/codicons": "^0.0.45",
+    "ajv": "^8.20.0",
+    "allotment": "^1.20.5",
+    "autoprefixer": "^10.5.0",
+    "browser-update": "^3.3.63",
+    "chalk": "^5.6.2",
+    "classnames": "^2.5.1",
+    "clean-webpack-plugin": "^4.0.0",
+    "clipboard": "^2.0.11",
+    "copy-webpack-plugin": "^14.0.0",
+    "cordis": "4.0.0-rc.4",
+    "core-js": "^3.49.0",
+    "core-js-compat": "^3.49.0",
+    "css-loader": "^7.1.4",
+    "diff": "^9.0.0",
+    "diff-dom": "^5.2.1",
+    "echarts": "^6.0.0",
+    "emojis-keywords": "2.0.0",
+    "emojis-list": "2.1.0",
+    "esbuild-loader": "^4.4.3",
+    "flatpickr": "^4.6.13",
+    "idb": "^8.0.3",
+    "jquery": "^3.7.1",
+    "jquery.easing": "^1.4.1",
+    "jquery.transit": "^0.9.12",
+    "mantine-contextmenu": "^9.2.1",
+    "matchmedia-polyfill": "^0.3.2",
+    "md-editor-rt": "^6.5.0",
+    "mini-css-extract-plugin": "^2.10.2",
+    "moment": "^2.30.1",
+    "monaco-editor": "0.52.2",
+    "monaco-editor-nls": "^3.1.0",
+    "monaco-editor-webpack-plugin": "^7.1.1",
+    "monaco-themes": "0.4.7",
+    "monaco-yaml": "5.4.1",
+    "nanoid": "^5.1.11",
+    "normalize.css": "^8.0.1",
+    "nprogress": "^0.2.0",
+    "p-queue": "^9.3.0",
+    "postcss-loader": "7.3.4",
+    "postcss-preset-mantine": "^1.18.0",
+    "prism-themes": "^1.9.0",
+    "prismjs": "^1.30.0",
+    "prop-types": "^15.8.1",
+    "qface": "^1.4.1",
+    "qrcode": "^1.5.4",
+    "react": "^19.2.6",
+    "react-colorful": "^5.7.0",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "react-dom": "^19.2.6",
+    "react-redux": "^9.3.0",
+    "reconnecting-websocket": "^4.4.0",
+    "redux": "^5.0.1",
+    "redux-logger": "^3.0.6",
+    "redux-promise-middleware": "^6.2.0",
+    "redux-thunk": "^3.1.0",
+    "rupture": "^0.7.1",
+    "sass": "^1.99.0",
+    "sass-loader": "^16.0.8",
+    "schemastery": "^3.18.0",
+    "shorty.js": "^1.0.1",
+    "sticky-kit": "^1.1.3",
+    "style-loader": "^4.0.0",
+    "stylus": "^0.64.0",
+    "stylus-loader": "7.1.2",
+    "svgtofont": "^6.5.2",
+    "tether": "1.4.7",
+    "tether-drop": "^1.4.2",
+    "timeago-react": "^3.0.7",
+    "timeago.js": "^4.0.2",
+    "ts-loader": "^9.5.7",
+    "web-streams-polyfill": "^4.3.0",
+    "webpack": "^5.106.2",
+    "webpack-bundle-analyzer": "^5.3.0",
+    "webpack-dev-server": "^5.2.4",
+    "webpack-manifest-plugin": "^6.0.1",
+    "webpackbar": "^7.0.0"
+  },
+  "dependencies": {
+    "@hydrooj/common": "workspace:^",
+    "ansi_up": "^6.0.6",
+    "cssfilter": "^0.0.11",
+    "esbuild": "0.25.2",
+    "fs-extra": "^11.3.5",
+    "html-to-text": "^10.0.0",
+    "js-yaml": "^4.1.1",
+    "jsesc": "^3.1.0",
+    "katex": "^0.16.47",
+    "lodash": "^4.18.1",
+    "markdown-it": "^14.1.1",
+    "markdown-it-anchor": "^9.2.0",
+    "markdown-it-attrs": "^4.3.1",
+    "markdown-it-footnote": "^4.0.0",
+    "markdown-it-imsize": "^2.0.1",
+    "markdown-it-mark": "^4.0.0",
+    "markdown-it-merge-cells": "^2.0.0",
+    "markdown-it-table-of-contents": "^1.2.0",
+    "nunjucks": "^3.2.4",
+    "schemastery-jsonschema": "^1.1.1",
+    "streamsaver": "^2.0.6",
+    "uuid": "^14.0.0",
+    "xss": "^1.0.15"
+  }
+}

package/polyfill.ts

@@ -0,0 +1,90 @@
+import 'core-js/stable';
+import 'matchmedia-polyfill';
+
+import browserUpdate from 'browser-update';
+
+browserUpdate({
+  required: {
+    e: -10, f: -10, o: -3, s: -1, c: -10,
+  },
+  insecure: true,
+  api: 2022.03,
+  url: 'https://google.cn/chrome/',
+  jsshowurl: '/browser-update.js',
+});
+
+// monaco-editor requires this polyfill
+if (window.MediaQueryList && !MediaQueryList.prototype.addEventListener) {
+  MediaQueryList.prototype.addEventListener = (k, listener) => {
+    MediaQueryList.prototype.addListener(listener);
+  };
+}
+if (typeof window['WeakRef'] === 'undefined') {
+  // @ts-ignore
+  window.WeakRef = (function (wm) {
+    function WeakRef(target) {
+      wm.set(this, target);
+    }
+    WeakRef.prototype.deref = function () {
+      return wm.get(this);
+    };
+    return WeakRef;
+  }(new WeakMap()));
+}
+if (!window.matchMedia('all').addListener && !window.matchMedia('all').addEventListener) {
+  const localMatchMedia = window.matchMedia;
+  const hasMediaQueries = localMatchMedia('only all').matches;
+  let isListening = false;
+  let timeoutID;
+  const queries = [];
+  const handleChange = function () {
+    clearTimeout(timeoutID);
+    timeoutID = setTimeout(() => {
+      for (let i = 0, il = queries.length; i < il; i++) {
+        const { mql } = queries[i];
+        const listeners = queries[i].listeners || [];
+        const { matches } = localMatchMedia(mql.media);
+        if (matches !== mql.matches) {
+          mql.matches = matches;
+          for (let j = 0, jl = listeners.length; j < jl; j++) {
+            listeners[j].call(window, mql);
+          }
+        }
+      }
+    }, 30);
+  };
+  window.matchMedia = function (media) {
+    const mql = localMatchMedia(media);
+    const listeners = [];
+    let index = 0;
+    if (!mql.addListener) {
+      mql.addListener = function (listener) {
+        if (!hasMediaQueries) return;
+        if (!isListening) {
+          isListening = true;
+          window.addEventListener('resize', handleChange, true);
+        }
+        if (index === 0) {
+          index = queries.push({
+            mql,
+            listeners,
+          });
+        }
+        listeners.push(listener);
+      };
+      mql.removeListener = function (listener) {
+        for (let i = 0, il = listeners.length; i < il; i++) {
+          if (listeners[i] === listener) {
+            listeners.splice(i, 1);
+            i--;
+          }
+        }
+      };
+    }
+    if (!mql.addEventListener) {
+      mql.addEventListener = (k, listener) => mql.addListener(listener);
+      mql.removeEventListener = (k, listener) => mql.removeListener(listener);
+    }
+    return mql;
+  };
+}