@ray-js/builder-mp 1.4.3 → 1.4.5-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/builder-mp",
-  "version": "1.4.3",
+  "version": "1.4.5-beta.0",
   "description": "Ray builder for mini program",
   "keywords": [
     "ray"
@@ -33,10 +33,10 @@
     "@ray-core/build-store": "^0.3.6",
     "@ray-core/cli": "^0.3.6",
     "@ray-core/ray": "^0.3.6",
-    "@ray-js/adapter": "^1.4.3",
+    "@ray-js/adapter": "^1.4.5-beta.0",
     "@ray-js/rjs-for-wechat": "^0.0.3",
-    "@ray-js/shared": "^1.4.3",
-    "@ray-js/types": "^1.4.3",
+    "@ray-js/shared": "^1.4.5-beta.0",
+    "@ray-js/types": "^1.4.5-beta.0",
     "babel-loader": "^8.3.0",
     "babel-plugin-minify-dead-code-elimination": "^0.5.2",
     "babel-plugin-transform-prune-unused-imports": "^1.0.1",

package/lib/babel-plugins/ray-hooks/index.d.ts

@@ -1,14 +0,0 @@
-/**
- * 1. 替换 usePageEvent 到 @remax/macro
- */
-import { NodePath } from '@babel/traverse';
-import * as t from '@babel/types';
-/**
- * web 构建模式加, 替换到 ray 的运行时 API
- * @constructor
- */
-export default function RayHooks(): {
-    visitor: {
-        ImportSpecifier(path: NodePath<t.ImportSpecifier>, state: any): void;
-    };
-};

package/lib/babel-plugins/ray-hooks/index.js

@@ -1,63 +0,0 @@
-"use strict";
-/**
- * 1. 替换 usePageEvent 到 @remax/macro
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const t = __importStar(require("@babel/types"));
-function insertImport(program, imports, moduleName) {
-    const specifiers = imports.map((i) => t.importSpecifier(t.identifier(i), t.identifier(i)));
-    const importDeclaration = t.importDeclaration(specifiers, t.stringLiteral(moduleName));
-    program.unshiftContainer('body', importDeclaration);
-}
-/**
- * web 构建模式加, 替换到 ray 的运行时 API
- * @constructor
- */
-function RayHooks() {
-    return {
-        visitor: {
-            ImportSpecifier(path, state) {
-                const program = state.file.path;
-                const { node } = path;
-                const name = node.local.name;
-                if (['usePageEvent', 'useAppEvent'].includes(name) &&
-                    t.isImportDeclaration(path.parentPath)) {
-                    const { node } = path.parentPath;
-                    if (node.source.value === 'ray') {
-                        if (node.specifiers.length > 1) {
-                            path.remove();
-                            insertImport(program, [name], `@remax/macro`);
-                        }
-                        else {
-                            node.source.value = '@remax/macro';
-                        }
-                    }
-                }
-            },
-        },
-    };
-}
-exports.default = RayHooks;

package/lib/babel-plugins/ray-page-context/__fixtures__/page-anonymous-fn/code.config.d.ts

@@ -1,3 +0,0 @@
-export declare const wechat: {
-    a: number;
-};

package/lib/babel-plugins/ray-page-context/__fixtures__/page-anonymous-fn/code.config.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wechat = void 0;
-exports.wechat = {
-    a: 1,
-};

package/lib/babel-plugins/ray-page-context/__fixtures__/page-fn/code.config.d.ts

@@ -1,3 +0,0 @@
-export declare const wechat: {
-    a: number;
-};

package/lib/babel-plugins/ray-page-context/__fixtures__/page-fn/code.config.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wechat = void 0;
-exports.wechat = {
-    a: 1,
-};

package/lib/babel-plugins/ray-page-context/__fixtures__/page-instance/code.config.d.ts

@@ -1,3 +0,0 @@
-export declare const wechat: {
-    a: number;
-};

package/lib/babel-plugins/ray-page-context/__fixtures__/page-instance/code.config.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wechat = void 0;
-exports.wechat = {
-    a: 1,
-};

package/lib/babel-plugins/ray-page-context/__fixtures__/single/code.config.d.ts

@@ -1,3 +0,0 @@
-export declare const wechat: {
-    config: number;
-};

package/lib/babel-plugins/ray-page-context/__fixtures__/single/code.config.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wechat = void 0;
-exports.wechat = {
-    config: 1,
-};

package/lib/babel-plugins/ray-page-context/app.config.d.ts

@@ -1,3 +0,0 @@
-export declare const wechat: {
-    app: number;
-};

package/lib/babel-plugins/ray-page-context/app.config.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wechat = void 0;
-exports.wechat = {
-    app: 1,
-};

package/lib/babel-plugins/ray-page-context/index.d.ts

@@ -1,17 +0,0 @@
-import { NodePath } from '@babel/traverse';
-import * as t from '@babel/types';
-/**
- * 1. 增加小程序运行时 context appConfig pageConfig 的导入, 并共享到 PageInstanceContext 上
- * 2. 或增加 withPage 的依赖项
- * 3. 早于  ray-hooks 执行
- * @param _ babel
- * @param options compileOptions
- * @constructor
- */
-export default function ContextAndHoc(): {
-    pre(state: any): void;
-    visitor: {
-        ExportDefaultDeclaration(path: NodePath<t.ExportDefaultDeclaration>, state: any): void;
-    };
-    post(state: any): void;
-};

package/lib/babel-plugins/ray-page-context/index.js

@@ -1,258 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const change_case_1 = require("change-case");
-const fs_1 = __importDefault(require("fs"));
-const P = __importStar(require("path"));
-const slash_1 = __importDefault(require("slash"));
-const template_1 = __importDefault(require("@babel/template"));
-const t = __importStar(require("@babel/types"));
-const shared_1 = require("@ray-js/shared");
-const Builder_1 = require("../../Builder");
-function insertSpecifierImport(program, imports, moduleName) {
-    const specifiers = imports.map((i) => t.importSpecifier(t.identifier(i), t.identifier(i)));
-    const importDeclaration = t.importDeclaration(specifiers, t.stringLiteral(moduleName));
-    program.unshiftContainer('body', importDeclaration);
-}
-const contextTemplate = (0, template_1.default)(`const id = forwardRef((props, ref) => {
-  const isClassType = (c) => c.prototype && typeof c.prototype.render === 'function';
-  const $instance = new PageInstance();
-  usePageEvent('onLoad', () => {
-    lifecycle.addInstance($instance);
-    lifecycle.emit({ name: 'onLoad', uniqueId: $instance.uniqueId })
-  });
-  usePageEvent('onUnload', () => {
-    lifecycle.emit({ name: 'onUnload', uniqueId: $instance.uniqueId })
-    lifecycle.removeInstance($instance);
-  });
-  usePageEvent('onShow', () => {
-    lifecycle.emit({ name: 'onShow', uniqueId: $instance.uniqueId })
-  });
-  return (
-    <PageInstanceContext.Provider value={{
-        $instance: $instance,
-      }}
-    >
-      {isClassType(compName) ? <compTag ref={ref} {...props}/> : <compTag {...props}/> }
-    </PageInstanceContext.Provider>
-  );
-});`, {
-    plugins: ['jsx'],
-    syntacticPlaceholders: false,
-    placeholderWhitelist: new Set(['id', 'compTag', 'compName', 'platform']),
-    placeholderPattern: false,
-});
-const pageConfigTemplate = (0, template_1.default)(`const __pageConfig = require("file");
-   const __pageConfigData = __pageConfig.platform ? {...__pageConfig.platform} : __pageConfig.default ? {...__pageConfig.default} : {}
-`, {
-    syntacticPlaceholders: false,
-    placeholderWhitelist: new Set(['file', 'platform']),
-    placeholderPattern: false,
-});
-const appConfigTemplate = (0, template_1.default)(`import __appConfig from 'file';
-const __appConfigData = __appConfig.platform || __appConfig || {};
-`, {
-    syntacticPlaceholders: false,
-    placeholderWhitelist: new Set(['file', 'platform']),
-    placeholderPattern: false,
-});
-function insertPageConfig(program, filename) {
-    const pageDir = P.dirname(filename);
-    const importBasename = P.basename(filename, P.extname(filename));
-    const pageConfigPath = (0, shared_1.searchJSFile)(`${importBasename}.config`, {
-        cwd: pageDir,
-    });
-    if (fs_1.default.existsSync(pageConfigPath)) {
-        const file = (0, shared_1.replaceExtension)(`./${P.relative(pageDir, pageConfigPath)}`);
-        const ast = pageConfigTemplate({
-            file: t.stringLiteral(file),
-            platform: t.identifier(process.env.PLATFORM),
-        });
-        program.unshiftContainer('body', ast);
-    }
-    else {
-        program.unshiftContainer('body', t.variableDeclaration('const', [
-            t.variableDeclarator(t.identifier('__pageConfigData'), t.objectExpression([])),
-        ]));
-    }
-    return true;
-}
-function insertAppConfig(program, filename) {
-    const pageDir = P.dirname(filename);
-    const sourceDir = P.join(Builder_1.builder.options.cwd, Builder_1.builder.options.source);
-    const appConfigPath = (0, shared_1.searchJSFile)('app.config', {
-        cwd: sourceDir,
-    });
-    if (fs_1.default.existsSync(appConfigPath)) {
-        const file = (0, shared_1.replaceExtension)(P.relative(pageDir, appConfigPath));
-        const ast = appConfigTemplate({
-            file: t.stringLiteral(file),
-            platform: t.identifier(process.env.PLATFORM),
-        });
-        program.unshiftContainer('body', ast);
-    }
-    else {
-        program.unshiftContainer('body', t.variableDeclaration('const', [
-            t.variableDeclarator(t.identifier('__appConfigData'), t.objectExpression([])),
-        ]));
-    }
-    return true;
-}
-let appConfig = null;
-function getAppConfig() {
-    if (appConfig)
-        return appConfig;
-    const sourceDir = P.join(Builder_1.builder.options.cwd, Builder_1.builder.options.source);
-    const appConfigPath = (0, shared_1.searchJSFile)('app.config', {
-        cwd: sourceDir,
-    });
-    if (fs_1.default.existsSync(appConfigPath)) {
-        appConfig = require(appConfigPath);
-    }
-    return appConfig || { pageWrapper: '' };
-}
-const { target } = Builder_1.builder.options;
-const { [target]: { pageWrapper }, } = getAppConfig();
-/**
- * 1. 增加小程序运行时 context appConfig pageConfig 的导入, 并共享到 PageInstanceContext 上
- * 2. 或增加 withPage 的依赖项
- * 3. 早于  ray-hooks 执行
- * @param _ babel
- * @param options compileOptions
- * @constructor
- */
-function ContextAndHoc() {
-    let entries = [];
-    let isPage;
-    let exportDefaultDeclarationName;
-    return {
-        pre(state) {
-            exportDefaultDeclarationName = '';
-            entries = Object.keys(Builder_1.builder.entry);
-            const sourceDir = (0, slash_1.default)(P.join(Builder_1.builder.options.cwd, Builder_1.builder.options.source));
-            const filename = (0, slash_1.default)(state.opts.filename);
-            const fileName = P.relative(sourceDir, filename);
-            const fileEntryName = fileName.replace(P.extname(fileName), '');
-            isPage = fileEntryName.toLowerCase() !== 'app' && entries.some((e) => e === fileEntryName);
-        },
-        visitor: {
-            ExportDefaultDeclaration(path, state) {
-                if (!isPage)
-                    return;
-                const { node } = path;
-                const program = state.file.path;
-                const importer = state.filename;
-                if (pageWrapper && pageWrapper.length) {
-                    insertPageConfig(program, importer);
-                    if (typeof pageWrapper === 'string') {
-                        insertSpecifierImport(program, ['default as RayPageWrapper'], pageWrapper);
-                    }
-                    else {
-                        let i = 0;
-                        pageWrapper.forEach((element) => {
-                            insertSpecifierImport(program, [`default as RayPageWrapper${i++}`], element);
-                        });
-                    }
-                }
-                // 导出的引用是一个 FunctionComponent 才进行运行时包裹
-                let pageName = 'default';
-                if (t.isIdentifier(node.declaration)) {
-                    pageName = node.declaration.name;
-                    path.remove();
-                }
-                else if (t.isFunctionDeclaration(node.declaration)) {
-                    if (node.declaration.id) {
-                        pageName = node.declaration.id.name;
-                    }
-                    else {
-                        const [_, n] = importer.split(P.sep).reverse();
-                        pageName = path.scope.generateUid((0, change_case_1.pascalCase)(n));
-                    }
-                    const pageFn = t.functionExpression(t.identifier(pageName), node.declaration.params, node.declaration.body);
-                    path.replaceWith(t.variableDeclaration('const', [t.variableDeclarator(t.identifier(pageName), pageFn)]));
-                }
-                else if (t.isClassDeclaration(node.declaration)) {
-                    if (node.declaration.id) {
-                        pageName = node.declaration.id.name;
-                        path.replaceWith(node.declaration);
-                    }
-                    else {
-                        const [_, n] = importer.split(P.sep).reverse();
-                        pageName = path.scope.generateUid((0, change_case_1.pascalCase)(n));
-                        path.replaceWith(t.classDeclaration(t.identifier(pageName), node.declaration.superClass, node.declaration.body, node.declaration.decorators));
-                    }
-                }
-                else {
-                    pageName = path.scope.generateUid(pageName);
-                    path.replaceWith(t.variableDeclaration('const', [
-                        // @ts-ignore
-                        t.variableDeclarator(t.identifier(pageName), node.declaration),
-                    ]));
-                }
-                const id = path.scope.generateUid(pageName);
-                const ast = contextTemplate({
-                    id: t.identifier(id),
-                    compTag: t.jsxIdentifier(pageName),
-                    compName: t.identifier(pageName),
-                });
-                if (pageWrapper && pageWrapper.length) {
-                    if (typeof pageWrapper === 'string') {
-                        exportDefaultDeclarationName = `RayPageWrapper(${id}, __pageConfigData);`;
-                    }
-                    else {
-                        let ename = id;
-                        for (let i = 0; i < pageWrapper.length; i++) {
-                            ename = `RayPageWrapper${i}(` + ename + ', __pageConfigData)';
-                        }
-                        ename += ';';
-                        exportDefaultDeclarationName = ename;
-                    }
-                }
-                else {
-                    exportDefaultDeclarationName = id;
-                }
-                program.pushContainer('body', ast);
-                const rayImportSpecifiers = ['PageInstanceContext', 'PageInstance', 'lifecycle'];
-                ['usePageEvent', 'router', 'location'].forEach((key) => {
-                    if (!path.scope.hasBinding(key)) {
-                        rayImportSpecifiers.push(key);
-                    }
-                });
-                insertSpecifierImport(program, rayImportSpecifiers, 'ray');
-                insertSpecifierImport(program, ['forwardRef'], 'react');
-            },
-        },
-        post(state) {
-            const program = state.path;
-            if (exportDefaultDeclarationName) {
-                program.pushContainer('body', t.exportDefaultDeclaration(t.identifier(exportDefaultDeclarationName)));
-            }
-        },
-    };
-}
-exports.default = ContextAndHoc;

package/lib/configs/babel.config.d.ts

@@ -1,12 +0,0 @@
-export default function babelConfig(api: any): {
-    presets: (string | {
-        typescript: boolean;
-        decorators: {
-            legacy: boolean;
-        };
-        classProperties: {
-            loose: boolean;
-        };
-    })[][];
-    plugins: string[];
-};

package/lib/configs/babel.config.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function babelConfig(api) {
-    api.cache(true);
-    return {
-        presets: [
-            [
-                require.resolve('babel-preset-remax'),
-                { typescript: true, decorators: { legacy: true }, classProperties: { loose: true } },
-            ],
-        ],
-        plugins: [
-            require.resolve('babel-plugin-minify-dead-code-elimination'),
-            require.resolve('babel-plugin-transform-prune-unused-imports'),
-        ],
-    };
-}
-exports.default = babelConfig;

package/lib/webpack-plugins/AppFrameworkEntry/index.d.ts

@@ -1,13 +0,0 @@
-import VirtualModules from 'webpack-virtual-modules';
-import { Compiler } from 'webpack';
-/**
- * 小程序框架启动, 在文件顶部增加 .ray/main.mini 的适配
- * 读取 TabBar 信息，注册页面到 router 上。实现 web 路由的跳转
- */
-export default class AppFrameworkEntry {
-    virtualModules: VirtualModules;
-    source: string;
-    appFile: string;
-    constructor(appFile: string);
-    apply(compiler: Compiler): void;
-}

package/lib/webpack-plugins/AppFrameworkEntry/index.js

@@ -1,49 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_virtual_modules_1 = __importDefault(require("webpack-virtual-modules"));
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const PLUGIN_NAME = `AppFrameworkEntry`;
-const AppFrameworkTemplate = function (source) {
-    return `import 'ray/main';
-${source}`;
-};
-/**
- * 小程序框架启动, 在文件顶部增加 .ray/main.mini 的适配
- * 读取 TabBar 信息，注册页面到 router 上。实现 web 路由的跳转
- */
-class AppFrameworkEntry {
-    constructor(appFile) {
-        this.virtualModules = new webpack_virtual_modules_1.default();
-        this.source = ``;
-        this.appFile = appFile;
-    }
-    apply(compiler) {
-        const { context } = compiler.options;
-        compiler.hooks.make.tapAsync(PLUGIN_NAME, (compilation, callback) => __awaiter(this, void 0, void 0, function* () {
-            this.virtualModules.apply(compiler);
-            const appSource = yield fs_extra_1.default.readFile(this.appFile).then((b) => b.toString());
-            const newSource = appSource;
-            if (newSource !== this.source) {
-                this.source = newSource;
-                this.virtualModules.writeModule(this.appFile, AppFrameworkTemplate(this.source));
-            }
-            callback();
-        }));
-        compiler.hooks.afterCompile.tap(PLUGIN_NAME, (compilation) => {
-            compilation.fileDependencies.add(this.appFile);
-        });
-    }
-}
-exports.default = AppFrameworkEntry;