fix(autoprefix): handle true value as autoprefixCss config

Author: adamdbradley

src/compiler/style/test/optimize-css.spec.ts

@@ -27,6 +27,16 @@ describe('optimizeCss',  () => {
     expect(diagnostics).toHaveLength(1);
   });
 
+  it('handles autoprefixerCss true config', async () => {
+    config.autoprefixCss = true;
+    config.minifyCss = true;
+    const styleText = `/* css */ body { color: #ff0000; }`;
+    const output = await optimizeCss(config, compilerCtx, diagnostics, styleText, null, true);
+
+    expect(diagnostics).toHaveLength(0);
+    expect(output).toBe(`body{color:red}`);
+  });
+
   it('discard-comments', async () => {
     config.minifyCss = true;
     const styleText = `/* css */ body { color: #ff0000; }`;

src/declarations/config.ts

@@ -4,6 +4,14 @@ import * as d from '.';
  * https://stenciljs.com/docs/config/
  */
 export interface StencilConfig {
+  /**
+   * By default, Stencil will use the appropriate config to automatically prefix css. For example,
+   * developers can write modern and standard css properties, such as "transform", and Stencil
+   * will automatically add in the prefixed version, such as "-webkit-transform". To disable
+   * autoprefixing css, set this value to `false`.
+   */
+  autoprefixCss?: boolean | any;
+
   /**
    * By default, Stencil will statically analyze the application and generate a component graph of
    * how all the components are interconnected.
@@ -104,7 +112,6 @@ export interface StencilConfig {
   srcDir?: string;
 
   assetVersioning?: ConfigAssetVersioning;
-  autoprefixCss?: boolean | any;
   buildEs5?: boolean;
   buildEsm?: boolean;
   buildScoped?: boolean;

src/sys/node/node-sys-main.ts

@@ -111,10 +111,6 @@ export class NodeSystem implements d.StencilSystem {
     };
   }
 
-  async autoprefixCss(input: string, opts: any): Promise<string> {
-    return this.sysWorker.run('autoprefixCss', [input, opts]);
-  }
-
   async copy(copyTasks: d.CopyTask[]): Promise<d.CopyResults> {
     return this.sysWorker.run('copy', [copyTasks], { isLongRunningTask: true });
   }

src/sys/node/optimize-css-worker.ts

@@ -49,7 +49,7 @@ export async function optimizeCssWorker(inputOpts: d.OptimizeCssInput) {
 
 
 export function addAutoprefixer(inputOpts: d.OptimizeCssInput) {
-  const autoprefixerOpts = inputOpts.autoprefixer || DEFAULT_AUTOPREFIX_LEGACY;
+  const autoprefixerOpts: any = (inputOpts.autoprefixer && typeof inputOpts.autoprefixer === 'object') || DEFAULT_AUTOPREFIX_LEGACY;
 
   return autoprefixer(autoprefixerOpts);
 }