feat/next

.gitignore

@@ -1,10 +1,11 @@
-/node_modules
+node_modules
 .idea
 .vscode
 package-lock.json
 /packages/**/node_modules
 /packages/inula-cli/lib
 build
+dist
 /packages/inula-router/connectRouter
 /packages/inula-router/router
 .turbo

next-packages/compiler/babel-api/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @openinula/babel-api
+
+## 0.0.2
+
+### Patch Changes
+
+- refactor: minimize compilied code

next-packages/compiler/babel-api/README.md

@@ -0,0 +1,24 @@
+# @openinlua/babel-api
+A package that encapsulates the babel API for use in the transpiler.
+
+To implement the dependency injection pattern, the package exports a function that registers the babel API in the
+transpiler.
+
+```ts
+import { registerBabelAPI } from '@openinlua/babel-api';
+
+function plugin(api: typeof babel) {
+  registerBabelAPI(api);
+
+  // Your babel plugin code here.
+}
+```
+
+And then you can import to use it.
+> types can use as a `type` or as a `namespace` for the babel API.
+
+```ts
+import { types as t } from '@openinlua/babel-api';
+
+t.isIdentifier(node as t.Node);
+```

next-packages/compiler/babel-api/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@openinula/babel-api",
+  "version": "0.0.2",
+  "description": "",
+  "type": "module",
+  "main": "src/index.mjs",
+  "typings": "src/index.d.ts",
+  "files": [
+    "src"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/core": "^7.23.3",
+    "@babel/types": "^7.24.0",
+    "@types/babel__core": "^7.20.5"
+  }
+}

next-packages/compiler/babel-api/src/index.d.ts

@@ -0,0 +1,10 @@
+import type babel from '@babel/core';
+
+// use .d.ts to satisfy the type check
+export * as types from '@babel/types';
+
+export declare function register(api: typeof babel): void;
+
+export declare function getBabelApi(): typeof babel;
+
+export { traverse } from '@babel/core';

next-packages/compiler/babel-api/src/index.mjs

@@ -0,0 +1,42 @@
+/** @type {null | typeof import('@babel/core').types} */
+let _t = null;
+/** @type {null | typeof import('@babel/core')} */
+let babelApi = null;
+
+/**
+ * @param {import('@babel/core')} api
+ */
+export const register = api => {
+  babelApi = api;
+  _t = api.types;
+};
+
+/**
+ * @returns {typeof import('@babel/core')}
+ */
+export const getBabelApi = () => {
+  if (!babelApi) {
+    throw new Error('Please call register() before using the babel api');
+  }
+  return babelApi;
+};
+
+export function traverse(node, visitor) {
+  getBabelApi().traverse(node, visitor);
+}
+
+export const types = new Proxy(
+  {},
+  {
+    get: (_, p, receiver) => {
+      if (!_t) {
+        throw new Error('Please call register() before using the babel types');
+      }
+
+      if (p in _t) {
+        return Reflect.get(_t, p, receiver);
+      }
+      return undefined;
+    },
+  }
+);

next-packages/compiler/babel-inula-next-core/CHANGELOG.md

@@ -0,0 +1,62 @@
+# babel-preset-inula-next
+
+## 0.0.5
+
+### Patch Changes
+
+- fix: index access issues
+  - @openinula/babel-preset-inula-next@0.0.4
+  -
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies
+  - @openinula/view-generator@0.0.5
+
+## 0.0.3
+
+### Patch Changes
+
+- fix: build issues
+- Updated dependencies
+  - @openinula/reactivity-parser@0.0.4
+  - @openinula/view-generator@0.0.4
+  - @openinula/error-handler@0.0.4
+  - @openinula/jsx-view-parser@0.0.4
+
+## 0.0.2
+
+### Patch Changes
+
+- refactor: minimize compilied code
+- Updated dependencies
+  - @openinula/babel-api@0.0.2
+  - @openinula/error-handler@0.0.3
+  - @openinula/jsx-view-parser@0.0.3
+  - @openinula/reactivity-parser@0.0.3
+  - @openinula/view-generator@0.0.3
+
+## 0.0.4
+
+### Patch Changes
+
+- support hook
+- Updated dependencies
+  - @openinula/reactivity-parser@0.0.2
+  - @openinula/view-generator@1.0.0
+  - @openinula/jsx-view-parser@0.0.2
+  - @openinula/babel-api@1.0.1
+
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies
+  - @openinula/class-transformer@0.0.2
+
+## 0.0.2
+
+### Patch Changes
+
+- 2f9d373: feat: change babel import

