From b5e92165c82e99302262981aff14106b071b48b1 Mon Sep 17 00:00:00 2001 From: Patrick Alvin Alcala Date: Fri, 30 Jan 2026 14:45:20 +0800 Subject: [PATCH] Updated --- @dasig/Optimizers/OptimizeBackground.tsx | 17 ---- @dasig/Optimizers/OptimizeImage.tsx | 21 ----- @dasig/Optimizers/OptimizeLogo.tsx | 34 -------- @dasig/components/Box.tsx | 2 +- @dasig/components/Button.tsx | 6 +- @dasig/components/Column.tsx | 2 +- @dasig/components/Footer.tsx | 2 +- @dasig/components/Image.tsx | 12 ++- @dasig/components/Input.tsx | 2 +- @dasig/components/Padding.tsx | 2 +- @dasig/components/Page.tsx | 4 +- @dasig/components/Row.tsx | 4 +- @dasig/images/logo.avif | Bin 0 -> 4396 bytes @dasig/images/logo.webp | Bin 0 -> 5734 bytes @dasig/index.ts | 6 +- @dasig/scripts/node/generateFavicon.ts | 2 +- @dasig/scripts/node/optimizeBackground.ts | 23 +++++ @dasig/scripts/node/optimizeImage.ts | 4 +- @dasig/scripts/node/optimizeLogo.ts | 2 +- @dasig/styles/Box.sass | 6 +- @dasig/styles/Button.sass | 6 +- @dasig/styles/Column.sass | 10 +-- @dasig/styles/Footer.sass | 2 +- @dasig/styles/Input.sass | 2 +- @dasig/styles/Page.sass | 10 +-- @dasig/styles/Row.sass | 12 +-- Makefile | 3 + README.md | 101 +--------------------- podman.container | 8 +- src/images/background.png | Bin 0 -> 24270456 bytes src/images/favicon.png | Bin 0 -> 11522 bytes src/images/logo.png | Bin 0 -> 11522 bytes src/images/sample.png | Bin 0 -> 48033 bytes 33 files changed, 82 insertions(+), 223 deletions(-) delete mode 100644 @dasig/Optimizers/OptimizeBackground.tsx delete mode 100644 @dasig/Optimizers/OptimizeImage.tsx delete mode 100644 @dasig/Optimizers/OptimizeLogo.tsx create mode 100644 @dasig/images/logo.avif create mode 100644 @dasig/images/logo.webp create mode 100644 @dasig/scripts/node/optimizeBackground.ts create mode 100644 src/images/background.png create mode 100644 src/images/favicon.png create mode 100644 src/images/logo.png create mode 100644 src/images/sample.png diff --git a/@dasig/Optimizers/OptimizeBackground.tsx b/@dasig/Optimizers/OptimizeBackground.tsx deleted file mode 100644 index 1c27caf..0000000 --- a/@dasig/Optimizers/OptimizeBackground.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import sharp from 'sharp' - -const convertBackground = async () => { - const inputSrc = 'src/assets/images/background.png' - const webpOutput = 'fwt/images/background.webp' - const avifOutput = 'fwt/images/background.avif' - - const avifBuffer = await sharp(inputSrc).avif({ quality: 60 }).resize(1920).toBuffer() - await sharp(avifBuffer).toFile(avifOutput) - - const webpBuffer = await sharp(inputSrc).webp({ quality: 75 }).resize(1920).toBuffer() - await sharp(webpBuffer).toFile(webpOutput) -} - -export default () => { - convertBackground() -} diff --git a/@dasig/Optimizers/OptimizeImage.tsx b/@dasig/Optimizers/OptimizeImage.tsx deleted file mode 100644 index 00afd77..0000000 --- a/@dasig/Optimizers/OptimizeImage.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import sharp from 'sharp' - -interface Props { - src: string - size?: number -} - -const convertImage = async (props: Props) => { - const avifOutputPath = `fwt/images/${props.src.split('.').slice(0, -1).join('.')}.avif` - const webpOutputPath = `fwt/images/${props.src.split('.').slice(0, -1).join('.')}.webp` - - const avifBuffer = await sharp(`src/assets/images/${props.src}`).avif({ quality: 60 }).resize(props.size).toBuffer() - await sharp(avifBuffer).toFile(avifOutputPath) - - const webpBuffer = await sharp(`src/assets/images/${props.src}`).webp({ quality: 75 }).resize(props.size).toBuffer() - await sharp(webpBuffer).toFile(webpOutputPath) -} - -export default (props: Props) => { - convertImage(props) -} diff --git a/@dasig/Optimizers/OptimizeLogo.tsx b/@dasig/Optimizers/OptimizeLogo.tsx deleted file mode 100644 index f948031..0000000 --- a/@dasig/Optimizers/OptimizeLogo.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import sharp from 'sharp' - -interface Props { - size?: number - favicon?: boolean -} - -const convertLogo = async (props: Props) => { - const inputSrc = 'src/assets/images/logo.png' - const webpImage = 'fwt/images/logo.webp' - const avifImage = 'fwt/images/logo.avif' - - const avifBuffer = await sharp(inputSrc).avif({ quality: 60 }).resize(props.size).toBuffer() - await sharp(avifBuffer).toFile(avifImage) - - const webpBuffer = await sharp(inputSrc).webp({ quality: 75 }).resize(props.size).toBuffer() - await sharp(webpBuffer).toFile(webpImage) -} - -const generateFavicon = async (props: Props) => { - const inputSrc = 'src/assets/images/logo.png' - const favicon = 'public/favicon.png' - - const faviconBuffer = await sharp(inputSrc).png({ quality: 90 }).resize(50).toBuffer() - await sharp(faviconBuffer).toFile(favicon) -} - -export default (props: Props) => { - convertLogo(props) - - if (props.favicon) { - generateFavicon(props) - } -} diff --git a/@dasig/components/Box.tsx b/@dasig/components/Box.tsx index d27815f..a0c2c76 100644 --- a/@dasig/components/Box.tsx +++ b/@dasig/components/Box.tsx @@ -9,7 +9,7 @@ interface Props { } export default (props: Props) => { - const boxClass = createMemo(() => (props.curved ? 'curvedbox' : 'box')) + const boxClass = createMemo(() => (props.curved ? 'dasig-curvedbox' : 'dasig-box')) return (
diff --git a/@dasig/components/Button.tsx b/@dasig/components/Button.tsx index 0ac4e8c..6ea3901 100644 --- a/@dasig/components/Button.tsx +++ b/@dasig/components/Button.tsx @@ -40,7 +40,7 @@ export default (props: Props) => { - @@ -65,13 +65,13 @@ export default (props: Props) => { - - diff --git a/@dasig/components/Column.tsx b/@dasig/components/Column.tsx index e683a7c..5ff18f3 100644 --- a/@dasig/components/Column.tsx +++ b/@dasig/components/Column.tsx @@ -10,7 +10,7 @@ interface Props { export default (props: Props) => { return ( <> -
+
{props.children}
diff --git a/@dasig/components/Footer.tsx b/@dasig/components/Footer.tsx index 0f00944..f757fe6 100644 --- a/@dasig/components/Footer.tsx +++ b/@dasig/components/Footer.tsx @@ -8,7 +8,7 @@ interface Props { export default (props: Props) => { return ( <> -