carbon-preprocess-svelte 0.11.4 → 0.11.6

package/dist/constants.js

@@ -4,5 +4,4 @@ exports.BITS_DENOM = exports.RE_EXT_CSS = exports.RE_EXT_SVELTE = exports.CARBON
 exports.CARBON_PREFIX = /bx--/;
 exports.RE_EXT_SVELTE = /\.svelte$/;
 exports.RE_EXT_CSS = /\.css$/;
-// Vite uses the decimal system for file sizes.
 exports.BITS_DENOM = 1000;

package/dist/plugins/OptimizeCssPlugin.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const utils_1 = require("../utils");
 const create_optimized_css_1 = require("./create-optimized-css");
 const print_diff_1 = require("./print-diff");
-// Webpack plugin to optimize CSS for Carbon Svelte components.
 class OptimizeCssPlugin {
     constructor(options) {
         this.options = {
@@ -29,7 +28,6 @@ class OptimizeCssPlugin {
                 name: OptimizeCssPlugin.name,
                 stage: Compilation.PROCESS_ASSETS_STAGE_DERIVED,
             }, (assets) => {
-                // Skip processing if no Carbon Svelte imports are found.
                 if (ids.length === 0)
                     return;
                 for (const [id] of Object.entries(assets)) {

package/dist/plugins/create-optimized-css.d.ts

@@ -1,25 +1,5 @@
 export type OptimizeCssOptions = {
-    /**
-     * By default, the plugin will print the size
-     * difference between the original and optimized CSS.
-     *
-     * Set to `false` to disable verbose logging.
-     * @default true
-     */
     verbose?: boolean;
-    /**
-     * By default, pre-compiled Carbon StyleSheets ship `@font-face` rules
-     * for all available IBM Plex fonts, many of which are not actually
-     * used in Carbon Svelte components.
-     *
-     * The default behavior is to preserve the following IBM Plex fonts:
-     * - IBM Plex Sans (300/400/600-weight and normal-font-style rules)
-     * - IBM Plex Mono (400-weight and normal-font-style rules)
-     *
-     * Set to `true` to disable this behavior and
-     * retain *all* IBM Plex `@font-face` rules.
-     * @default false
-     */
     preserveAllIBMFonts?: boolean;
 };
 type CreateOptimizedCssOptions = OptimizeCssOptions & {

package/dist/plugins/create-optimized-css.js

@@ -12,8 +12,6 @@ const constants_1 = require("../constants");
 function createOptimizedCss(options) {
     const { source, ids } = options;
     const preserveAllIBMFonts = (options === null || options === void 0 ? void 0 : options.preserveAllIBMFonts) === true;
-    // List of Carbon classes that must be preserved in the CSS
-    // but that are not referenced in Carbon Svelte components.
     const css_allowlist = [".bx--body"];
     for (const id of ids) {
         const { name } = node_path_1.default.parse(id);
@@ -26,22 +24,16 @@ function createOptimizedCss(options) {
             postcssPlugin: "postcss-plugin:carbon:optimize-css",
             Rule(node) {
                 const selector = node.selector;
-                // Ensure that the selector contains a Carbon prefix.
                 if (constants_1.CARBON_PREFIX.test(selector)) {
-                    // Selectors may contain multiple classes, separated by a comma.
                     const classes = selector.split(",").filter((selectee) => {
                         var _a;
                         const value = (_a = selectee.trim()) !== null && _a !== void 0 ? _a : "";
-                        // Some Carbon classes are prefixed with a tag for higher specificity.
-                        // E.g., a.bx--header
                         const [, rest] = value.split(".");
                         return Boolean(rest);
                     });
                     let remove_rule = true;
                     for (const name of classes) {
                         for (const selector of css_allowlist) {
-                            // If at least one class is in the allowlist, keep the rule.
-                            // This is a simplistic approach and can be further optimized.
                             if (name.includes(selector)) {
                                 remove_rule = false;
                                 break;
@@ -69,7 +61,6 @@ function createOptimizedCss(options) {
                                 break;
                         }
                     });
-                    // Do not proceed if font is not IBM Plex.
                     if (!attributes["font-family"].startsWith("IBM Plex")) {
                         return;
                     }

package/dist/plugins/optimize-css.js

@@ -13,7 +13,6 @@ exports.optimizeCss = void 0;
 const utils_1 = require("../utils");
 const create_optimized_css_1 = require("./create-optimized-css");
 const print_diff_1 = require("./print-diff");
-// Vite plugin (Rollup-compatible) to optimize CSS for Carbon Svelte components.
 const optimizeCss = (options) => {
     const verbose = (options === null || options === void 0 ? void 0 : options.verbose) !== false;
     const ids = [];
@@ -28,7 +27,6 @@ const optimizeCss = (options) => {
         },
         generateBundle(_, bundle) {
             return __awaiter(this, void 0, void 0, function* () {
-                // Skip processing if no Carbon Svelte imports are found.
                 if (ids.length === 0)
                     return;
                 for (const id in bundle) {

package/dist/preprocessors/optimize-imports.js

@@ -22,12 +22,10 @@ const optimizeImports = () => {
     return {
         name: "carbon:optimize-imports",
         script({ filename, content: raw }) {
-            // Skip files in node_modules to minimize unnecessary preprocessing
             if (!filename)
                 return;
             if (/node_modules/.test(filename))
                 return;
-            // Wrap the content in a `<script>` tag to parse it with the Svelte parser.
             const content = `<script>${raw}</script>`;
             const s = new magic_string_1.default(content);
             (0, estree_walker_1.walk)((0, compiler_1.parse)(content), {
@@ -35,7 +33,7 @@ const optimizeImports = () => {
                     if (node.type === "ImportDeclaration") {
                         const import_name = node.source.value;
                         switch (import_name) {
-                            case "carbon-components-svelte" /* CarbonSvelte.Components */:
+                            case "carbon-components-svelte":
                                 rewriteImport(s, node, ({ imported, local }) => {
                                     var _a;
                                     const import_path = (_a = component_index_1.components[imported.name]) === null || _a === void 0 ? void 0 : _a.path;
@@ -44,8 +42,8 @@ const optimizeImports = () => {
                                         : "";
                                 });
                                 break;
-                            case "carbon-icons-svelte" /* CarbonSvelte.Icons */:
-                            case "carbon-pictograms-svelte" /* CarbonSvelte.Pictograms */:
+                            case "carbon-icons-svelte":
+                            case "carbon-pictograms-svelte":
                                 rewriteImport(s, node, ({ imported, local }) => {
                                     return `import ${local.name} from "${import_name}/lib/${imported.name}.svelte";`;
                                 });

package/dist/utils.js

@@ -11,5 +11,5 @@ function isCssFile(id) {
     return constants_1.RE_EXT_CSS.test(id);
 }
 function isCarbonSvelteImport(id) {
-    return isSvelteFile(id) && id.includes("carbon-components-svelte" /* CarbonSvelte.Components */);
+    return isSvelteFile(id) && id.includes("carbon-components-svelte");
 }

package/package.json

@@ -1,33 +1,17 @@
 {
   "name": "carbon-preprocess-svelte",
-  "version": "0.11.4",
+  "version": "0.11.6",
   "license": "Apache-2.0",
   "description": "Svelte preprocessors for the Carbon Design System",
   "author": "Eric Liu (https://github.com/metonym)",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "scripts": {
-    "index:components": "bun scripts/index-components.ts",
-    "build": "bun --bun tsc -p tsconfig.build.json",
-    "test:e2e": "bun tests/test-e2e.ts",
-    "format": "bun --bun prettier --write . --cache"
-  },
   "dependencies": {
     "estree-walker": "^2.0.2",
-    "magic-string": "^0.30.10",
-    "postcss": "^8.4.40",
+    "magic-string": "^0.30.11",
+    "postcss": "^8.4.41",
     "postcss-discard-empty": "^6.0.3"
   },
-  "devDependencies": {
-    "@types/bun": "latest",
-    "@types/jest": "latest",
-    "carbon-components-svelte": "0.85.0",
-    "prettier": "latest",
-    "svelte": "latest",
-    "typescript": "latest",
-    "vite": "latest",
-    "webpack": "latest"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/carbon-design-system/carbon-preprocess-svelte.git"
@@ -43,10 +27,6 @@
     "optimize imports",
     "optimize CSS"
   ],
-  "files": [
-    "dist"
-  ],
-  "maintainers": [
-    "Eric Liu (https://github.com/metonym)"
-  ]
+  "files": ["dist"],
+  "maintainers": ["Eric Liu (https://github.com/metonym)"]
 }