create-alemonjs 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# 工程模板
+
+https://github.com/lemonade-lab/alemonjs
+
+```sh
+npm create alemonjs@latest -y
+```

package/bin/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/bin/index.js

@@ -0,0 +1,40 @@
+#!/usr/bin/env node
+import { existsSync, cpSync, writeFileSync } from 'fs';
+import { dirname, resolve, join } from 'path';
+import { fileURLToPath } from 'node:url';
+import GitBody from './str-git.js';
+import NpmPublish from './str-npm.js';
+import NpmrcBody from './str-npmr.js';
+import { readFileSync } from 'node:fs';
+
+const currentFilePath = fileURLToPath(import.meta.url);
+const currentDirPath = dirname(currentFilePath);
+const alemonjsCliPath = resolve(currentDirPath);
+function createTemplate(name) {
+    const dirPath = `./${name}`;
+    if (existsSync(dirPath)) {
+        console.error('Robot name already exists!');
+        return;
+    }
+    console.info('\n');
+    try {
+        const data = join(alemonjsCliPath, '../', 'package.json');
+        const pkg = readFileSync(data, 'utf-8');
+        const version = JSON.parse(pkg).version;
+        const templatePath = join(alemonjsCliPath, '../', 'template', name);
+        console.info(`[V${version}] Copying template...`);
+        cpSync(templatePath, dirPath, { recursive: true });
+        writeFileSync(join(dirPath, '.npmrc'), NpmrcBody);
+        writeFileSync(join(dirPath, '.gitignore'), GitBody);
+        writeFileSync(join(dirPath, '.npmignore'), NpmPublish);
+        process.chdir(dirPath);
+        console.info('------------------------------------');
+        console.info(`cd ${name}`);
+        console.info('npm i yarn -g && yarn');
+        console.info('------------------------------------');
+    }
+    catch (error) {
+        console.info(`${name} ${error}`);
+    }
+}
+void createTemplate('alemonjs');

package/bin/str-git.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "node_modules\n/data\n/public\n/logs\n/lib\n/log\n*.logs\n*.log\nyarn.lock\n.cache\n";
+export default _default;

package/bin/str-git.js

@@ -0,0 +1,13 @@
+var GitBody = `node_modules
+/data
+/public
+/logs
+/lib
+/log
+*.logs
+*.log
+yarn.lock
+.cache
+`;
+
+export { GitBody as default };

package/bin/str-npm.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "# \u5FFD\u7565\u6240\u6709\n/*   \n# \u4E0D\u5FFD\u7565\n!/assets\n!/lib\n!/public\n";
+export default _default;

package/bin/str-npm.js

@@ -0,0 +1,9 @@
+var NpmPublish = `# 忽略所有
+/*   
+# 不忽略
+!/assets
+!/lib
+!/public
+`;
+
+export { NpmPublish as default };

package/bin/str-npmr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "# \u4E3A\u9879\u76EE\u5355\u72EC\u8BBE\u7F6E\u955C\u50CF\nregistry=https://registry.npmmirror.com\n# canvas\ncanvas_binary_host_mirror=https://ghproxy.com/https://github.com/Automattic/node-canvas/releases/download/\n# node-sass\nsass_binary_site=https://npmmirror.com/mirrors/node-sass/\n# sqlite3\nnode_sqlite3_binary_host_mirror=https://npmmirror.com/mirrors/sqlite3\n# TFJS\nTFJS_NODE_CDN_STORAGE=https://cdn.npmmirror.com/binaries/\n# pup\nPUPPETER_DOWNLOAD_BASE_URL=https://npmmirror.com/mirrors/chrome-for-testing\n# \u4E0D\u751F\u6210lock\npackage-lock=false\n# \u6539\u4E3A npm \u4F9D\u8D56\u5B89\u88C5\u65B9\u5F0F\nnode-linker=hoisted\n# \u53EF\u803B\u7684\u63D0\u5347\nshamefully-hoist=true\n# \u4E25\u683C\u7684\u5BF9\u7B49\u4F9D\u8D56\u5173\u7CFB\nstrict-peer-dependencies=false";
+export default _default;

package/bin/str-npmr.js

