WIP: update(package.yaml): Update js inputs
This commit is contained in:
parent
a9da311993
commit
f8d3563ad9
GPG key ID:
02E935006CF2E8E7
7 changed files with 14927 additions and 7833 deletions
|
|
@ -1 +0,0 @@
|
|||
package-lock.json
|
||||
10984
packages/templates/lock.json
Normal file
10984
packages/templates/lock.json
Normal file
File diff suppressed because it is too large
Load diff
11552
packages/templates/package-lock.json
generated
11552
packages/templates/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -7,55 +7,59 @@ private: true
|
|||
|
||||
dependencies:
|
||||
# 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
|
||||
|
||||
# Fonts
|
||||
hack-font: ^3.3.0
|
||||
'@fontsource/arimo': ^5.0.18
|
||||
'@fontsource/nunito': ^5.0.16
|
||||
'@fortawesome/fontawesome-free': ^6.5.1
|
||||
'@fontsource/arimo': ^5.2.8
|
||||
'@fontsource/nunito': ^5.2.7
|
||||
'@fortawesome/fontawesome-free': ^7.1.0
|
||||
|
||||
# Frameworks for static content
|
||||
bulma: ^0.9.4
|
||||
bulma: ^1.0.4
|
||||
|
||||
# React-redux stuff
|
||||
react: ^18.2.0
|
||||
react-dom: ^18.2.0
|
||||
react: ^19.2.0
|
||||
react-dom: ^19.2.0
|
||||
react-use-error-boundary: ^3.0.0 # TODO(tlater): Remove when react implement their own
|
||||
redux: ^5.0.1
|
||||
'@reduxjs/toolkit': ^2.0.1
|
||||
react-redux: ^9.0.4
|
||||
'@reduxjs/toolkit': ^2.10.1
|
||||
react-redux: ^9.2.0
|
||||
|
||||
devDependencies:
|
||||
# Parcel & plugins
|
||||
parcel: ^2.10.3
|
||||
'@parcel/transformer-sass': ^2.10.3
|
||||
'@parcel/transformer-glsl': ^2.10.3
|
||||
parcel: ^2.16.1
|
||||
'@parcel/transformer-sass': ^2.16.1
|
||||
'@parcel/transformer-glsl': ^2.16.1
|
||||
|
||||
# Build tools
|
||||
typescript: ^5.3.3
|
||||
sass: ^1.69.6
|
||||
typescript: ^5.9.3
|
||||
sass: ^1.94.2
|
||||
posthtml-extend: ^0.6.5
|
||||
posthtml-favicons: ^1.4.0
|
||||
posthtml-include: ^1.7.4
|
||||
posthtml-markdownit: ^1.3.1
|
||||
posthtml-include: ^2.0.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
|
||||
'@types/react-dom': ^18.2.18
|
||||
'@types/react-redux': ^7.1.33
|
||||
'@types/react-dom': ^19.2.3
|
||||
'@types/react-redux': ^7.1.34
|
||||
|
||||
# Dev tools
|
||||
npm-check-updates: ^16.14.12
|
||||
prettier: ^3.1.1
|
||||
typescript-language-server: ^4.2.0
|
||||
npm-check-updates: ^19.1.2
|
||||
prettier: ^3.6.2
|
||||
typescript-language-server: ^5.1.3
|
||||
typescript-eslint-language-service: ^5.0.5
|
||||
eslint: ^8.56.0
|
||||
'@typescript-eslint/parser': ^6.17.0
|
||||
'@typescript-eslint/eslint-plugin': ^6.17.0
|
||||
vscode-langservers-extracted: ^4.8.0
|
||||
eslint: ^9.39.1
|
||||
'@typescript-eslint/parser': ^8.47.0
|
||||
'@typescript-eslint/eslint-plugin': ^8.47.0
|
||||
vscode-langservers-extracted: ^4.10.0
|
||||
|
||||
scripts:
|
||||
# Dev workflow
|
||||
|
|
@ -86,23 +90,23 @@ posthtml:
|
|||
root: src
|
||||
posthtml-include:
|
||||
root: src
|
||||
posthtml-favicons:
|
||||
root: src
|
||||
outDir: ./dist/
|
||||
configuration:
|
||||
appName: tlater.net
|
||||
appShortName: tlater.net
|
||||
appDescription: tlater's home page
|
||||
developerName: Tristan Daniël Maat
|
||||
developerURL: https://tlater.net
|
||||
dir: auto
|
||||
lang: en-US
|
||||
background: '#0f0f0f'
|
||||
theme_color: '#99d1ce'
|
||||
appleStatusBarStyle: black-translucent
|
||||
display: browser
|
||||
orientation: any
|
||||
start_url: https://tlater.net
|
||||
version: "1.0"
|
||||
icons:
|
||||
favicons: true
|
||||
# posthtml-favicons:
|
||||
# root: src
|
||||
# outDir: ./dist/
|
||||
# configuration:
|
||||
# appName: tlater.net
|
||||
# appShortName: tlater.net
|
||||
# appDescription: tlater's home page
|
||||
# developerName: Tristan Daniël Maat
|
||||
# developerURL: https://tlater.net
|
||||
# dir: auto
|
||||
# lang: en-US
|
||||
# background: '#0f0f0f'
|
||||
# theme_color: '#99d1ce'
|
||||
# appleStatusBarStyle: black-translucent
|
||||
# display: browser
|
||||
# orientation: any
|
||||
# start_url: https://tlater.net
|
||||
# version: "1.0"
|
||||
# icons:
|
||||
# favicons: true
|
||||
|
|
|
|||
|
|
@ -1,45 +1,52 @@
|
|||
@use "sass:color";
|
||||
@use "./_fonts";
|
||||
|
||||
@import "~/node_modules/bulma/sass/utilities/initial-variables.sass";
|
||||
@import "~/node_modules/bulma/sass/utilities/functions.sass";
|
||||
|
||||
$black: #0f0f0f;
|
||||
$grey-darker: #11151c;
|
||||
$grey-light: #dddddd;
|
||||
$white: #ffffff;
|
||||
|
||||
$red: #dc322f;
|
||||
$orange: #d26937;
|
||||
$yellow: #b58900;
|
||||
$blue: #195466;
|
||||
$cyan: #599cab;
|
||||
$green: #2aa889;
|
||||
|
||||
$grey-light: #dddddd;
|
||||
$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-strong: $primary;
|
||||
$label-color: $text;
|
||||
$grey-darker: #11151c;
|
||||
|
||||
$content-heading-color: $text;
|
||||
$hr-background-color: $grey-light;
|
||||
$hr-height: 1px;
|
||||
@use "bulma/sass" with (
|
||||
$family-sans-serif: "Nunito",
|
||||
$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 "./_navbar";
|
||||
|
|
|
|||
|
|
@ -1,7 +1,11 @@
|
|||
@use "~/node_modules/@fontsource/nunito/scss/mixins" as Nunito;
|
||||
@use "~/node_modules/@fontsource/arimo/scss/mixins" as Arimo;
|
||||
@use "npm:@fontsource-utils/scss/src/mixins.scss" as fontsource with (
|
||||
$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: (
|
||||
300,
|
||||
400,
|
||||
|
|
@ -9,36 +13,36 @@
|
|||
600,
|
||||
700,
|
||||
),
|
||||
$display: auto,
|
||||
$subsets: latin,
|
||||
$styles: (
|
||||
normal,
|
||||
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,
|
||||
$display: auto,
|
||||
$subsets: latin,
|
||||
$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
|
||||
// a release since https://github.com/source-foundry/Hack/issues/467
|
||||
// was resolved.
|
||||
|
||||
$variants: regular 400 normal, bold 700 normal, italic 400 italic,
|
||||
bolditalic 700 italic;
|
||||
$variants: regular normal, bold normal, italic italic, bolditalic italic;
|
||||
|
||||
@each $name, $weight, $style in $variants {
|
||||
@each $name, $style in $variants {
|
||||
@font-face {
|
||||
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-display: auto;
|
||||
font-weight: 400 700;
|
||||
src: url("npm:hack-font/build/web/fonts/hack-#{$name}-subset.woff2") format("woff2-variations");
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,17 +5,17 @@
|
|||
font-family: Arimo;
|
||||
|
||||
&:hover {
|
||||
background-color: $dark !important;
|
||||
color: $white !important;
|
||||
// background-color: $dark !important;
|
||||
// color: $white !important;
|
||||
}
|
||||
}
|
||||
|
||||
& .navbar-start > .navbar-item {
|
||||
color: rgba($white, 0.75);
|
||||
// color: rgba($white, 0.75);
|
||||
|
||||
&:hover {
|
||||
background-color: $dark !important;
|
||||
color: $white !important;
|
||||
// background-color: $dark !important;
|
||||
// color: $white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
@import "~/node_modules/@fortawesome/fontawesome-free/scss/solid";
|
||||
@use "npm:@fortawesome/fontawesome-free/scss/fontawesome";
|
||||
@use "npm:@fortawesome/fontawesome-free/scss/solid";
|
||||
|
||||
.is-border-box {
|
||||
box-sizing: border-box !important;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue