@galacean/cli 0.0.1-1 → 0.0.1-alpha.1-alpha.1-alpha.1

package/dist/assets/templates/web/package.json.ejs

@@ -0,0 +1,55 @@
+{
+  "name": "<%= projectName %>",
+  "version": "1.0.0",
+  <% if(debug) { %>
+    "main": "./main.js",
+  <% } else { %>
+    "main": "./src/App.tsx",
+  <% } %>
+  "scripts": {
+    "dev": "vite --host",
+    "build": "vite build",
+    "serve": "vite preview",
+    "https": "vite --https --host"
+  },
+  "dependencies": {
+    <% if(framework === 0x2) { %>
+      "react": "^18.3.1",
+      "react-dom": "^18.3.1",
+    <% } %>
+    <% if(framework === 0x4) { %>
+      "vue": "^3.5.13",
+    <% } %>
+    <% if(features.lottie) { %>"@galacean/engine-lottie": "<%= `engine-${engineVersion.split('.')[0]}.${engineVersion.split('.')[1]}` %>", <% } %>
+    <% if(features.spine) { %>"@galacean/engine-spine": "<%= `engine-${engineVersion.split('.')[0]}.${engineVersion.split('.')[1]}` %>", <% } %>
+    <% if(features.shaderlab) { %>"@galacean/engine-shaderlab": "<%= engineVersion %>", <% } %>
+    <% if(features.shaderlab) { %>"@galacean/engine-shader": "<%= engineVersion %>", <% } %>
+    <% if(features.physicsLite) { %>"@galacean/engine-physics-lite": "<%= engineVersion %>", <% } %>
+    <% if(features.physx) { %>"@galacean/engine-physics-physx": "<%= engineVersion %>", <% } %>
+    <% if(features.xr) { %>
+      "@galacean/engine-xr": "<%= engineVersion %>",
+      "@galacean/engine-xr-webxr": "<%= engineVersion %>",
+      "@galacean/engine-toolkit-xr": "<%= `engine-${engineVersion.split('.')[0]}.${engineVersion.split('.')[1]}` %>",
+    <% } %>
+    <% if(features.gui) { %>"@galacean/engine-ui": "<%= engineVersion %>", <% } %>
+    <% if(features.editorDecorators) { %>"@galacean/editor-decorators": "latest", <% } %>
+    <% if(debug.stats || debug.orbitControl) { %>
+      "@galacean/engine-toolkit": "<%= `engine-${engineVersion.split('.')[0]}.${engineVersion.split('.')[1]}` %>",
+    <% } %>
+    <% Object.keys(dependencies).forEach((name, index, array) => { %>
+      "<%= name %>": "<%= dependencies[name] %>",
+    <% }) %>
+    "@galacean/engine": "<%= engineVersion %>"
+  },
+  "devDependencies": {
+    <% if(framework === 0x2) { %>
+      "@vitejs/plugin-react": "^3.1.0",
+    <% } %>
+    <% if(framework === 0x4) { %>
+      "@vitejs/plugin-vue": "^4.6.2",
+      "@vitejs/plugin-vue-jsx": "^4.1.1",
+    <% } %>
+    "vite": "^4",
+    "typescript": "^4.3.5"
+  }
+}

package/dist/assets/templates/web/project.json.ejs

@@ -0,0 +1,3 @@
+{
+  "url": "/project.json"
+}

package/dist/assets/templates/web/src/App.tsx.ejs

@@ -0,0 +1,27 @@
+import React from "react";
+import { WebGLEngine } from "@galacean/engine";
+
+import { init } from "./index";
+
+interface AppProps {
+  onLoad?: (engine: WebGLEngine) => void;
+  onError?: (e: any) => void;
+}
+
+function App(props: AppProps) {
+  React.useEffect(() => {
+    init(document.getElementById("canvas") as HTMLCanvasElement)
+      .then((engine) => {
+        props.onLoad && props.onLoad(engine);
+      })
+      .catch((e) => {
+        props.onError && props.onError(e);
+      });
+  }, []);
+
+  return (
+    <canvas id="canvas" style={{ display: "block", width: "100%", height: "100%" }} />
+  );
+}
+
+export default App;

package/dist/assets/templates/web/src/App.vue.ejs

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+  import { type PropType, onMounted } from 'vue';
+  import { init } from './index'
+  
+  const props = defineProps({
+    onLoad: {
+      type: Function as PropType<(engine: any) => void>,
+      required: false,
+    },
+    onError: {
+      type: Function as PropType<(error: any) => void>,
+      required: false,
+    },
+  });
+  
+  onMounted(() => {
+    init(document.getElementById("canvas") as HTMLCanvasElement)
+      .then((engine) => {
+        console.log('engine', engine)
+        props.onLoad && props.onLoad(engine);
+      })
+      .catch((e) => {
+        props.onError && props.onError(e);
+      });
+  });
+  
+</script>
+  
+<template>
+  <canvas id="canvas"></canvas>
+</template>
+  
+<style scoped>
+  #canvas {
+    display: block;
+    width: 100%;
+    height: 100%;
+    background-color: #000;
+  }
+</style>
+