tlaternet/tlaternet-webserver
1
0
Fork 0
Code Issues 5 Pull requests Releases Wiki Activity

WIP: update(package.yaml): Update js inputs

Browse source
This commit is contained in:
Tristan Daniël Maat 2025-11-20 16:10:34 +08:00
parent a9da311993
commit f8d3563ad9
Signed by: tlater
GPG key ID: 02E935006CF2E8E7
7 changed files with 14927 additions and 7833 deletions
Download patch file Download diff file Expand all files Collapse all files

1
packages/templates/lock.json
View file

@ -1 +0,0 @@
package-lock.json

10984
packages/templates/lock.json Normal file
View file

File diff suppressed because it is too large Load diff

11552
packages/templates/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

96
packages/templates/package.yaml
View file

@ -7,55 +7,59 @@ private: true
dependencies: dependencies:
# Libraries # Libraries
gl-matrix: ^3.4.3 # To help with 3D math in WebGL code gl-matrix: ^3.4.4 # To help with 3D math in WebGL code
classnames: ^2.5.1 # To manage CSS class names in react code classnames: ^2.5.1 # To manage CSS class names in react code
# Fonts # Fonts
hack-font: ^3.3.0 hack-font: ^3.3.0
'@fontsource/arimo': ^5.0.18 '@fontsource/arimo': ^5.2.8
'@fontsource/nunito': ^5.0.16 '@fontsource/nunito': ^5.2.7
'@fortawesome/fontawesome-free': ^6.5.1 '@fortawesome/fontawesome-free': ^7.1.0
# Frameworks for static content # Frameworks for static content
bulma: ^0.9.4 bulma: ^1.0.4
# React-redux stuff # React-redux stuff
react: ^18.2.0 react: ^19.2.0
react-dom: ^18.2.0 react-dom: ^19.2.0
react-use-error-boundary: ^3.0.0 # TODO(tlater): Remove when react implement their own react-use-error-boundary: ^3.0.0 # TODO(tlater): Remove when react implement their own
redux: ^5.0.1 redux: ^5.0.1
'@reduxjs/toolkit': ^2.0.1 '@reduxjs/toolkit': ^2.10.1
react-redux: ^9.0.4 react-redux: ^9.2.0
devDependencies: devDependencies:
# Parcel & plugins # Parcel & plugins
parcel: ^2.10.3 parcel: ^2.16.1
'@parcel/transformer-sass': ^2.10.3 '@parcel/transformer-sass': ^2.16.1
'@parcel/transformer-glsl': ^2.10.3 '@parcel/transformer-glsl': ^2.16.1
# Build tools # Build tools
typescript: ^5.3.3 typescript: ^5.9.3
sass: ^1.69.6 sass: ^1.94.2
posthtml-extend: ^0.6.5 posthtml-extend: ^0.6.5
posthtml-favicons: ^1.4.0 posthtml-favicons: ^1.4.0
posthtml-include: ^1.7.4 posthtml-include: ^2.0.1
posthtml-markdownit: ^1.3.1 posthtml-markdownit: ^3.1.2
'@babel/preset-env': ^7.23.7 '@babel/preset-env': ^7.28.5
'@fontsource-utils/scss': ^0.2.2
'@fontsource-variable/arimo': ^5.2.8
'@fontsource-variable/nunito': ^5.2.7
# Type shims # Type shims
'@types/react-dom': ^18.2.18 '@types/react-dom': ^19.2.3
'@types/react-redux': ^7.1.33 '@types/react-redux': ^7.1.34
# Dev tools # Dev tools
npm-check-updates: ^16.14.12 npm-check-updates: ^19.1.2
prettier: ^3.1.1 prettier: ^3.6.2
typescript-language-server: ^4.2.0 typescript-language-server: ^5.1.3
typescript-eslint-language-service: ^5.0.5 typescript-eslint-language-service: ^5.0.5
eslint: ^8.56.0 eslint: ^9.39.1
'@typescript-eslint/parser': ^6.17.0 '@typescript-eslint/parser': ^8.47.0
'@typescript-eslint/eslint-plugin': ^6.17.0 '@typescript-eslint/eslint-plugin': ^8.47.0
vscode-langservers-extracted: ^4.8.0 vscode-langservers-extracted: ^4.10.0
scripts: scripts:
# Dev workflow # Dev workflow
@ -86,23 +90,23 @@ posthtml:
root: src root: src
posthtml-include: posthtml-include:
root: src root: src
posthtml-favicons: # posthtml-favicons:
root: src # root: src
outDir: ./dist/ # outDir: ./dist/
configuration: # configuration:
appName: tlater.net # appName: tlater.net
appShortName: tlater.net # appShortName: tlater.net
appDescription: tlater's home page # appDescription: tlater's home page
developerName: Tristan Daniël Maat # developerName: Tristan Daniël Maat
developerURL: https://tlater.net # developerURL: https://tlater.net
dir: auto # dir: auto
lang: en-US # lang: en-US
background: '#0f0f0f' # background: '#0f0f0f'
theme_color: '#99d1ce' # theme_color: '#99d1ce'
appleStatusBarStyle: black-translucent # appleStatusBarStyle: black-translucent
display: browser # display: browser
orientation: any # orientation: any
start_url: https://tlater.net # start_url: https://tlater.net
version: "1.0" # version: "1.0"
icons: # icons:
favicons: true # favicons: true

