@galacean/cli 0.0.1 → 0.0.2

package/README.md

@@ -3,7 +3,7 @@
 ## Usage
 
 ```bash
-$ npm i -g @galacean/@galacean/cli
+$ npm i -g @galacean/cli
 
 galacean diff <project1-url> <project2-url>
 ```

package/lib/Markdown.js

@@ -0,0 +1,18 @@
+import fs from "fs-extra";
+import path from "path";
+export class Markdown {
+    _txt = "";
+    get txt() {
+        return this._txt;
+    }
+    addLine(line, tab = 0) {
+        for (let i = 0; i < tab; i++) {
+            line = "\t" + line;
+        }
+        this._txt += line + "\n";
+    }
+    generate() {
+        fs.writeFileSync(path.join(process.cwd(), "项目 Diff.md"), this._txt);
+    }
+}
+export const markdown = new Markdown();

package/lib/cli.js

@@ -0,0 +1,28 @@
+import { cac } from "cac";
+import path from "path";
+import fs from "fs-extra";
+import * as url from "url";
+import { diffProjects } from "./diff.js";
+import { getFileBufferFromUrl } from "./utils.js";
+import { markdown } from "./Markdown.js";
+const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
+const cli = cac();
+cli.command("diff [...files]", "diff files").action((files) => {
+    markdown.addLine("# 资产 Diff");
+    markdown.addLine(``);
+    markdown.addLine(`- ${files[0]}`);
+    markdown.addLine(`- ${files[1]}`);
+    markdown.addLine(``);
+    Promise.all([
+        getFileBufferFromUrl(files[0]),
+        getFileBufferFromUrl(files[1]),
+    ]).then(async (res) => {
+        const result = res.map((item) => JSON.parse(item.toString()));
+        await diffProjects(result[0], result[1]);
+        markdown.generate();
+    });
+});
+const pkg = fs.readJSONSync(path.join(__dirname, "../package.json"));
+cli.help();
+cli.version(pkg.version);
+cli.parse();

package/lib/diff.js

