yummacss 3.1.0 → 3.2.1

package/dist/cli/commands/watch.js

@@ -1,48 +0,0 @@
-import chok from "chokidar";
-import { globby } from "globby";
-import { messages } from "../lib/cli-lang.js";
-import { cli } from "../lib/cli-ui.js";
-import { loadConfig } from "../services/configLoader.js";
-import { build } from "./build.js";
-let currentConfig;
-let buildTimeout = null;
-let changedFiles = new Set();
-export async function watch() {
-    const watchSpinner = cli.startSpinner(messages.watch.start);
-    try {
-        currentConfig = await loadConfig();
-        await build(currentConfig, true);
-        const files = await globby(currentConfig.source);
-        const watcher = chok.watch(files, {
-            awaitWriteFinish: {
-                pollInterval: 50,
-                stabilityThreshold: 200,
-            },
-            ignored: /(^|[/\\])\../,
-            ignoreInitial: true,
-            persistent: true,
-        });
-        watcher
-            .on("add", (path) => handleChange(path, "added"))
-            .on("change", (path) => handleChange(path, "changed"))
-            .on("unlink", (path) => handleChange(path, "removed"));
-        function handleChange(path, event) {
-            changedFiles.add(path);
-            if (buildTimeout) {
-                clearTimeout(buildTimeout);
-            }
-            buildTimeout = setTimeout(async () => {
-                if (changedFiles.size > 0) {
-                    await build(currentConfig, true);
-                    changedFiles.clear();
-                }
-                buildTimeout = null;
-            }, 500); // 500ms
-        }
-    }
-    catch (error) {
-        watchSpinner.fail(messages.watch.fail);
-        cli.error(error instanceof Error ? error.message : messages.common.unknownError);
-        process.exit(1);
-    }
-}

package/dist/cli/config/defaultConfig.js

@@ -1,9 +0,0 @@
-const defaultConfig = {
-    source: [""],
-    output: "",
-    buildOptions: {
-        reset: true,
-        minify: false,
-    },
-};
-export { defaultConfig };

package/dist/cli/lib/cli-lang.js

@@ -1,23 +0,0 @@
-export const messages = {
-    build: {
-        start: "Building...",
-        compiling: "Compiling...",
-        usingCache: "Using cache...",
-        purging: "Purging...",
-        minifying: "Minifying...",
-        success: (ms, output) => `Build done in ${ms}ms. (${output})`,
-        fail: "Build failed.",
-    },
-    init: {
-        start: "Creating config...",
-        success: "Config created.",
-        fail: "Config failed.",
-    },
-    watch: {
-        start: "Watching...",
-        fail: "Watch failed.",
-    },
-    common: {
-        unknownError: "Unknown error.",
-    },
-};

package/dist/cli/lib/cli-ui.js

@@ -1,14 +0,0 @@
-import ora from "ora";
-const spinner = ora({
-    spinner: "sand",
-});
-const cli = {
-    success: (msg) => console.log(`✔ ${msg}`),
-    info: (msg) => console.log(`ℹ ${msg}`),
-    error: (msg) => console.log(`✗ ${msg}`),
-    startSpinner: (text) => {
-        const spinner = ora({ spinner: "sand", color: "white" }).start(text);
-        return spinner;
-    },
-};
-export { spinner, cli };

package/dist/cli/services/configLoader.js

@@ -1,16 +0,0 @@
-import { join } from "path";
-import { pathToFileURL } from "url";
-import { defaultConfig } from "../config/defaultConfig.js";
-export async function loadConfig() {
-    const configPath = join(process.cwd(), "yumma.config.js");
-    const configUrl = pathToFileURL(configPath).href;
-    const { default: userConfig } = (await import(configUrl));
-    return {
-        ...defaultConfig,
-        ...userConfig,
-        buildOptions: {
-            ...defaultConfig.buildOptions,
-            ...userConfig.buildOptions,
-        },
-    };
-}

package/dist/cli/services/minifyService.js

@@ -1,16 +0,0 @@
-import { transform } from "lightningcss";
-export function minifyCSS(css, config) {
-    try {
-        const result = transform({
-            filename: "style.css",
-            code: Buffer.from(css),
-            minify: config.buildOptions.minify,
-            sourceMap: false,
-        });
-        return result.code.toString();
-    }
-    catch (error) {
-        console.error("Minification error:", error);
-        throw error;
-    }
-}

package/dist/cli/services/purgeService.js

@@ -1,12 +0,0 @@
-import { globby } from "globby";
-import { PurgeCSS } from "purgecss";
-export async function purgeCSS(css, config) {
-    const purgeCSSResult = await new PurgeCSS().purge({
-        content: await globby(config.source),
-        css: [{ raw: css }],
-        defaultExtractor: (content) => {
-            return content.match(/[\w-/\\:]+/g) || [];
-        },
-    });
-    return purgeCSSResult[0].css;
-}

package/dist/cli/services/scssCompiler.js

@@ -1,34 +0,0 @@
-import { dirname, join } from "path";
-import { fileURLToPath } from "url";
-import * as sass from "sass-embedded";
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-const packageRoot = join(__dirname, "../../..");
-export async function compileSCSS(config) {
-    const scssFile = config.buildOptions.reset
-        ? "yummacss.scss"
-        : "yummacss-core.scss";
-    try {
-        const result = await sass.compileAsync(join(packageRoot, "src", scssFile), {
-            style: "expanded",
-            loadPaths: [join(packageRoot, "src")],
-            importers: [
-                {
-                    findFileUrl(url) {
-                        return new URL(url, `file://${join(packageRoot, "src/")}`);
-                    },
-                },
-            ],
-        });
-        return {
-            css: result.css,
-            dependencies: result.loadedUrls
-                .filter((url) => url.protocol === "file:")
-                .map((url) => fileURLToPath(url)),
-        };
-    }
-    catch (error) {
-        console.error("SCSS compilation error:", error);
-        throw error;
-    }
-}

