tailwindcss 0.0.0-insiders.ee0f329 → 0.0.0-insiders.ee3f3fd

package/CHANGELOG.md

@@ -7,10 +7,31 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+
+- Don't use pointer cursor on disabled buttons by default ([#5772](https://github.com/tailwindlabs/tailwindcss/pull/5772))
+- Set default content value in preflight instead of within each before/after utility ([#5820](https://github.com/tailwindlabs/tailwindcss/pull/5820))
+- Remove `prefix` as a function ([#5829](https://github.com/tailwindlabs/tailwindcss/pull/5829))
+
 ### Added
 
 - Add `flex-basis` utilities ([#5671](https://github.com/tailwindlabs/tailwindcss/pull/5671))
 - Make negative values a first-class feature ([#5709](https://github.com/tailwindlabs/tailwindcss/pull/5709))
+- Add `fit-content` values for `min/max-width/height` utilities ([#5638](https://github.com/tailwindlabs/tailwindcss/pull/5638))
+- Add `min/max-content` values for `min/max-height` utilities ([#5729](https://github.com/tailwindlabs/tailwindcss/pull/5729))
+- Add all standard `cursor-*` values by default ([#5734](https://github.com/tailwindlabs/tailwindcss/pull/5734))
+- Add `grow-*` and `shrink-*` utilities, deprecate `flex-grow-*` and `flex-shrink-*` ([#5733](https://github.com/tailwindlabs/tailwindcss/pull/5733))
+- Add `text-decoration-color` utilities ([#5760](https://github.com/tailwindlabs/tailwindcss/pull/5760))
+- Add declarative `addVariant` syntax ([#5809](https://github.com/tailwindlabs/tailwindcss/pull/5809))
+
+### Fixed
+
+- Configure chokidar's `awaitWriteFinish` setting to avoid occasional stale builds on Windows ([#5774](https://github.com/tailwindlabs/tailwindcss/pull/5774))
+- Fix CLI `--content` option ([#5775](https://github.com/tailwindlabs/tailwindcss/pull/5775))
+- Fix before/after utilities overriding custom content values at larger breakpoints ([#5820](https://github.com/tailwindlabs/tailwindcss/pull/5820))
+- Cleanup duplicate properties ([#5830](https://github.com/tailwindlabs/tailwindcss/pull/5830))
+- Allow `_` inside `url()` when using arbitrary values ([#5853](https://github.com/tailwindlabs/tailwindcss/pull/5853))
+- Prevent crashes when using comments in `@layer` AtRules ([#5854](https://github.com/tailwindlabs/tailwindcss/pull/5854))
 
 ## [3.0.0-alpha.1] - 2021-10-01
 

package/lib/cli.js

@@ -396,7 +396,7 @@ async function build() {
             }
         }
         if (args['--content']) {
-            resolvedConfig.content = args['--content'].split(/(?<!{[^}]+),/);
+            resolvedConfig.content.files = args['--content'].split(/(?<!{[^}]+),/);
         }
         return resolvedConfig;
     }
@@ -649,7 +649,11 @@ async function build() {
             ...contextDependencies,
             ...extractFileGlobs(config)
         ], {
-            ignoreInitial: true
+            ignoreInitial: true,
+            awaitWriteFinish: process.platform === 'win32' ? {
+                stabilityThreshold: 50,
+                pollInterval: 10
+            } : false
         });
         let chain = Promise.resolve();
         watcher.on('change', async (file)=>{

package/lib/corePluginList.js

@@ -125,6 +125,7 @@ var _default = [
     "textColor",
     "textOpacity",
     "textDecoration",
+    "textDecorationColor",
     "fontSmoothing",
     "placeholderColor",
     "placeholderOpacity",

package/lib/corePlugins.js

@@ -4,17 +4,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.variantPlugins = exports.corePlugins = void 0;
 var _fs = _interopRequireDefault(require("fs"));
+var path = _interopRequireWildcard(require("path"));
 var _postcss = _interopRequireDefault(require("postcss"));
 var _createUtilityPlugin = _interopRequireDefault(require("./util/createUtilityPlugin"));
 var _buildMediaQuery = _interopRequireDefault(require("./util/buildMediaQuery"));
-var _prefixSelector = _interopRequireDefault(require("./util/prefixSelector"));
 var _parseAnimationValue = _interopRequireDefault(require("./util/parseAnimationValue"));
 var _flattenColorPalette = _interopRequireDefault(require("./util/flattenColorPalette"));
 var _withAlphaVariable = _interopRequireWildcard(require("./util/withAlphaVariable"));
 var _toColorValue = _interopRequireDefault(require("./util/toColorValue"));
 var _isPlainObject = _interopRequireDefault(require("./util/isPlainObject"));
 var _transformThemeValue = _interopRequireDefault(require("./util/transformThemeValue"));
-var _pluginUtils = require("./util/pluginUtils");
 var _packageJson = require("../package.json");
 var _log = _interopRequireDefault(require("./util/log"));
 function _interopRequireDefault(obj) {
@@ -46,54 +45,20 @@ function _interopRequireWildcard(obj) {
     }
 }
 let variantPlugins = {
-    pseudoElementVariants: ({ config , addVariant  })=>{
-        addVariant('first-letter', (0, _pluginUtils).transformAllSelectors((selector)=>{
-            return (0, _pluginUtils).updateAllClasses(selector, (className, { withPseudo  })=>{
-                return withPseudo(`first-letter${config('separator')}${className}`, '::first-letter');
-            });
-        }));
-        addVariant('first-line', (0, _pluginUtils).transformAllSelectors((selector)=>{
-            return (0, _pluginUtils).updateAllClasses(selector, (className, { withPseudo  })=>{
-                return withPseudo(`first-line${config('separator')}${className}`, '::first-line');
-            });
-        }));
+    pseudoElementVariants: ({ addVariant  })=>{
+        addVariant('first-letter', '&::first-letter');
+        addVariant('first-line', '&::first-line');
         addVariant('marker', [
-            (0, _pluginUtils).transformAllSelectors((selector)=>{
-                let variantSelector = (0, _pluginUtils).updateAllClasses(selector, (className)=>{
-                    return `marker${config('separator')}${className}`;
-                });
-                return `${variantSelector} *::marker`;
-            }),
-            (0, _pluginUtils).transformAllSelectors((selector)=>{
-                return (0, _pluginUtils).updateAllClasses(selector, (className, { withPseudo  })=>{
-                    return withPseudo(`marker${config('separator')}${className}`, '::marker');
-                });
-            }), 
+            '& *::marker',
+            '&::marker'
         ]);
         addVariant('selection', [
-            (0, _pluginUtils).transformAllSelectors((selector)=>{
-                let variantSelector = (0, _pluginUtils).updateAllClasses(selector, (className)=>{
-                    return `selection${config('separator')}${className}`;
-                });
-                return `${variantSelector} *::selection`;
-            }),
-            (0, _pluginUtils).transformAllSelectors((selector)=>{
-                return (0, _pluginUtils).updateAllClasses(selector, (className, { withPseudo  })=>{
-                    return withPseudo(`selection${config('separator')}${className}`, '::selection');
-                });
-            }), 
+            '& *::selection',
+            '&::selection'
         ]);
-        addVariant('file', (0, _pluginUtils).transformAllSelectors((selector)=>{
-            return (0, _pluginUtils).updateAllClasses(selector, (className, { withPseudo  })=>{
-                return withPseudo(`file${config('separator')}${className}`, '::file-selector-button');
-            });
-        }));
-        addVariant('before', (0, _pluginUtils).transformAllSelectors((selector)=>{
-            return (0, _pluginUtils).updateAllClasses(selector, (className, { withPseudo  })=>{
-                return withPseudo(`before${config('separator')}${className}`, '::before');
-            });
-        }, {
-            withRule: (rule)=>{
+        addVariant('file', '&::file-selector-button');
+        addVariant('before', ({ container  })=>{
+            container.walkRules((rule)=>{
                 let foundContent = false;
                 rule.walkDecls('content', ()=>{
                     foundContent = true;
@@ -101,17 +66,14 @@ let variantPlugins = {
                 if (!foundContent) {
                     rule.prepend(_postcss.default.decl({
                         prop: 'content',
-                        value: '""'
+                        value: 'var(--tw-content)'
                     }));
                 }
-            }
-        }));
-        addVariant('after', (0, _pluginUtils).transformAllSelectors((selector)=>{
-            return (0, _pluginUtils).updateAllClasses(selector, (className, { withPseudo  })=>{
-                return withPseudo(`after${config('separator')}${className}`, '::after');
             });
-        }, {
-            withRule: (rule)=>{
+            return '&::before';
+        });
+        addVariant('after', ({ container  })=>{
+            container.walkRules((rule)=>{
                 let foundContent = false;
                 rule.walkDecls('content', ()=>{
                     foundContent = true;
@@ -119,13 +81,14 @@ let variantPlugins = {
                 if (!foundContent) {
                     rule.prepend(_postcss.default.decl({
                         prop: 'content',
-                        value: '""'
+                        value: 'var(--tw-content)'
                     }));
                 }
-            }
-        }));
+            });
+            return '&::after';
+        });
     },
-    pseudoClassVariants: ({ config , addVariant  })=>{
+    pseudoClassVariants: ({ addVariant  })=>{
         let pseudoVariants = [
             // Positional
             [
@@ -179,94 +142,40 @@ let variantPlugins = {
             'focus-visible',
             'active',
             'disabled', 
-        ];
-        for (let variant of pseudoVariants){
-            let [variantName, state] = Array.isArray(variant) ? variant : [
+        ].map((variant)=>Array.isArray(variant) ? variant : [
                 variant,
                 `:${variant}`
-            ];
-            addVariant(variantName, (0, _pluginUtils).transformAllClasses((className, { withAttr , withPseudo  })=>{
-                if (state.startsWith(':')) {
-                    return withPseudo(`${variantName}${config('separator')}${className}`, state);
-                } else if (state.startsWith('[')) {
-                    return withAttr(`${variantName}${config('separator')}${className}`, state);
-                }
-            }));
+            ]
+        );
+        for (let [variantName, state] of pseudoVariants){
+            addVariant(variantName, `&${state}`);
         }
-        let groupMarker = (0, _prefixSelector).default(config('prefix'), '.group');
-        for (let variant1 of pseudoVariants){
-            let [variantName, state] = Array.isArray(variant1) ? variant1 : [
-                variant1,
-                `:${variant1}`
-            ];
-            let groupVariantName = `group-${variantName}`;
-            addVariant(groupVariantName, (0, _pluginUtils).transformAllSelectors((selector)=>{
-                let variantSelector = (0, _pluginUtils).updateAllClasses(selector, (className)=>{
-                    if (`.${className}` === groupMarker) return className;
-                    return `${groupVariantName}${config('separator')}${className}`;
-                });
-                if (variantSelector === selector) {
-                    return null;
-                }
-                return (0, _pluginUtils).applyStateToMarker(variantSelector, groupMarker, state, (marker, selector)=>`${marker} ${selector}`
-                );
-            }));
+        for (let [variantName1, state1] of pseudoVariants){
+            addVariant(`group-${variantName1}`, `:merge(.group)${state1} &`);
         }
-        let peerMarker = (0, _prefixSelector).default(config('prefix'), '.peer');
-        for (let variant2 of pseudoVariants){
-            let [variantName, state] = Array.isArray(variant2) ? variant2 : [
-                variant2,
-                `:${variant2}`
-            ];
-            let peerVariantName = `peer-${variantName}`;
-            addVariant(peerVariantName, (0, _pluginUtils).transformAllSelectors((selector)=>{
-                let variantSelector = (0, _pluginUtils).updateAllClasses(selector, (className)=>{
-                    if (`.${className}` === peerMarker) return className;
-                    return `${peerVariantName}${config('separator')}${className}`;
-                });
-                if (variantSelector === selector) {
-                    return null;
-                }
-                return (0, _pluginUtils).applyStateToMarker(variantSelector, peerMarker, state, (marker, selector)=>selector.trim().startsWith('~') ? `${marker}${selector}` : `${marker} ~ ${selector}`
-                );
-            }));
+        for (let [variantName2, state2] of pseudoVariants){
+            addVariant(`peer-${variantName2}`, `:merge(.peer)${state2} ~ &`);
         }
     },
-    directionVariants: ({ config , addVariant  })=>{
-        addVariant('ltr', (0, _pluginUtils).transformAllSelectors((selector)=>{
+    directionVariants: ({ addVariant  })=>{
+        addVariant('ltr', ()=>{
             _log.default.warn('rtl-experimental', [
                 'The RTL features in Tailwind CSS are currently in preview.',
                 'Preview features are not covered by semver, and may be improved in breaking ways at any time.', 
             ]);
-            return `[dir="ltr"] ${(0, _pluginUtils).updateAllClasses(selector, (className)=>`ltr${config('separator')}${className}`
-            )}`;
-        }));
-        addVariant('rtl', (0, _pluginUtils).transformAllSelectors((selector)=>{
+            return '[dir="ltr"] &';
+        });
+        addVariant('rtl', ()=>{
             _log.default.warn('rtl-experimental', [
                 'The RTL features in Tailwind CSS are currently in preview.',
                 'Preview features are not covered by semver, and may be improved in breaking ways at any time.', 
             ]);
-            return `[dir="rtl"] ${(0, _pluginUtils).updateAllClasses(selector, (className)=>`rtl${config('separator')}${className}`
-            )}`;
-        }));
+            return '[dir="rtl"] &';
+        });
     },
-    reducedMotionVariants: ({ config , addVariant  })=>{
-        addVariant('motion-safe', (0, _pluginUtils).transformLastClasses((className)=>{
-            return `motion-safe${config('separator')}${className}`;
-        }, {
-            wrap: ()=>_postcss.default.atRule({
-                    name: 'media',
-                    params: '(prefers-reduced-motion: no-preference)'
-                })
-        }));
-        addVariant('motion-reduce', (0, _pluginUtils).transformLastClasses((className)=>{
-            return `motion-reduce${config('separator')}${className}`;
-        }, {
-            wrap: ()=>_postcss.default.atRule({
-                    name: 'media',
-                    params: '(prefers-reduced-motion: reduce)'
-                })
-        }));
+    reducedMotionVariants: ({ addVariant  })=>{
+        addVariant('motion-safe', '@media (prefers-reduced-motion: no-preference)');
+        addVariant('motion-reduce', '@media (prefers-reduced-motion: reduce)');
     },
     darkVariants: ({ config , addVariant  })=>{
         let mode = config('darkMode', 'media');
@@ -278,46 +187,23 @@ let variantPlugins = {
             ]);
         }
         if (mode === 'class') {
-            addVariant('dark', (0, _pluginUtils).transformAllSelectors((selector)=>{
-                let variantSelector = (0, _pluginUtils).updateLastClasses(selector, (className)=>{
-                    return `dark${config('separator')}${className}`;
-                });
-                if (variantSelector === selector) {
-                    return null;
-                }
-                let darkSelector = (0, _prefixSelector).default(config('prefix'), `.dark`);
-                return `${darkSelector} ${variantSelector}`;
-            }));
+            addVariant('dark', '.dark &');
         } else if (mode === 'media') {
-            addVariant('dark', (0, _pluginUtils).transformLastClasses((className)=>{
-                return `dark${config('separator')}${className}`;
-            }, {
-                wrap: ()=>_postcss.default.atRule({
-                        name: 'media',
-                        params: '(prefers-color-scheme: dark)'
-                    })
-            }));
+            addVariant('dark', '@media (prefers-color-scheme: dark)');
         }
     },
-    screenVariants: ({ config , theme , addVariant  })=>{
+    screenVariants: ({ theme , addVariant  })=>{
         for(let screen in theme('screens')){
             let size = theme('screens')[screen];
             let query = (0, _buildMediaQuery).default(size);
-            addVariant(screen, (0, _pluginUtils).transformLastClasses((className)=>{
-                return `${screen}${config('separator')}${className}`;
-            }, {
-                wrap: ()=>_postcss.default.atRule({
-                        name: 'media',
-                        params: query
-                    })
-            }));
+            addVariant(screen, `@media ${query}`);
         }
     }
 };
 exports.variantPlugins = variantPlugins;
 let corePlugins = {
     preflight: ({ addBase  })=>{
-        let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(`${__dirname}/css/preflight.css`, 'utf8'));
+        let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(path.join(__dirname, './css/preflight.css'), 'utf8'));
         addBase([
             _postcss.default.comment({
                 text: `! tailwindcss v${_packageJson.version} | MIT License | https://tailwindcss.com`
@@ -834,7 +720,13 @@ let corePlugins = {
             [
                 'flex-shrink'
             ]
-        ]
+        ],
+        [
+            'shrink',
+            [
+                'flex-shrink'
+            ]
+        ], 
     ]),
     flexGrow: (0, _createUtilityPlugin).default('flexGrow', [
         [
@@ -842,7 +734,13 @@ let corePlugins = {
             [
                 'flex-grow'
             ]
-        ]
+        ],
+        [
+            'grow',
+            [
+                'flex-grow'
+            ]
+        ], 
     ]),
     flexBasis: (0, _createUtilityPlugin).default('flexBasis', [
         [
@@ -2755,40 +2653,64 @@ let corePlugins = {
     },
     fontVariantNumeric: ({ addUtilities  })=>{
         addUtilities({
-            '.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions': {
+            '@defaults font-variant-numeric': {
                 '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',
                 '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',
                 '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',
                 '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',
                 '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',
-                'font-variant-numeric': 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)'
+                '--tw-font-variant-numeric': 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)'
             },
             '.normal-nums': {
                 'font-variant-numeric': 'normal'
             },
             '.ordinal': {
-                '--tw-ordinal': 'ordinal'
+                '@defaults font-variant-numeric': {
+                },
+                '--tw-ordinal': 'ordinal',
+                'font-variant-numeric': 'var(--tw-font-variant-numeric)'
             },
             '.slashed-zero': {
-                '--tw-slashed-zero': 'slashed-zero'
+                '@defaults font-variant-numeric': {
+                },
+                '--tw-slashed-zero': 'slashed-zero',
+                'font-variant-numeric': 'var(--tw-font-variant-numeric)'
             },
             '.lining-nums': {
-                '--tw-numeric-figure': 'lining-nums'
+                '@defaults font-variant-numeric': {
+                },
+                '--tw-numeric-figure': 'lining-nums',
+                'font-variant-numeric': 'var(--tw-font-variant-numeric)'
             },
             '.oldstyle-nums': {
-                '--tw-numeric-figure': 'oldstyle-nums'
+                '@defaults font-variant-numeric': {
+                },
+                '--tw-numeric-figure': 'oldstyle-nums',
+                'font-variant-numeric': 'var(--tw-font-variant-numeric)'
             },
             '.proportional-nums': {
-                '--tw-numeric-spacing': 'proportional-nums'
+                '@defaults font-variant-numeric': {
+                },
+                '--tw-numeric-spacing': 'proportional-nums',
+                'font-variant-numeric': 'var(--tw-font-variant-numeric)'
             },
             '.tabular-nums': {
-                '--tw-numeric-spacing': 'tabular-nums'
+                '@defaults font-variant-numeric': {
+                },
+                '--tw-numeric-spacing': 'tabular-nums',
+                'font-variant-numeric': 'var(--tw-font-variant-numeric)'
             },
             '.diagonal-fractions': {
-                '--tw-numeric-fraction': 'diagonal-fractions'
+                '@defaults font-variant-numeric': {
+                },
+                '--tw-numeric-fraction': 'diagonal-fractions',
+                'font-variant-numeric': 'var(--tw-font-variant-numeric)'
             },
             '.stacked-fractions': {
-                '--tw-numeric-fraction': 'stacked-fractions'
+                '@defaults font-variant-numeric': {
+                },
+                '--tw-numeric-fraction': 'stacked-fractions',
+                'font-variant-numeric': 'var(--tw-font-variant-numeric)'
             }
         });
     },
@@ -2850,6 +2772,21 @@ let corePlugins = {
             }
         });
     },
+    textDecorationColor: ({ matchUtilities , theme  })=>{
+        matchUtilities({
+            decoration: (value)=>{
+                return {
+                    'text-decoration-color': (0, _toColorValue).default(value)
+                };
+            }
+        }, {
+            values: (0, _flattenColorPalette).default(theme('textDecorationColor')),
+            type: [
+                'color',
+                'any'
+            ]
+        });
+    },
     fontSmoothing: ({ addUtilities  })=>{
         addUtilities({
             '.antialiased': {
@@ -3557,6 +3494,17 @@ let corePlugins = {
             ]
         ]
     ]),
-    content: (0, _createUtilityPlugin).default('content')
+    content: (0, _createUtilityPlugin).default('content', [
+        [
+            'content',
+            [
+                '--tw-content',
+                [
+                    'content',
+                    'var(--tw-content)'
+                ]
+            ]
+        ], 
+    ])
 };
 exports.corePlugins = corePlugins;

package/lib/css/preflight.css

@@ -12,6 +12,11 @@
   border-color: currentColor; /* 2 */
 }
 
+::before,
+::after {
+  --tw-content: '';
+}
+
 /*
 1. Use a consistent sensible line-height in all browsers.
 2. Prevent adjustments of font size after orientation changes in iOS.
@@ -317,6 +322,13 @@ button,
   cursor: pointer;
 }
 
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+
 /*
 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)

package/lib/lib/collapseDuplicateDeclarations.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = collapseDuplicateDeclarations;
+function collapseDuplicateDeclarations() {
+    return (root)=>{
+        root.walkRules((node)=>{
+            let seen = new Map();
+            let droppable = new Set([]);
+            node.walkDecls((decl)=>{
+                // This could happen if we have nested selectors. In that case the
+                // parent will loop over all its declarations but also the declarations
+                // of nested rules. With this we ensure that we are shallowly checking
+                // declarations.
+                if (decl.parent !== node) {
+                    return;
+                }
+                if (seen.has(decl.prop)) {
+                    droppable.add(seen.get(decl.prop));
+                }
+                seen.set(decl.prop, decl);
+            });
+            for (let decl of droppable){
+                decl.remove();
+            }
+        });
+    };
+}

package/lib/lib/expandTailwindAtRules.js

@@ -42,6 +42,8 @@ const PATTERNS = [
     /([^<>"'`\s]*\[\w*"[^"`\s]*"?\])/.source,
     /([^<>"'`\s]*\[\w*\('[^"'`\s]*'\)\])/.source,
     /([^<>"'`\s]*\[\w*\("[^"'`\s]*"\)\])/.source,
+    /([^<>"'`\s]*\[\w*\('[^"`\s]*'\)\])/.source,
+    /([^<>"'`\s]*\[\w*\("[^'`\s]*"\)\])/.source,
     /([^<>"'`\s]*\['[^"'`\s]*'\])/.source,
     /([^<>"'`\s]*\["[^"'`\s]*"\])/.source,
     /([^<>"'`\s]*\[[^"'`\s]+\][^<>"'`\s]*)/.source,
@@ -230,7 +232,6 @@ function expandTailwindAtRules(context) {
         if (env.DEBUG) {
             console.log('Potential classes: ', candidates.size);
             console.log('Active contexts: ', sharedState.contextSourcesMap.size);
-            console.log('Content match entries', contentMatchCache.size);
         }
         // Clear the cache for the changed files
         context.changedContent = [];