@@ -0,0 +1,22 @@
+var NpmrcBody = `# 为项目单独设置镜像
+registry=https://registry.npmmirror.com
+# canvas
+canvas_binary_host_mirror=https://ghproxy.com/https://github.com/Automattic/node-canvas/releases/download/
+# node-sass
+sass_binary_site=https://npmmirror.com/mirrors/node-sass/
+# sqlite3
+node_sqlite3_binary_host_mirror=https://npmmirror.com/mirrors/sqlite3
+# TFJS
+TFJS_NODE_CDN_STORAGE=https://cdn.npmmirror.com/binaries/
+# pup
+PUPPETER_DOWNLOAD_BASE_URL=https://npmmirror.com/mirrors/chrome-for-testing
+# 不生成lock
+package-lock=false
+# 改为 npm 依赖安装方式
+node-linker=hoisted
+# 可耻的提升
+shamefully-hoist=true
+# 严格的对等依赖关系
+strict-peer-dependencies=false`;
+
+export { NpmrcBody as default };

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "create-alemonjs",
+  "version": "0.0.1",
+  "description": "alemonjs dev template",
+  "author": "ningmengchongshui",
+  "main": "bin/index.js",
+  "type": "module",
+  "scripts": {
+    "build": "npx lvyjs build"
+  },
+  "dependencies": {
+    "enquirer": "^2.4.1"
+  },
+  "devDependencies": {
+    "@types/node": "^18"
+  },
+  "bin": {
+    "create-alemonjs": "bin/index.js"
+  },
+  "keywords": [
+    "alemonjs"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "bugs": "https://github.com/lemonade-lab/alemonjs/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lemonade-lab/alemonjs.git"
+  }
+}

package/template/alemonjs/.puppeteerrc.cjs

@@ -0,0 +1,4 @@
+/**
+ * @type {import("puppeteer").Configuration}
+ */
+module.exports = require('jsxp/.puppeteerrc');

package/template/alemonjs/.vscode/launch.json

@@ -0,0 +1,22 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "dev",
+      "type": "node",
+      "request": "launch",
+      "runtimeArgs": ["dev"],
+      "runtimeExecutable": "yarn",
+      "skipFiles": ["<node_internals>/**"]
+    },
+    {
+      "name": "view",
+      "type": "node",
+      "request": "launch",
+      "runtimeArgs": ["dev", "--view"],
+      "runtimeExecutable": "yarn",
+      "skipFiles": ["<node_internals>/**"],
+      "preLaunchTask": "open-browser"
+    }
+  ]
+}

package/template/alemonjs/.vscode/tasks.json

@@ -0,0 +1,13 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "open-browser",
+      "type": "shell",
+      "command": "open http://localhost:8080",
+      "presentation": {
+        "reveal": "never"
+      }
+    }
+  ]
+}

package/template/alemonjs/alemon.config.yaml

@@ -0,0 +1,7 @@
+# 具体见 pm2.config.cjs
+pm2:
+  apps:
+    - name: 'gui'
+      script: 'node index.js --login gui'
+      env:
+        NODE_ENV: 'production'

package/template/alemonjs/index.js

@@ -0,0 +1,2 @@
+import { start } from 'alemonjs';
+start();

package/template/alemonjs/jsxp.config.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { defineConfig } from 'jsxp';
+import Word from '@src/image/component/help';
+export default defineConfig({
+  routes: {
+    '/': {
+      component: <Word data={'AlemonJS 跨平台开发框架'} />
+    }
+  }
+});

package/template/alemonjs/lvy.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from 'lvyjs';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const includes = (value: string) => process.argv.includes(value);
+const alemonjs = () => import('alemonjs').then(res => res.start('src/index.ts'));
+const jsxp = () => import('jsxp').then(res => res.createServer());
+export default defineConfig({
+  plugins: [
+    () => {
+      if (includes('--view')) return jsxp;
+      return alemonjs;
+    }
+  ],
+  alias: {
+    entries: [{ find: '@src', replacement: join(__dirname, 'src') }]
+  }
+});

package/template/alemonjs/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "alemonjs-app",
+  "version": "1.0.0",
+  "description": "template app",
+  "main": "lib/index.js",
+  "type": "module",
+  "scripts": {
+    "dev": "npx lvy dev",
+    "build": "npx lvy build",
+    "review": "npx alemonc start",
+    "start": "npx pm2 startOrRestart pm2.config.cjs",
+    "stop": "npx pm2 stop pm2.config.cjs",
+    "delete": "npx pm2 delete pm2.config.cjs"
+  },
+  "exports": {
+    ".": "./lib/index.js",
+    "./package": "./package.json"
+  },
+  "devDependencies": {
+    "@types/node": "^22",
+    "@alemonjs/db": "^0.0.13",
+    "alemonjs": "2.1.14",
+    "jsxp": "1.2.4",
+    "tailwindcss": "3",
+    "cssnano": "^7",
+    "lvyjs": "^0.2.25",
+    "pm2": "^5"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  }
+}

package/template/alemonjs/pm2.config.cjs

@@ -0,0 +1,14 @@
+const fs = require('fs');
+const yaml = require('yaml');
+
+// Read and parse the YAML configuration file
+const data = fs.readFileSync('./alemon.config.yaml', 'utf8');
+const config = yaml.parse(data);
+
+// Extracting PM2 configuration
+const pm2 = config?.pm2 ?? {};
+
+/**
+ * @type {{ apps: import("pm2").StartOptions[] }}
+ */
+module.exports = pm2;

