@ray-js/build-plugin-ray 0.3.0-beta.1c347991

package/README.md

@@ -0,0 +1,16 @@
+# @ray-js/build-plugin-ray
+
+- 非 react native（涂鸦小程序、微信小程序、H5 等） 生成 `.ray` 运行时框架临时文件
+- react native 生成 `@ray`运行时框架临时文件
+
+<!-- TODO 解决两种临时文件夹 -->
+
+配合 `@ray-js/framework` 进行适配，主要提供如
+
+```js
+import { router, location } from 'ray';
+```
+
+框架层的 API 实现
+
+并附加 `webpack.resolve.alias` 配置

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+import type { PluginIns, API } from '@ray-js/types';
+export default function PluginRay(api: API): PluginIns;

package/lib/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const colors_1 = __importDefault(require("colors"));
+const path_1 = __importDefault(require("path"));
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const shared_1 = require("@ray-js/shared");
+colors_1.default.enable();
+const BUILD_TEMP_DIR = '.ray';
+const LOG_PREFIX = `build-plugin-ray`;
+function PluginRay(api) {
+    const { options: { cwd }, } = api;
+    const rayFolder = path_1.default.join(cwd, BUILD_TEMP_DIR);
+    return {
+        name: '@ray-js/build-plugin-ray',
+        setup() {
+            shared_1.log.verbose(LOG_PREFIX, 'setup', api);
+            this.generateRayBootstrap();
+        },
+        configWebpack({ config }) {
+            shared_1.log.verbose(LOG_PREFIX, 'ray folder', rayFolder.blue.underline);
+            config.resolve.alias.set('ray', rayFolder);
+        },
+        generateRayBootstrap() {
+            const root = path_1.default.join(__dirname, '../templates');
+            fs_extra_1.default.copySync(root, rayFolder);
+        },
+    };
+}
+exports.default = PluginRay;

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@ray-js/build-plugin-ray",
+  "version": "0.3.0-beta.1c347991",
+  "description": "Ray build plugin for ray/framework",
+  "keywords": [
+    "ray"
+  ],
+  "author": "子长 <zichang.nong@tuya.com>",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "files": [
+    "lib",
+    "templates",
+    "typings"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "clean": "rm -rf lib",
+    "build": "tsc -p ./tsconfig.build.json",
+    "watch": "tsc -p ./tsconfig.build.json --watch"
+  },
+  "peerDependencies": {
+    "@ray-js/cli": "^0.0.0"
+  },
+  "dependencies": {
+    "@ray-js/shared": "^0.3.0-beta.1c347991",
+    "chokidar": "^3.5.2",
+    "fs-extra": "^10.0.0"
+  },
+  "devDependencies": {
+    "@ray-js/types": "^0.3.0-beta.1c347991",
+    "@types/fs-extra": "^9.0.13",
+    "chokidar": "^3.5.2",
+    "colors": "1.4.0"
+  },
+  "maintainers": [
+    {
+      "name": "tuyafe",
+      "email": "tuyafe@tuya.com"
+    }
+  ],
+  "gitHead": "e0bd013022ddda63380d3c9e20fd8cadb46cd61f",
+  "repository": {}
+}

package/templates/README.md

@@ -0,0 +1,21 @@
+# Ray
+
+由 `@ray-js/build-plugin-ray` 进行文件内容的生成，不要进行对该文件夹下任何文件进行修改。
+
+实现 `import * form 'ray';` 的导出，通过 `webpack.resolve.alias` 来配置构建。
+
+底层由 `@ray-js/framework` 进行实现，主要包含对应应用类型（web, wechat native tuya）执行的上下文 PageInstanceContext 来进行运行时的框架抹平完成应用的同构。
+
+受限于小程序厂商的能力，尽量在此基础上，以 web 标准开发进行抹平，业务开发也尽可能的保持面向 WEB 开发的心智。
+
+build-plugin-ray/template 目录说明
+
+```
+template
+├── index.native.ts                 # 构建RN时，导入的模块  `import * form 'ray';`
+├── index.ts                        # 构建web、小程序时，导入的模块 `import * form 'ray';`
+├── main.mini.tsx                   # 小程序（tuya、wechat等）构建入口文件
+├── main.native.tsx                 # RN构建入口文件
+├── main.tsx                        # web构建入口文件
+└── README.md
+```

package/templates/index.native.ts

@@ -0,0 +1,6 @@
+// this file generate by @ray-js/build-plugin-router.
+// do not modify this file!!!
+import location from '@ray-js/location-native';
+import router from '@ray-js/router-native'; // 由构建器别名替换到 @ray-js/router-mp @ray-js/router-native
+export * from '@ray-js/framework-native'; // 由构建器别名替换到 @ray-js/framework-mp @ray-js/framework-native
+export { router, location };

package/templates/index.ts

@@ -0,0 +1,5 @@
+export * from '@ray-js/framework'; // 由构建器别名替换到 @ray-js/framework-mp @ray-js/framework-native
+import router from '@ray-js/router'; // 由构建器别名替换到 @ray-js/router-mp @ray-js/router-native
+import location from '@ray-js/location';
+
+export { router, location };

package/templates/main.mini.tsx

@@ -0,0 +1,10 @@
+//@ts-nocheck
+import { createRouter } from '@ray-js/router-mp';
+
+// import * as globalConfig from '@/global.config';
+import * as routesConfig from '@/routes.config';
+
+createRouter({
+  routes: routesConfig.routes,
+  tabBar: routesConfig.tabBar || {},
+});

package/templates/main.native.tsx

@@ -0,0 +1,7 @@
+// this file generate by @ray-js/build-plugin-router.
+// do not modify this file!!!
+// 无实际意义，只是作为react-native构建时的入口文件
+// 实际代码逻辑由模块`@ray-js/rn-transformer/routerLoader`的方法
+// `generateEntry`生成
+
+export default () => null;

package/templates/main.tsx

@@ -0,0 +1,17 @@
+import { createApp } from '@ray-js/framework';
+
+import App from '@/app';
+import * as globalConfig from '@/global.config';
+import * as routesConfig from '@/routes.config';
+import { PAGES } from './router.config';
+
+const globalConfigDefault = globalConfig.default || {};
+const globalConfigTarget = globalConfig[process.env.PLATFORM] || {};
+
+createApp({
+  app: App,
+  globalConfig: { ...globalConfigTarget, ...globalConfigDefault },
+  pages: PAGES,
+  routes: routesConfig.routes,
+  tabBar: routesConfig.tabBar || {},
+});

package/typings/index.d.ts

@@ -0,0 +1,33 @@
+declare module '*.less';
+
+type RequestRes = {
+  data: string;
+  statusCode: number;
+  header: Record<string, string>;
+  cookies: Array<string>;
+  profile: any;
+  taskId: string;
+};
+
+type RequestParams = {
+  url: string;
+  data?: string;
+  header?: Record<string, string>;
+  timeout?: number;
+  method?: string;
+  dataType?: string;
+  responseType?: string;
+  enableHttp2?: boolean;
+  enableQuic?: boolean;
+  enableCache?: boolean;
+  success?: (successRes: RequestRes) => void;
+  fail?: (successRes: RequestRes) => void;
+  complete?: (successRes: RequestRes) => void;
+};
+declare global {
+  interface Window {
+    devToolsExtension?: () => any;
+  }
+}
+
+export {};