yummacss 3.0.3 → 3.2.0

package/src/utilities/maps/box-model/_margin.scss

@@ -1,10 +1,11 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-
-$yma-margin-map: map.merge(
-  (
-    "auto": auto,
-  ),
-  fun.create-values(vars.$yma-margin)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+
+$ycss-margin-map: map.merge(
+  (
+    "auto": auto,
+    "px": 1px,
+  ),
+  fun.create-values(vars.$ycss-margin)
+);

package/src/utilities/maps/box-model/_padding.scss

@@ -1,10 +1,11 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-
-$yma-padding-map: map.merge(
-  (
-    "auto": auto,
-  ),
-  fun.create-values(vars.$yma-padding)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+
+$ycss-padding-map: map.merge(
+  (
+    "auto": auto,
+    "px": 1px,
+  ),
+  fun.create-values(vars.$ycss-padding)
+);

package/src/utilities/maps/box-model/_width.scss

@@ -1,16 +1,26 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-
-$yma-width-map: map.merge(
-  (
-    "auto": auto,
-    "dvh": 100dvh,
-    "fc": fit-content,
-    "full": 100%,
-    "half": 50%,
-    "max": max-content,
-    "min": min-content,
-  ),
-  fun.create-values(vars.$yma-width)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+@use "../../../abstracts/_breakpoints.scss" as bp;
+
+$ycss-width-map: map.merge(
+  (
+    "auto": auto,
+    "dvh": 100dvh,
+    "dvw": 100dvw,
+    "fc": fit-content,
+    "full": 100%,
+    "half": 50%,
+    "max": max-content,
+    "min": min-content,
+    "px": 1px,
+    "vh": 100vh,
+    "vw": 100vw,
+    "sm": map.get(bp.$ycss-breakpoints, "sm"),
+    "md": map.get(bp.$ycss-breakpoints, "md"),
+    "lg": map.get(bp.$ycss-breakpoints, "lg"),
+    "xl": map.get(bp.$ycss-breakpoints, "xl"),
+    "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
+  ),
+  fun.create-values(vars.$ycss-width)
+);

package/src/utilities/maps/flexbox/_flex-basis.scss

@@ -1,12 +1,12 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-
-$yma-flex-basis-map: map.merge(
-  (
-    "auto": auto,
-    "full": 100%,
-    "half": 50%,
-  ),
-  fun.create-values(vars.$yma-flex-basis)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+
+$ycss-flex-basis-map: map.merge(
+  (
+    "auto": auto,
+    "full": 100%,
+    "half": 50%,
+  ),
+  fun.create-values(vars.$ycss-flex-basis)
+);

package/src/utilities/maps/grid/_gap.scss

@@ -1,5 +1,5 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-
-$yma-gap-map: fun.create-values(vars.$yma-gap);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+
+$ycss-gap-map: fun.create-values(vars.$ycss-gap);

package/dist/cli/commands/build.js

@@ -1,43 +0,0 @@
-import { writeFileSync } from "fs";
-import { messages } from "../lib/cli-lang.js";
-import { cli } from "../lib/cli-ui.js";
-import { loadConfig } from "../services/configLoader.js";
-import { minifyCSS } from "../services/minifyService.js";
-import { purgeCSS } from "../services/purgeService.js";
-import { compileSCSS } from "../services/scssCompiler.js";
-let cache = {};
-export async function build(existingConfig, forceRebuild = false) {
-    const buildSpinner = cli.startSpinner(messages.build.start);
-    const startTime = Date.now();
-    try {
-        const config = existingConfig || (await loadConfig());
-        const configHash = JSON.stringify(config);
-        const configChanged = cache.configHash !== configHash;
-        let css;
-        if (forceRebuild || configChanged || !cache.css) {
-            buildSpinner.text = messages.build.compiling;
-            const result = await compileSCSS(config);
-            css = result.css;
-            cache = {
-                css: result.css,
-                dependencies: result.dependencies,
-                configHash,
-            };
-        }
-        else {
-            css = cache.css;
-            buildSpinner.text = messages.build.usingCache;
-        }
-        buildSpinner.text = messages.build.purging;
-        const purgedCSS = await purgeCSS(css, config);
-        buildSpinner.text = messages.build.minifying;
-        const finalCSS = minifyCSS(purgedCSS, config);
-        writeFileSync(config.output, finalCSS);
-        buildSpinner.succeed(messages.build.success(Date.now() - startTime, config.output));
-    }
-    catch (error) {
-        buildSpinner.fail(messages.build.fail);
-        cli.error(error instanceof Error ? error.message : messages.common.unknownError);
-        process.exit(1);
-    }
-}

package/dist/cli/commands/init.js

@@ -1,19 +0,0 @@
-import { writeFileSync } from "fs";
-import { generateConfigFile } from "../config/templates.js";
-import { messages } from "../lib/cli-lang.js";
-import { cli } from "../lib/cli-ui.js";
-const DEFAULT_CONFIG_EXTENSION = ".js";
-export function init() {
-    const init = cli.startSpinner(messages.init.start);
-    try {
-        const configContent = generateConfigFile(DEFAULT_CONFIG_EXTENSION);
-        const configFileName = `yumma.config${DEFAULT_CONFIG_EXTENSION}`;
-        writeFileSync(configFileName, configContent);
-        init.succeed(messages.init.success);
-    }
-    catch (error) {
-        init.fail(messages.init.fail);
-        cli.error(error instanceof Error ? error.message : messages.common.unknownError);
-        process.exit(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/config/templates.js

@@ -1,33 +0,0 @@
-import { readFileSync } from "fs";
-import { join, dirname } from "path";
-import { fileURLToPath } from "url";
-import { defaultConfig } from "./defaultConfig.js";
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-const TEMPLATES_DIR = join(__dirname, "templates");
-const CONFIG_PLACEHOLDER = "{{CONFIG}}";
-const SUPPORTED_TEMPLATES = [
-    { extension: ".js", templateFile: "yumma.config.js.template" },
-];
-function loadTemplate(templateFile) {
-    const templatePath = join(TEMPLATES_DIR, templateFile);
-    return readFileSync(templatePath, "utf-8");
-}
-function generateConfigContent(template, config) {
-    const configString = JSON.stringify(config, null, 2);
-    return template.replace(CONFIG_PLACEHOLDER, configString);
-}
-export function generateConfigFile(extension) {
-    const templateInfo = SUPPORTED_TEMPLATES.find(t => t.extension === extension);
-    if (!templateInfo) {
-        throw new Error(`Unsupported config extension: ${extension}`);
-    }
-    const template = loadTemplate(templateInfo.templateFile);
-    return generateConfigContent(template, defaultConfig);
-}
-export function getSupportedExtensions() {
-    return SUPPORTED_TEMPLATES.map(t => t.extension);
-}
-export function isSupportedExtension(extension) {
-    return SUPPORTED_TEMPLATES.some(t => t.extension === extension);
-}

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,42 +0,0 @@
-import { join, extname } from "path";
-import { pathToFileURL } from "url";
-import { existsSync } from "fs";
-import { defaultConfig } from "../config/defaultConfig.js";
-import { getSupportedExtensions } from "../config/templates.js";
-const CONFIG_BASE = "yumma.config";
-const SUPPORTED_EXTENSIONS = getSupportedExtensions();
-const EXTENSION_LOADERS = {
-    ".js": async (path) => {
-        const configUrl = pathToFileURL(path).href;
-        return (await import(configUrl)).default;
-    },
-};
-function findConfigFile(cwd) {
-    for (const ext of SUPPORTED_EXTENSIONS) {
-        const file = join(cwd, `${CONFIG_BASE}${ext}`);
-        if (existsSync(file))
-            return file;
-    }
-    return null;
-}
-export async function loadConfig() {
-    const cwd = process.cwd();
-    const configPath = findConfigFile(cwd);
-    if (!configPath) {
-        throw new Error(`No config file found. Supported: ${CONFIG_BASE}${SUPPORTED_EXTENSIONS.join(", ")}`);
-    }
-    const ext = extname(configPath);
-    const loader = EXTENSION_LOADERS[ext];
-    if (!loader) {
-        throw new Error(`Unsupported config file extension: ${ext}`);
-    }
-    const userConfig = await loader(configPath);
-    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);