package/dist/cli/src/cli.js

@@ -1,16 +0,0 @@
-import { Command } from "commander";
-import { build } from "../commands/build.js";
-import { init } from "../commands/init.js";
-import { watch } from "../commands/watch.js";
-const program = new Command();
-program.name("yummacss").description("Yumma CSS CLI");
-program.command("init").description("Create config file.").action(init);
-program
-    .command("build")
-    .description("Build styles.")
-    .action(() => build().catch(() => process.exit(1)));
-program
-    .command("watch")
-    .description("Build styles automatically.")
-    .action(() => watch().catch(() => process.exit(1)));
-program.parse(process.argv);

package/src/reset/_stylecent.scss

@@ -1,231 +0,0 @@
-@use "../abstracts/variables" as vars;
-
-/** -- Box sizing --
- * 1. Use a more intuitive box-sizing model to make the design consistent.
- * 2. Remove default margin and padding.
- * 3. Reset default border styles.
- */
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box; /* 1 */
-  border: 0 solid; /* 3 */
-}
-
-* {
-  margin: 0; /* 2 */
-  padding: 0; /* 2 */
-}
-
-/** -- Document --
- * 1. Improve font smoothing.
- * 2. Set a default system font.
- * 3. Add accessible line-height.
- */
-
-body {
-  -webkit-font-smoothing: antialiased; /* 1 */
-  font-family: vars.$yma-font-system; /* 2 */
-  line-height: 1.5; /* 3 */
-}
-
-/** -- Media Elements --
- * 1. Ensure all media elements like images, videos, and canvases are block-level.
- * 2. Limit their maximum width to the parent container.
- */
-
-canvas,
-img,
-picture,
-svg,
-video {
-  display: block; /* 1 */
-  max-width: 100%; /* 2 */
-}
-
-/** -- Form Elements --
- * 1. Reset background and border styles for form elements.
- * 2. Use `inherit` to ensure font consistency within forms.
- * 3. Add default padding for usability.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  background-color: vars.$yma-color-transparent; /* 1 */
-  font-family: inherit; /* 2 */
-  padding: 0.5rem; /* 3 */
-}
-
-/**
- * Add a default border to form elements that do not have a class attribute.
- */
-
-button:not([class]),
-input:not([class]),
-optgroup:not([class]),
-select:not([class]),
-textarea:not([class]) {
-  border: 1px solid vars.$yma-color-silver; /* 1 */
-}
-
-/**
- * Apply consistent focus styles to interactive elements.
- */
-
-a,
-button,
-input,
-select,
-summary,
-textarea {
-  &:focus {
-    outline: 2px solid vars.$yma-color-transparent;
-  }
-}
-
-/**
- * Set a minimum height for textareas without a defined `rows` attribute.
- */
-
-textarea:not([rows]) {
-  min-height: 10em;
-}
-
-/**
- * Ensure the buttons have a pointer cursor.
- */
-
-button {
-  cursor: pointer;
-}
-
-/** Disabled States
- * 1. Reduce opacity and set a "not-allowed" cursor for disabled elements.
- */
-
-button:disabled,
-input:disabled,
-select:disabled,
-textarea:disabled {
-  cursor: not-allowed; /* 1 */
-  opacity: 0.5; /* 1 */
-}
-
-/** -- Typography --
- * 1. Avoid text overflows.
- * 2. Improve line wrapping for headings.
- * 3. Add a consistent font weight for bold text.
- */
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  overflow-wrap: break-word; /* 1 */
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 1rem; /* 3 */
-  font-weight: 600; /* 3 */
-  text-wrap: balance; /* 2 */
-}
-
-p {
-  text-wrap: pretty; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: 700;
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-  line-height: 1.4;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre,
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/** -- Links --
- * 1. Remove underline styling from links by default.
- * 3. Reset color to inherit from parent element.
- */
-
-a {
-  color: inherit; /* 3 */
-  text-decoration: none; /* 1 */
-}
-
-/** -- Lists --
- * Remove default list styling and padding.
- */
-
-ol,
-ul {
-  list-style: none;
-  padding: 0;
-}
-
-/** -- Tables --
-* 1. Add a consistent font weight for bold text.
- */
-
-th {
-  font-size: 1rem; /* 1 */
-  font-weight: 600; /* 1 */
-}
-
-/** -- Miscellaneous --
- * 1. Add the correct height in Firefox.
- * 2. Correct text decoration.
- * 3. Add spacing around horizontal rules.
- */
-
-hr {
-  border-top: 1px solid vars.$yma-color-silver; /* 2 */
-  height: 0; /* 1 */
-  margin: 1em 0; /* 3 */
-}
-
-/**
- * Ensure details and summary elements display correctly.
- */
-
-details {
-  display: block;
-}
-
-summary {
-  display: list-item;
-}

package/src/yummacss.scss

@@ -1,4 +0,0 @@
-@use "reset/stylecent";
-@use "abstracts" as *;
-@use "utilities" as *;
-@use "fonts";