73
packages/templates/src/lib/scss/_custom-bulma.scss
View file

@ -1,45 +1,52 @@
@use "sass:color"; @use "sass:color";
@use "./_fonts"; @use "./_fonts";
@import "~/node_modules/bulma/sass/utilities/initial-variables.sass";
@import "~/node_modules/bulma/sass/utilities/functions.sass";
$black: #0f0f0f; $black: #0f0f0f;
$grey-darker: #11151c;
$grey-light: #dddddd;
$white: #ffffff;
$red: #dc322f;
$orange: #d26937;
$yellow: #b58900;
$blue: #195466;
$cyan: #599cab;
$green: #2aa889; $green: #2aa889;
$grey-light: #dddddd;
$primary: #99d1ce; $primary: #99d1ce;
$link: $green;
$link-hover: color.scale($green, $lightness: +10%);
$link-active: color.scale($green, $lightness: +10%);
$link-focus: color.scale($green, $lightness: +10%);
$input-color: $grey-light;
$input-placeholder-color: $grey-light; // Some opacity is applied to this
$weight-normal: 400;
$scheme-main: $black;
$family-sans-serif: Nunito, $family-sans-serif;
$family-monospace: Hack, $family-monospace;
$text: $grey-light; $text: $grey-light;
$text-strong: $primary; $grey-darker: #11151c;
$label-color: $text;
$content-heading-color: $text; @use "bulma/sass" with (
$hr-background-color: $grey-light; $family-sans-serif: "Nunito",
$hr-height: 1px; $family-monospace: "Hack",
$black: $black,
$grey-darker: $grey-darker,
$grey-light: $grey-light,
$white: #ffffff,
$red: #dc322f,
$orange: #d26937,
$yellow: #b58900,
$blue: #195466,
$cyan: #599cab,
$green: $green,
$primary: $primary,
$link: $green,
// $link-hover: color.scale($green, $lightness: +10%),
// $link-active: color.scale($green, $lightness: +10%),
// $link-focus: color.scale($green, $lightness: +10%),
// $input-color: $grey-light,
$input-placeholder-color: $grey-light, // Some opacity is applied to this
$weight-normal: 400,
$scheme-main: $black,
$text: $grey-light,
$text-strong: $primary,
$label-color: $text,
$content-heading-color: $text,
$hr-background-color: $grey-light,
$hr-height: 1px,
$pre-background: $grey-darker
);
$pre-background: $grey-darker;
@import "~/node_modules/bulma"; @import "~/node_modules/bulma";
@import "./_navbar"; @import "./_navbar";

