feat: alita g pages pageName

.changeset/three-owls-agree.md

@@ -0,0 +1,5 @@
+---
+'alita': major
+---
+
+alita g pages pageName

packages/alita/package.json

@@ -17,7 +17,8 @@
     "url": "https://github.com/alitajs/alita"
   },
   "authors": [
-    "chenxiaocong <xiaohuoni@gmail.com> (https://github.com/xiaohuoni)"
+    "chenxiaocong <xiaohuoni@gmail.com> (https://github.com/xiaohuoni)",
+    "hang1017 <437132124@qq.com> (https://github.com/hang1017)"
   ],
   "license": "MIT",
   "bugs": "https://github.com/alitajs/alita/issues",

packages/alita/src/commands/generate/page.test.ts

@@ -0,0 +1,38 @@
+import { Env, Service } from '@umijs/core';
+import { rimraf } from '@umijs/utils';
+import { existsSync } from 'fs';
+import { join } from 'path';
+
+const fixtures = join(__dirname, '../../../fixtures');
+const cwd = join(fixtures, 'generate');
+
+async function runGenerator(args: any) {
+  const service = new Service({
+    cwd,
+    env: Env.test,
+    plugins: [require.resolve('./page')],
+  });
+
+  await service.run({
+    name: 'generate',
+    args,
+  });
+}
+
+test('generate pages', async () => {
+  await runGenerator({
+    _: ['generate', 'pages', 'index'],
+  });
+
+  expect(existsSync(join(cwd, 'pages', 'index', 'index.tsx'))).toEqual(true);
+  expect(existsSync(join(cwd, 'pages', 'index', 'index.less'))).toEqual(true);
+  rimraf.sync(join(cwd, 'pages'));
+});
+
+test('Generator not found', async () => {
+  await expect(
+    runGenerator({
+      _: ['generate', 'foo'],
+    }),
+  ).rejects.toThrow(/Generator foo not found/);
+});

packages/alita/src/commands/generate/page.ts

@@ -0,0 +1,36 @@
+import { GeneratorType } from '@umijs/core';
+import { lodash, prompts, randomColor } from '@umijs/utils';
+import { join } from 'path';
+import { IApi } from 'umi';
+
+export default (api: IApi) => {
+  api.registerGenerator({
+    key: 'pages',
+    name: 'Create page',
+    description: 'Create a alita page by page name',
+    type: GeneratorType.generate,
+    fn: async (options) => {
+      const { args, api, generateFile } = options;
+      const [_, _name] = args._;
+      let name = _name;
+
+      if (!name) {
+        const response = await prompts({
+          type: 'text',
+          name: 'name',
+          message: 'What is the name of page?',
+        });
+        name = response.name;
+      }
+
+      generateFile({
+        path: join(__dirname, '../../templates/generate/page'),
+        target: join(api.paths.absPagesPath, name),
+        data: {
+          color: randomColor(),
+          name: lodash.upperFirst(name),
+        },
+      });
+    },
+  });
+};

packages/alita/src/preset.ts

@@ -8,6 +8,7 @@ export default (api: IApi) => {
     require.resolve('./features/config/config'),
     require.resolve('./features/apptype'),
     require.resolve('./features/umiExports'),
+    require.resolve('./commands/generate/page'),
     require.resolve('@alita/plugins/dist/aconsole'),
     require.resolve('@alita/plugins/dist/keepalive'),
     require.resolve('@alita/plugins/dist/mainpath'),

packages/alita/src/templates/generate/page/index.less.tpl

@@ -0,0 +1,3 @@
+.center {
+  background-color: {{{ color }}};
+}

packages/alita/src/templates/generate/page/index.tsx.tpl

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { useRequest } from 'alita';
+import { query } from './service';
+import styles from './index.less';
+
+interface {{{ name }}}PageProps {}
+
+const {{{ name }}}Page: FC<{{{ name }}}PageProps> = () => {
+  const { data } = useRequest(query);
+  return <div className={styles.center}>Hello {data?.text}</div>;
+};
+
+export default {{{ name }}}Page;

packages/alita/src/templates/generate/page/service.ts.tpl

@@ -0,0 +1,5 @@
+import { request } from 'alita';
+
+export async function query(): Promise<any> {
+  return request('/api/hello', { method: 'post' });
+}