Tencent · zoomchan-cxj · Feb 3, 2023 · Nov 2, 2022 · Nov 2, 2022 · Nov 2, 2022
@@ -37,6 +37,7 @@ global.Hippy = {
     }
   },
 };
+// @ts-ignore
 global.getTurboModule = () => {
   warn('getTurboModule is unsupported');
   return {};

@@ -32,6 +32,9 @@
       },
       "ae-missing-release-tag": {
         "logLevel": "none"
+      },
+      "ae-wrong-input-file-type": {
+        "logLevel": "none"
       }
     }
   }

@@ -0,0 +1,17 @@
+## 0.0.1
+
+### Added
+* initial commit, based on  burtonsun's working.
+
+## 0.0.4
+### Added
+* support gradient text color
+* support animation bézier curve
+
+### Fix
+* refactor UIManagerModule, change style diff logic, improve performance
+* fix stack context error
+* fix tint color error
+* fix line height error
+* fix text numberOfLines no use error
+
@@ -0,0 +1,54 @@
+# Hippy Web Renderer
+
+> make results based on the `hippy-react` and `hippy-vue` frameworks run to the browser
+
+![Hippy Group](https://img.shields.io/badge/group-Hippy-blue.svg)
+
+## Introduction
+`@hippy/web-renderer`is equivalent to the native renderer，make results based on the `hippy-react` and `hippy-vue` frameworks run to the browser。
+
+Keeps the same interface as `hippy-react` and `hippy-vue`
+
+The project is working in progress
+
+## Feature
+* Use the same scheme as android and ios，use results based on the `hippy-react` and `hippy-vue` to render。Maintain a high degree of consistency with the native side in terms of mechanism and results
+* Support `react` and `vue`。
+* Results based on the `hippy-react` and `hippy-vue` frameworks,run directly on web、android and ios。
+
+## How to use
+
+```javascript
+import { Hippy } from '@hippy/react';
+import App from './app';
+
+new Hippy({
+  appName: 'Demo',
+  entryPage: App,
+  silent: false,
+}).start();
+
+```
+
+## Limited
+
+Due to differences in browser and native implementations,some feature not support (Javascript can't hack),at the moment developer need self-dispose。
+
+example: change statue bar color。
+
+Hippy is only a UI-Framework, you need to handle such as: url information parsing, and parameters passed to the application。
+Supplement front-end components or modules that are equivalent to developer-defined terminal components or modules.
+
+Due to `hippy-react` and `hippy-vue` have more coupling with `global OS parameters` in environment information,so the `OS` must be
+`android` or `ios`.Web-Renderer set `OS` value `android`,and all callBack and event is same as android platform
+
+## Wait to do
+
+    1. WaterfallView组件补充
+    2. AnimationSet模块的补充
+    3. Platform-Localization模块的补充
+    4. Dynamic-load能力的补充
+    5. List.rowShouldSticky\bounces\overScrollEnabled\showScrollIndicator\rowShouldSticky属性补充
+    6. ScrollView.scrollIndicatorInsets\showScrollIndicator\showsHorizontalScrollIndicator\showsVerticalScrollIndicator属性补充
+    7. Image.capInsets属性补充
+
@@ -0,0 +1,51 @@
+# Hippy Web Renderer
+
+> 将基于 `hippy-react` 和 `hippy-vue`框架开发完成的结果运行到浏览器上
+
+![Hippy Group](https://img.shields.io/badge/group-Hippy-blue.svg)
+
+## 介绍
+`@hippy/web-renderer`是与终端渲染层等价的方案，用以将 `hippy-react` 和 `hippy-vue`的构建产物运行到浏览器上。
+跟 `hippy-react` 和 `hippy-vue`保持了一样到接口。
+该项目目前还在持续的建设中
+
+## 特性
+* 使用更android和ios一样的方案，对`hippy-react` 和 `hippy-vue`的产物进行解析并渲染成符合预期的效果。从机制和结果上与native侧保持高度一致性
+* 可以同时支持前端的react和vue框架，甚至是未来的其它前端ui框架。
+* 使用与android和ios一样的构建产物，无需为web场景单独构建产物。在一些场景下甚至可以替代android或ios的渲染方式，如：高频ui交互的场景。
+
+## 使用方法
+
+```javascript
+import { Hippy } from '@hippy/react';
+import App from './app';
+
+new Hippy({
+  appName: 'Demo',
+  entryPage: App,
+  silent: false,
+}).start();
+
+```
+
+## 限制
+
+因为浏览器和终端的实现有所不同，部分特性无法实现（Javascript 也无法 hack），这就需要开发者进行额外的适配或者在web场景下丢弃某些特性。
+
+如：状态栏的样式颜色修改，锁定屏幕方向以及一些android或ios系统独有的特性如：ios的list子节点滑动删除
+
+hippy的方案是一个ui框架，所以在web场景下需要自己处理如：url信息的解析，参数传递给应用。补充与开发者自定义的终端组件或模块等价的前端组件或模块。
+
+因为 `hippy-react` 和 `hippy-vue`有较多的与环境信息中的OS参数耦合的，必须要是android或者是ios。所以Web-Renderer为了让这两个框架能够统一的运行下去，
+将环境信息中的OS参数设置成了android,并且所有的参数、事件分发的形式都是按照android的分发标准进行的。
+
+## 待办事宜
+
+    1. WaterfallView组件补充
+    2. AnimationSet模块的补充
+    3. Platform-Localization模块的补充
+    4. Dynamic-load能力的补充
+    5. List.rowShouldSticky\bounces\overScrollEnabled\showScrollIndicator\rowShouldSticky属性补充
+    6. ScrollView.scrollIndicatorInsets\showScrollIndicator\showsHorizontalScrollIndicator\showsVerticalScrollIndicator属性补充
+    7. Image.capInsets属性补充
+
@@ -0,0 +1,32 @@
+/*
+ * Tencent is pleased to support the open source community by making
+ * Hippy available.
+ *
+ * Copyright (C) 2017-2022 THL A29 Limited, a Tencent company.
+ * All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+module.exports = {
+  globals: {
+    mocha: true,
+    it: true,
+    describe: true,
+    chai: true,
+    expect: true,
+    beforeEach: true,
+    globalThis: true,
+    snapshot: true,
+    e2e: true,
+  },
+};
@@ -0,0 +1,3 @@
+./react/src/spec/*/*.js
+./react/src/spec/*.js
+index.js
@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
@@ -0,0 +1 @@
+package-lock=false
@@ -0,0 +1,70 @@
+{
+  "name": "hippy-env",
+  "version": "2.0.0",
+  "private": true,
+  "main": "src/main.js",
+  "webMain": "src/main.web.js",
+  "author": "OpenHippy Team",
+  "license": "Apache-2.0",
+  "description": "Demo app for hippy-react",
+  "repository": "https://github.com/Tencent/Hippy/tree/master/examples/hippy-react-demo",
+  "scripts": {
+    "web:dev": "webpack serve --config ./scripts/hippy-webpack.web-renderer.dev.js"
+  },
+  "keywords": [
+    "Hippy",
+    "React"
+  ],
+  "dependencies": {
+    "@hippy/react": "latest",
+    "@hippy/react-reconciler": "react17",
+    "@hippy/react-web": "latest",
+    "@hippy/rmc-list-view": "latest",
+    "@hippy/rmc-pull-to-refresh": "latest",
+    "@hippy/web-renderer": "latest",
+    "animated-scroll-to": "^2.2.0",
+    "ejs": "^3.1.8",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-router": "~5.1.2",
+    "react-router-dom": "~5.1.2",
+    "regenerator-runtime": "^0.13.5",
+    "swiper": "^6.7.0"
+  },
+  "devDependencies": {
+    "mocha": "^10.1.0",
+    "parcel": "^2.4.0",
+    "@babel/core": "^7.12.0",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-proposal-decorators": "^7.10.5",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.10.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.5.5",
+    "@babel/plugin-proposal-optional-chaining": "^7.10.4",
+    "@babel/plugin-transform-async-to-generator": "^7.5.0",
+    "@babel/plugin-transform-runtime": "^7.11.0",
+    "@babel/polyfill": "^7.12.0",
+    "@babel/preset-env": "^7.12.0",
+    "@babel/preset-react": "^7.9.4",
+    "@hippy/debug-server-next": "latest",
+    "@hippy/hippy-dynamic-import-plugin": "^2.0.0",
+    "@hippy/hippy-hmr-plugin": "^0.1.0",
+    "@hippy/hippy-react-refresh-webpack-plugin": "^0.5.5",
+    "@hippy/rejection-tracking-polyfill": "^1.0.0",
+    "babel-loader": "^8.1.0",
+    "bezier-easing": "^2.1.0",
+    "case-sensitive-paths-webpack-plugin": "^2.2.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "cross-env-os": "^7.1.1",
+    "css-loader": "^3.5.2",
+    "file-loader": "^5.1.0",
+    "html-webpack-plugin": "^3.2.0",
+    "react-refresh": "^0.11.0",
+    "shelljs": "^0.8.5",
+    "style-loader": "^1.1.4",
+    "unicode-loader": "^1.0.7",
+    "url-loader": "^4.0.0",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^4.7.2",
+    "webpack-dev-server": "^4.7.1"
+  }
+}
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+    <title></title>
+    <style>
+      *{
+        margin: 0;
+        padding: 0;
+      }
+      #root {
+        position: absolute;
+        top:0;
+        left:0;
+        z-index: 1;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <div id="mocha"></div>
+  </body>
+</html>