36
packages/templates/src/lib/scss/_fonts.scss
View file

@ -1,7 +1,11 @@
@use "~/node_modules/@fontsource/nunito/scss/mixins" as Nunito; @use "npm:@fontsource-utils/scss/src/mixins.scss" as fontsource with (
@use "~/node_modules/@fontsource/arimo/scss/mixins" as Arimo; $display: auto
);
@use "npm:@fontsource-variable/arimo/scss/metadata.scss" as arimo;
@use "npm:@fontsource-variable/nunito/scss/metadata.scss" as nunito;
@include Nunito.faces( @include fontsource.faces(
$metadata: nunito.$metadata,
$weights: ( $weights: (
300, 300,
400, 400,
@ -9,36 +13,36 @@
600, 600,
700, 700,
), ),
$display: auto, $subsets: latin,
$styles: ( $styles: (
normal, normal,
italic, italic,
), ),
$directory: "npm:@fontsource/nunito/files" $family: "Nunito",
$directory: "npm:@fontsource-variable/nunito/files"
); );
@include Arimo.faces( @include fontsource.faces(
$metadata: arimo.$metadata,
$weights: 400, $weights: 400,
$display: auto, $subsets: latin,
$styles: normal, $styles: normal,
$directory: "npm:@fontsource/arimo/files" $family: "Arimo",
$directory: "npm:@fontsource-variable/arimo/files"
); );
// Hack *does* come with its own CSS, but it's broken and hasn't seen // Hack *does* come with its own CSS, but it's broken and hasn't seen
// a release since https://github.com/source-foundry/Hack/issues/467 // a release since https://github.com/source-foundry/Hack/issues/467
// was resolved. // was resolved.
$variants: regular 400 normal, bold 700 normal, italic 400 italic, $variants: regular normal, bold normal, italic italic, bolditalic italic;
bolditalic 700 italic;
@each $name, $weight, $style in $variants { @each $name, $style in $variants {
@font-face { @font-face {
font-family: "Hack"; font-family: "Hack";
src: url("npm:hack-font/build/web/fonts/hack-#{$name}-subset.woff2?sha=3114f1256")
format("woff2"),
url("npm:hack-font/build/web/fonts/hack-#{$name}-subset.woff?sha=3114f1256")
format("woff");
font-weight: $weight;
font-style: $style; font-style: $style;
font-display: auto;
font-weight: 400 700;
src: url("npm:hack-font/build/web/fonts/hack-#{$name}-subset.woff2") format("woff2-variations");
} }
} }

10
packages/templates/src/lib/scss/_navbar.scss
View file

@ -5,17 +5,17 @@
font-family: Arimo; font-family: Arimo;
&:hover { &:hover {
background-color: $dark !important; // background-color: $dark !important;
color: $white !important; // color: $white !important;
} }
} }
& .navbar-start > .navbar-item { & .navbar-start > .navbar-item {
color: rgba($white, 0.75); // color: rgba($white, 0.75);
&:hover { &:hover {
background-color: $dark !important; // background-color: $dark !important;
color: $white !important; // color: $white !important;
} }
} }
} }

8
packages/templates/src/music/music.scss
View file

@ -1,7 +1,9 @@
$fa-font-path: "npm:@fortawesome/fontawesome-free/webfonts"; @use "npm:@fortawesome/fontawesome-free/scss/_variables.scss" with (
$font-path: "npm:@fortawesome/fontawesome-free/webfonts",
);
@import "~/node_modules/@fortawesome/fontawesome-free/scss/fontawesome"; @use "npm:@fortawesome/fontawesome-free/scss/fontawesome";
@import "~/node_modules/@fortawesome/fontawesome-free/scss/solid"; @use "npm:@fortawesome/fontawesome-free/scss/solid";
.is-border-box { .is-border-box {
box-sizing: border-box !important; box-sizing: border-box !important;