package/template/alemonjs/postcss.config.mjs

@@ -0,0 +1,10 @@
+export default {
+  plugins: {
+    // tailwindcss
+    tailwindcss: {},
+    // 压缩css
+    cssnano: {
+      preset: 'default'
+    }
+  }
+}

package/template/alemonjs/src/assets/main.css

@@ -0,0 +1,8 @@
+@import url('@src/assets/root.css');
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  @apply m-0 p-0 flex flex-col;
+}

package/template/alemonjs/src/assets/root.css

@@ -0,0 +1,15 @@
+:root {
+  --bg-color: rgb(60 58 58 / 79%);
+}
+
+#root[data-theme='blue'] {
+  --bg-color: rgba(215, 218, 225, 0.73);
+}
+
+#root[data-theme='purple'] {
+  --bg-color: rgb(164 178 205 / 92%);
+}
+
+#root[data-theme='red'] {
+  --bg-color: rgba(238, 140, 140, 0.79);
+}

package/template/alemonjs/src/env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="lvyjs/env" />
+/// <reference types="alemonjs/env" />

package/template/alemonjs/src/image/component/Html.tsx

@@ -0,0 +1,13 @@
+import React, { PropsWithChildren } from 'react';
+import css_output from '@src/assets/main.css';
+import { LinkStyleSheet } from 'jsxp';
+export default function Html({ children }: PropsWithChildren) {
+  return (
+    <html>
+      <head>
+        <LinkStyleSheet src={css_output} />
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}

package/template/alemonjs/src/image/component/help.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BackgroundImage } from 'jsxp';
+import img_logo from '@src/assets/alemonjs.png';
+import Html from './Html';
+type Props = {
+  data: string;
+  theme?: string;
+};
+/**
+ * @param param0
+ * @returns
+ */
+export default function App({ data, theme }: Props) {
+  return (
+    <Html>
+      <section id='root' data-theme={theme} className='flex flex-col'>
+        <BackgroundImage className='min-h-[31rem] w-full h-full flex items-end justify-center' url={img_logo} size={'100% auto'}>
+          <div className='text-blue-400 text-5xl'>{data}</div>
+        </BackgroundImage>
+      </section>
+    </Html>
+  );
+}

package/template/alemonjs/src/index.ts

@@ -0,0 +1,31 @@
+import { defineChildren, defineResponse, logger, lazy } from 'alemonjs';
+
+// 设置路由规则
+const response = defineResponse([
+  {
+    handler: lazy(() => import('./response/mw')),
+    children: [
+      {
+        regular: /hello/,
+        handler: lazy(() => import('./response/hello/res')),
+      },
+      {
+        regular: /help/,
+        handler: lazy(() => import('./response/help/res')),
+      }
+    ]
+  }
+]);
+
+export default defineChildren({
+  // 注册内容
+  register() {
+    return {
+      response
+    }
+  },
+  // 当注册完成时
+  onCreated() {
+    logger.info('本地测试启动');
+  }
+});

package/template/alemonjs/src/response/hello/res.ts

@@ -0,0 +1,8 @@
+import { Text, useMessage } from 'alemonjs';
+export const selects = onSelects(['message.create']);
+export default onResponse(selects, event => {
+  // 创建
+  const [message] = useMessage(event);
+  // 发送消息
+  message.send(format(Text('hello Word')));
+});

package/template/alemonjs/src/response/help/res.ts

@@ -0,0 +1,20 @@
+import { renderComponentToBuffer } from 'jsxp';
+import { Text, Image, useMessage } from 'alemonjs';
+
+import Help from '@src/image/component/help';
+
+export const selects = onSelects(['message.create']);
+
+export default onResponse(selects, async event => {
+  const [message] = useMessage(event);
+  // pic
+  const img = await renderComponentToBuffer('/help', Help, {
+    data: 'AlemonJS 跨平台开发框架'
+  });
+  // send
+  if (typeof img != 'boolean') {
+    message.send(format(Image(img)));
+  } else {
+    message.send(format(Text('图片加载失败')));
+  }
+});

package/template/alemonjs/src/response/mw.ts

@@ -0,0 +1,6 @@
+export const selects = onSelects(['message.create']);
+
+export default onResponse(selects, (event) => {
+    logger.warn("RES中间件", event)
+    return true;
+});

package/template/alemonjs/tailwind.config.js

@@ -0,0 +1,6 @@
+/**
+ *  @type {import('tailwindcss').Config}
+ */
+export default {
+  content: ['./src/**/*.{jsx,tsx}']
+};

package/template/alemonjs/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@src/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*", "jsxp.config.tsx"],
+  "extends": "lvyjs/tsconfig.json"
+}