@@ -0,0 +1,155 @@
+import { Operation, diff, flattenChangeset } from "json-diff-ts";
+import { groupBy, cloneDeep } from "lodash-es";
+import { getFileBufferFromUrl } from "./utils.js";
+import { markdown } from "./Markdown.js";
+export async function diffProjects(project1, project2) {
+    const result = diff(project1, project2, { files: "id" });
+    const changes = flattenChangeset(result);
+    const assets1 = {};
+    const assets2 = {};
+    project1.files.forEach((item) => {
+        assets1[item.id] = item;
+    });
+    project2.files.forEach((item) => {
+        assets2[item.id] = item;
+    });
+    const diffs = groupBy(changes, "type");
+    const sceneChanges = [];
+    markdown.addLine("## 资产");
+    markdown.addLine(``);
+    markdown.addLine(`- 资产新增`);
+    diffs[Operation.ADD]?.forEach((item) => {
+        markdown.addLine(`- ${item.value.virtualPath}`, 1);
+    });
+    markdown.addLine(``);
+    markdown.addLine(`- 资产移除`);
+    diffs[Operation.REMOVE]?.forEach((item) => {
+        markdown.addLine(`- ${item.value.virtualPath}`, 1);
+    });
+    // markdown.addLine(``);
+    // markdown.addLine(`- 资产修改`);
+    // markdown.addLine(``);
+    diffs[Operation.UPDATE]?.forEach((item) => {
+        const id = getIdFromPath(item.path);
+        const asset = assets1[id];
+        if (asset.type === "Scene") {
+            sceneChanges.push(asset);
+        }
+        // markdown.addLine(`- ${asset.virtualPath}`, 1);
+    });
+    markdown.addLine(``);
+    markdown.addLine("## 场景");
+    markdown.addLine(``);
+    await Promise.all(sceneChanges.map((asset) => {
+        markdown.addLine(`### ${assets2[asset.id].virtualPath}`);
+        markdown.addLine(``);
+        return diffScene(asset.path, assets2[asset.id].path);
+    }));
+}
+async function diffScene(url1, url2) {
+    const [scene1, scene2] = await Promise.all([
+        getFileBufferFromUrl(url1),
+        getFileBufferFromUrl(url2),
+    ]).then((res) => res.map((item) => JSON.parse(item.toString())));
+    const { diffObj: diffObj1, entities } = getEntities(scene1);
+    const { diffObj: diffObj2, entities: newEntities } = getEntities(scene2);
+    const changes = flattenChangeset(diff(diffObj1, diffObj2));
+    // const changesGroup = groupBy(changes, "type");
+    // markdown.addLine(``);
+    // markdown.addLine(`- Entity 移除`);
+    // changesGroup[Operation.REMOVE]?.forEach((item) => {
+    //   markdown.addLine(`- ${entities[item.key].name}`, 1);
+    // });
+    const groups = groupBy(changes, (item) => {
+        if (item.path.includes(".components")) {
+            return "components";
+        }
+        return "entities";
+    });
+    if (groups["entities"]) {
+        markdown.addLine(`#### Entities`);
+        markdown.addLine("");
+        const changesGroup = groupBy(groups["entities"], "type");
+        markdown.addLine(`- 新增`);
+        changesGroup[Operation.ADD]?.forEach((item) => {
+            const entityPath = getEntityPath(item.key, newEntities);
+            markdown.addLine(`- ${entityPath}`, 1);
+        });
+        markdown.addLine(`- 移除`);
+        changesGroup[Operation.REMOVE]?.forEach((item) => {
+            const entityPath = getEntityPath(item.key, entities);
+            markdown.addLine(`- ${entityPath}`, 1);
+        });
+    }
+    if (groups["components"]) {
+        markdown.addLine(``);
+        markdown.addLine(`#### 组件`);
+        markdown.addLine("");
+        const changesGroup = groupBy(groups["components"], "type");
+        markdown.addLine(`- 新增`);
+        changesGroup[Operation.ADD]?.forEach((item) => {
+            const entityId = getComponentEntityId(item.path);
+            const entityPath = getEntityPath(entityId, entities);
+            const comp = item.value;
+            markdown.addLine(`- ${entityPath} [${comp["class"]}]`, 1);
+        });
+        markdown.addLine(`- 移除`);
+        changesGroup[Operation.REMOVE]?.forEach((item) => {
+            const entityId = getComponentEntityId(item.path);
+            const entityPath = getEntityPath(entityId, entities);
+            const comp = item.value;
+            markdown.addLine(`- ${entityPath} [${comp["class"]}]`, 1);
+        });
+    }
+}
+function getComponentEntityId(str) {
+    let regex = /\.([^.]*?)\.components/;
+    let matches = str.match(regex);
+    if (matches) {
+        return matches[1];
+    }
+}
+function getEntityPath(id, entities) {
+    const routes = [];
+    let entity = entities[id];
+    while (entity) {
+        routes.unshift(entity.name);
+        entity = entities[entity.parent];
+    }
+    return routes.join("/");
+}
+function getEntities(scene) {
+    const obj = {};
+    scene.entities.forEach((item) => {
+        const comps = {};
+        item.components.forEach((comp) => {
+            comps[comp.id] = comp;
+        });
+        item.components = comps;
+        item.children = {};
+        obj[item.id] = item;
+    });
+    const entities = cloneDeep(obj);
+    const hasParentItems = [];
+    scene.entities.forEach((item) => {
+        if (item.parent) {
+            obj[item.parent].children[item.id] = item;
+            hasParentItems.push(item.id);
+        }
+    });
+    hasParentItems.forEach((id) => {
+        delete obj[id];
+    });
+    return { diffObj: obj, entities };
+}
+function getIdFromPath(str) {
+    const regex = /id=='([^']+)'/;
+    const match = str.match(regex);
+    if (match) {
+        const id = match[1]; // 提取的 id 值
+        return id;
+    }
+    else {
+        console.log("No match found");
+    }
+}

package/lib/index.js

@@ -0,0 +1 @@
+export * from "./cli.js";

package/lib/type.js

@@ -0,0 +1 @@
+export {};

package/lib/utils.js