next-packages/compiler/babel-inula-next-core/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@openinula/babel-preset-inula-next",
+  "version": "0.0.5",
+  "keywords": [
+    "Inula-Next",
+    "babel-preset"
+  ],
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsup --sourcemap",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@types/babel__core": "^7.20.5",
+    "@types/node": "^20.10.5",
+    "@vitest/coverage-v8": "^1.6.0",
+    "sinon": "^18.0.0",
+    "tsup": "^6.7.0",
+    "typescript": "^5.3.2"
+  },
+  "dependencies": {
+    "@babel/core": "^7.23.3",
+    "@babel/generator": "^7.23.6",
+    "@babel/parser": "^7.24.4",
+    "@babel/plugin-syntax-decorators": "^7.23.3",
+    "@babel/plugin-syntax-jsx": "7.23.3",
+    "@babel/plugin-syntax-typescript": "^7.23.3",
+    "@babel/traverse": "^7.24.1",
+    "@babel/types": "^7.24.0",
+    "@openinula/babel-api": "workspace:*",
+    "@openinula/jsx-view-parser": "workspace:*",
+    "@openinula/reactivity-parser": "workspace:*",
+    "@openinula/view-generator": "workspace:*",
+    "@openinula/error-handler": "workspace:*",
+    "@types/babel-types": "^7.0.15",
+    "@types/babel__generator": "^7.6.8",
+    "@types/babel__traverse": "^7.6.8",
+    "minimatch": "^9.0.3",
+    "vitest": "^1.4.0"
+  },
+  "tsup": {
+    "entry": [
+      "src/index.ts"
+    ],
+    "format": [
+      "cjs",
+      "esm"
+    ],
+    "clean": true,
+    "dts": true
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

next-packages/compiler/babel-inula-next-core/src/analyze/Analyzers/functionalMacroAnalyze.ts

@@ -0,0 +1,80 @@
+/*
+ * Copyright (c) 2024 Huawei Technologies Co.,Ltd.
+ *
+ * openInula is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ *
+ *          http://license.coscl.org.cn/MulanPSL2
+ *
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ */
+
+import { NodePath } from '@babel/core';
+import { LifeCycle, Visitor } from '../types';
+import { types as t } from '@openinula/babel-api';
+import { DID_MOUNT, DID_UNMOUNT, WATCH, WILL_MOUNT, WILL_UNMOUNT } from '../../constants';
+import { extractFnFromMacro } from '../../utils';
+
+function isLifeCycleName(name: string): name is LifeCycle {
+  return [WILL_MOUNT, DID_MOUNT, WILL_UNMOUNT, DID_UNMOUNT].includes(name);
+}
+
+/**
+ * Analyze the functional macro in the function component
+ * 1. lifecycle
+ *   1. willMount
+ *   2. didMount
+ *   3. willUnMount
+ *   4. didUnmount
+ * 2. watch
+ */
+export function functionalMacroAnalyze(): Visitor {
+  return {
+    ExpressionStatement(path: NodePath<t.ExpressionStatement>, { builder }) {
+      const expression = path.get('expression');
+      if (expression.isCallExpression()) {
+        const callee = expression.get('callee');
+        if (callee.isIdentifier()) {
+          const calleeName = callee.node.name;
+          // lifecycle
+          if (isLifeCycleName(calleeName)) {
+            const fnPath = extractFnFromMacro(expression, calleeName);
+            builder.addLifecycle(calleeName, fnPath);
+            return;
+          }
+
+          // watch
+          if (calleeName === WATCH) {
+            const fnPath = extractFnFromMacro(expression, WATCH);
+            const depsPath = getWatchDeps(expression);
+
+            const dependency = builder.getDependency((depsPath ?? fnPath).node);
+            builder.addWatch(fnPath, dependency);
+            return;
+          }
+        }
+      }
+
+      builder.addRawStmt(path.node);
+    },
+  };
+}
+
+function getWatchDeps(callExpression: NodePath<t.CallExpression>) {
+  const args = callExpression.get('arguments');
+  if (!args[1]) {
+    return null;
+  }
+
+  let deps: null | NodePath<t.ArrayExpression> = null;
+  if (args[1].isArrayExpression()) {
+    deps = args[1];
+  } else {
+    console.error('watch deps should be an array expression');
+  }
+  return deps;
+}

next-packages/compiler/babel-inula-next-core/src/analyze/Analyzers/hookAnalyze.ts

@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2024 Huawei Technologies Co.,Ltd.
+ *
+ * openInula is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ *
+ *          http://license.coscl.org.cn/MulanPSL2
+ *
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ */
+
+import { Visitor } from '../types';
+import { type NodePath } from '@babel/core';
+import { types as t } from '@openinula/babel-api';
+
+/**
+ * Analyze the return in the hook
+ */
+export function hookReturnAnalyze(): Visitor {
+  return {
+    ReturnStatement(path: NodePath<t.ReturnStatement>, { builder }) {
+      const returnedNode = path.node.argument;
+      if (returnedNode) {
+        builder.setReturnValue(returnedNode);
+      }
+    },
+  };
+}