feat(admin): init project (#7197)

tools/cli/src/webpack/config.ts

@@ -1,5 +1,5 @@
 import { createRequire } from 'node:module';
-import { join, resolve } from 'node:path';
+import { join } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
 import type { RuntimeConfig } from '@affine/env/global';
@@ -14,8 +14,8 @@ import TerserPlugin from 'terser-webpack-plugin';
 import webpack from 'webpack';
 import type { Configuration as DevServerConfiguration } from 'webpack-dev-server';
 
+import { projectRoot } from '../config/cwd.cjs';
 import type { BuildFlags } from '../config/index.js';
-import { projectRoot } from '../config/index.js';
 import { productionCacheGroups } from './cache-group.js';
 import { WebpackS3Plugin } from './s3-plugin.js';
 
@@ -312,11 +312,7 @@ export const createConfiguration: (
                   loader: 'postcss-loader',
                   options: {
                     postcssOptions: {
-                      config: resolve(
-                        rootPath,
-                        'webpack',
-                        'postcss.config.cjs'
-                      ),
+                      config: join(rootPath, 'webpack', 'postcss.config.cjs'),
                     },
                   },
                 },
@@ -355,15 +351,23 @@ export const createConfiguration: (
         ),
         runtimeConfig: JSON.stringify(runtimeConfig),
       }),
-      new CopyPlugin({
-        patterns: [
-          {
-            // copy the shared public assets into dist
-            from: join(workspaceRoot, 'packages', 'frontend', 'core', 'public'),
-            to: join(cwd, 'dist'),
-          },
-        ],
-      }),
+      buildFlags.distribution === 'admin'
+        ? null
+        : new CopyPlugin({
+            patterns: [
+              {
+                // copy the shared public assets into dist
+                from: join(
+                  workspaceRoot,
+                  'packages',
+                  'frontend',
+                  'core',
+                  'public'
+                ),
+                to: join(cwd, 'dist'),
+              },
+            ],
+          }),
       buildFlags.mode === 'production' && process.env.R2_SECRET_ACCESS_KEY
         ? new WebpackS3Plugin()
         : null,

tools/cli/src/webpack/postcss.config.cjs

@@ -1,4 +1,27 @@
+const { join } = require('node:path');
+
 const cssnano = require('cssnano');
+const tailwindcss = require('tailwindcss');
+const autoprefixer = require('autoprefixer');
+
+const { getCwdFromDistribution } = require('../config/cwd.cjs');
+
+const projectCwd = getCwdFromDistribution(process.env.DISTRIBUTION);
+
+const twConfig = (function () {
+  try {
+    const config = require(`${projectCwd}/tailwind.config.js`);
+    const { content } = config;
+    if (Array.isArray(content)) {
+      config.content = content.map(c =>
+        c.startsWith(projectCwd) ? c : join(projectCwd, c)
+      );
+    }
+    return config;
+  } catch {
+    return null;
+  }
+})();
 
 module.exports = function (context) {
   const plugins = [
@@ -12,6 +35,10 @@ module.exports = function (context) {
     }),
   ];
 
+  if (twConfig) {
+    plugins.push(tailwindcss(twConfig), autoprefixer());
+  }
+
   return {
     from: context.from,
     plugins,

tools/cli/src/webpack/webpack.config.ts

@@ -35,7 +35,7 @@ export function createWebpackConfig(cwd: string, flags: BuildFlags) {
   const config = createConfiguration(cwd, flags, runtimeConfig);
   return merge(config, {
     entry: {
-      app: flags.entry ?? resolve(cwd, 'src/index.tsx'),
+      [flags.distribution]: flags.entry ?? resolve(cwd, 'src/index.tsx'),
     },
     plugins: [
       new HTMLPlugin({
@@ -43,7 +43,7 @@ export function createWebpackConfig(cwd: string, flags: BuildFlags) {
         inject: 'body',
         scriptLoading: 'module',
         minify: false,
-        chunks: ['app'],
+        chunks: 'all',
         filename: 'index.html',
         templateParameters: {
           GIT_SHORT_SHA: gitShortHash(),