@@ -0,0 +1,128 @@
+import https from "https";
+import http from "http";
+import fs from "fs-extra";
+import path from "path";
+import fetch from "node-fetch";
+import { URL } from "url";
+export function streamToBuffer(stream) {
+    return new Promise((resolve, reject) => {
+        const buffers = [];
+        stream.on("error", reject);
+        // @ts-ignore
+        stream.on("data", (data) => buffers.push(data));
+        stream.on("end", () => resolve(Buffer.concat(buffers)));
+    });
+}
+export function streamToString(stream) {
+    const chunks = [];
+    return new Promise((resolve, reject) => {
+        stream.on("data", (chunk) => chunks.push(Buffer.from(chunk)));
+        stream.on("error", (err) => reject(err));
+        stream.on("end", () => resolve(Buffer.concat(chunks).toString("utf8")));
+    });
+}
+export function toBuffer(view) {
+    const buf = Buffer.alloc(view.byteLength);
+    for (let i = 0; i < buf.length; ++i) {
+        buf[i] = view[i];
+    }
+    return buf;
+}
+export function urlToBuffer(url) {
+    return new Promise((resolve) => {
+        let req = url.startsWith("https://")
+            ? https.get(url, callback)
+            : http.get(url, callback);
+        let body = "";
+        function callback(res) {
+            res.on("data", (chunk) => {
+                body += chunk;
+            });
+            res.on("end", () => {
+                resolve(Buffer.from(body));
+            });
+        }
+    });
+}
+export function getUrlSize(url, attempts = 0) {
+    return new Promise((res, rej) => {
+        let req = url.startsWith("https://") ? https.get(url) : http.get(url);
+        req.once("response", (r) => {
+            req.destroy();
+            if (r.statusCode >= 300 && r.statusCode < 400 && r.headers.location) {
+                if (attempts > 5) {
+                    return rej(new Error("Too many redirects"));
+                }
+                return res(getUrlSize(r.headers.location, attempts + 1));
+            }
+            let c = parseInt(r.headers["content-length"]);
+            if (!isNaN(c))
+                res(c);
+            else
+                rej("Couldn't get file size");
+        });
+        req.once("error", (e) => rej(e));
+    });
+}
+export function sum(array) {
+    let sum = 0;
+    for (let i = 0; i < array.length; i++) {
+        sum += array[i];
+    }
+    return sum;
+}
+export async function getBufferAndNameFromUri(uri) {
+    let buffer;
+    let name;
+    const isUrl = /^(http|https):\/\/[^\s/$.?#].[^\s]*$/.test(uri);
+    if (isUrl) {
+        buffer = await urlToBuffer(uri);
+        const urlRegex = /\/([^/]+\.[^/.]+)$/;
+        const matches = uri.match(urlRegex);
+        if (matches) {
+            name = matches[1];
+        }
+        else {
+            name = "noname";
+        }
+    }
+    else {
+        uri = uri ?? ".";
+        const filepath = path.isAbsolute(uri) ? uri : path.join(process.cwd(), uri);
+        const stream = await fs.createReadStream(filepath);
+        buffer = await streamToBuffer(stream);
+        name = path.basename(filepath);
+    }
+    return { buffer, name };
+}
+export function stringIsAValidUrl(s) {
+    try {
+        new URL(s);
+        return true;
+    }
+    catch (err) {
+        return false;
+    }
+}
+export function getFileBufferFromUrl(url) {
+    if (stringIsAValidUrl(url)) {
+        return fetch(url)
+            .then((response) => response.arrayBuffer())
+            .then((ab) => Buffer.from(ab));
+    }
+    else {
+        const filepath = path.isAbsolute(url) ? url : path.join(process.cwd(), url);
+        return new Promise((resolve, reject) => {
+            fs.readFile(filepath, (err, data) => {
+                if (err)
+                    reject(err);
+                resolve(data);
+            });
+        });
+    }
+}
+export function getNameFromUrl(uri) {
+    const urlRegex = /\/([^/]+\.[^/.]+)$/;
+    const matches = uri.match(urlRegex);
+    return matches ? matches[1] : "noname";
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galacean/cli",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "index.js",
   "type": "module",
   "author": {
@@ -16,7 +16,9 @@
   },
   "files": [
     "dist",
-    "bin"
+    "bin",
+    "lib",
+    "types"
   ],
   "types": "types",
   "license": "MIT",

package/types/Markdown.d.ts

@@ -0,0 +1,7 @@
+export declare class Markdown {
+    private _txt;
+    get txt(): string;
+    addLine(line: string, tab?: number): void;
+    generate(): void;
+}
+export declare const markdown: Markdown;

package/types/cli.d.ts

@@ -0,0 +1 @@
+export {};

package/types/diff.d.ts

@@ -0,0 +1 @@
+export declare function diffProjects(project1: any, project2: any): Promise<void>;

package/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./cli.js";

package/types/type.d.ts

@@ -0,0 +1,15 @@
+export type IVector3 = {
+    x: number;
+    y: number;
+    z: number;
+};
+export type IEntity = {
+    id: string;
+    name: string;
+    isActive: boolean;
+    position: IVector3;
+    rotation: IVector3;
+    scale: IVector3;
+    parent: string;
+    isClone: boolean;
+};

package/types/utils.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="node" resolution-mode="require"/>
+export declare function streamToBuffer(stream: any): Promise<Buffer>;
+export declare function streamToString(stream: any): Promise<string>;
+export declare function toBuffer(view: Uint8Array): Buffer;
+export declare function urlToBuffer(url: string): Promise<Buffer>;
+export declare function getUrlSize(url: string, attempts?: number): Promise<number>;
+export declare function sum(array: ArrayLike<number>): number;
+export declare function getBufferAndNameFromUri(uri: any): Promise<{
+    buffer: any;
+    name: any;
+}>;
+export declare function stringIsAValidUrl(s: string): boolean;
+export declare function getFileBufferFromUrl(url: string): Promise<Buffer>;
+export declare function getNameFromUrl(uri: string): string;