@modern-js/plugin-tailwindcss 1.2.0 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @modern-js/plugin-tailwindcss
 
+## 1.2.1
+
+### Patch Changes
+
+- 83166714: change .npmignore
+- Updated dependencies [83166714]
+- Updated dependencies [c3de9882]
+- Updated dependencies [33ff48af]
+  - @modern-js/core@1.3.2
+  - @modern-js/utils@1.2.2
+
 ## 1.2.0
 
 ### Minor Changes

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.2.0",
+  "version": "1.2.1",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/js/node/index.js",
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7",
-    "@modern-js/utils": "^1.2.0",
+    "@modern-js/utils": "^1.2.2",
     "lodash.clonedeep": "^4.5.0",
     "lodash.merge": "^4.6.2"
   },
   "devDependencies": {
-    "@modern-js/core": "^1.3.0",
+    "@modern-js/core": "^1.3.2",
     "@scripts/build": "0.0.0",
     "@types/jest": "^26",
     "@types/lodash.clonedeep": "^4.5.6",
@@ -51,7 +51,7 @@
     "@scripts/jest-config": "0.0.0"
   },
   "peerDependencies": {
-    "@modern-js/core": "^1.3.0",
+    "@modern-js/core": "^1.3.2",
     "tailwindcss": "^2.0.4"
   },
   "sideEffects": false,

package/src/cli.ts

@@ -1,77 +0,0 @@
-import { Import, PLUGIN_SCHEMAS } from '@modern-js/utils';
-import { getTailwindConfig } from './tailwind';
-
-const core: typeof import('@modern-js/core') = Import.lazy(
-  '@modern-js/core',
-  require,
-);
-
-export default core.createPlugin(
-  () => ({
-    validateSchema() {
-      return PLUGIN_SCHEMAS['@modern-js/plugin-tailwindcss'];
-    },
-    config() {
-      return {
-        tools: {
-          // TODO: Add interface about postcss config
-          // TODO: In module project, also is called, but should not be called.
-          postcss: (config: Record<string, any>) => {
-            const modernConfig = core.useResolvedConfigContext();
-            const tailwindConfig = getTailwindConfig(modernConfig, {
-              pureConfig: {
-                content: [
-                  './config/html/**/*.html',
-                  './config/html/**/*.ejs',
-                  './config/html/**/*.hbs',
-                  './src/**/*.js',
-                  './src/**/*.jsx',
-                  './src/**/*.ts',
-                  './src/**/*.tsx',
-                  // about storybook
-                  './storybook/**/*',
-                  './styles/**/*.less',
-                  './styles/**/*.css',
-                  './styles/**/*.sass',
-                  './styles/**/*.scss',
-                ],
-              },
-            });
-            if (Array.isArray(config.postcssOptions.plugins)) {
-              config.postcssOptions.plugins.push(
-                require('tailwindcss')(tailwindConfig),
-              );
-            } else {
-              config.postcssOptions.plugins = [
-                require('tailwindcss')(tailwindConfig),
-              ];
-            }
-          },
-        },
-      };
-    },
-    moduleTailwindConfig() {
-      const modernConfig = core.useResolvedConfigContext();
-      const tailwindConfig = getTailwindConfig(modernConfig, {
-        pureConfig: {
-          content: [
-            './src/**/*.js',
-            './src/**/*.jsx',
-            './src/**/*.ts',
-            './src/**/*.tsx',
-            './src/**/*.less',
-            './src/**/*.css',
-            './src/**/*.sass',
-            './src/**/*.scss',
-            './styles/**/*.less',
-            './styles/**/*.css',
-            './styles/**/*.sass',
-            './styles/**/*.scss',
-          ],
-        },
-      });
-      return require('tailwindcss')(tailwindConfig);
-    },
-  }),
-  { name: '@modern-js/plugin-tailwindcss' },
-) as any;

package/src/index.ts

@@ -1 +0,0 @@
-export { default } from './cli';

package/src/tailwind.ts

@@ -1,78 +0,0 @@
-import type { NormalizedConfig } from '@modern-js/core';
-import { Import, applyOptionsChain, logger } from '@modern-js/utils';
-
-const cloneDeep: typeof import('lodash.clonedeep') = Import.lazy(
-  'lodash.clonedeep',
-  require,
-);
-const merge: typeof import('lodash.merge') = Import.lazy(
-  'lodash.merge',
-  require,
-);
-
-const checkIfExistNotAllowKeys = (
-  tailwindConfig: Record<string, any>,
-): [boolean, string] => {
-  const notAllowExistKeys = ['theme'];
-  let notAllowKey = '';
-
-  const ret = Object.keys(tailwindConfig).some(
-    key => notAllowExistKeys.includes(key) && (notAllowKey = key),
-  );
-
-  return [ret, notAllowKey];
-};
-
-const getPureDesignSystemConfig = (
-  designSystemConfig: Record<string, any> & {
-    supportSytledComponents: boolean;
-  },
-) => {
-  const pureDesignSystemConfig = cloneDeep(designSystemConfig);
-  delete pureDesignSystemConfig.supportStyledComponents;
-  return pureDesignSystemConfig;
-};
-
-const getTailwindConfig = (
-  config: NormalizedConfig,
-  option: { pureConfig?: Record<string, any> } = {},
-) => {
-  const purgeConfig = merge(
-    {
-      // TODO: how the operating environment is determined
-      enabled: process.env.NODE_ENV === 'production',
-      // TODO: Remove or not
-      layers: ['utilities'],
-      content: [],
-    },
-    option.pureConfig || {},
-  );
-  const defaultTailwindConfig = {
-    purge: purgeConfig,
-  };
-  const tailwindConfig = applyOptionsChain(
-    defaultTailwindConfig,
-    (config.tools as any).tailwindcss || {},
-  );
-
-  const designSystem = getPureDesignSystemConfig(
-    (config.source as any).designSystem || {},
-  );
-
-  const [exist, key] = checkIfExistNotAllowKeys(tailwindConfig);
-
-  if (exist) {
-    logger.error(
-      `should not exist '${key}' on tools.tailwindcss, please remove it`,
-    );
-    // eslint-disable-next-line no-process-exit
-    process.exit(0);
-  }
-
-  // Because there is no default theme configuration
-  tailwindConfig.theme = designSystem || {};
-
-  return tailwindConfig;
-};
-
-export { getTailwindConfig };

package/src/types.d.ts

@@ -1,10 +0,0 @@
-import '@modern-js/core';
-
-declare module '@modern-js/core' {
-  interface ToolsConfig {
-    tailwind?:
-      | Record<string, any>
-      // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-      | ((options: Record<string, any>) => Record<string, any> | void);
-  }
-}