feat(example): example support workspaces.

uiwjs · Aug 3, 2021 · a488036 · a488036
1 parent c1c41d3
commit a488036
Show file tree

Hide file tree

Showing 9 changed files with 384 additions and 169 deletions.
diff --git a/example/base/App.js b/example/base/App.js
@@ -2,8 +2,6 @@
  * Sample React Native App
  * https://github.com/facebook/react-native
  *
- * @format
- * @flow strict-local
  */
 
 import React from 'react';
@@ -16,6 +14,7 @@ import {
   useColorScheme,
   View,
 } from 'react-native';
+import {Button, Icon} from '@uiw/react-native';
 
 import {
   Colors,
@@ -69,6 +68,8 @@ const App = () => {
           style={{
             backgroundColor: isDarkMode ? Colors.black : Colors.white,
           }}>
+          <Button type="primary">按钮之间的间距</Button>
+          <Icon name='apple' size={46} color='#50CB42' />
           <Section title="Step One">
             Edit <Text style={styles.highlight}>App.js</Text> to change this
             screen and then come back to see your edits.

diff --git a/example/base/ios/AwesomeProject.xcodeproj/project.pbxproj b/example/base/ios/AwesomeProject.xcodeproj/project.pbxproj
diff --git a/example/base/ios/Podfile.lock b/example/base/ios/Podfile.lock
@@ -316,6 +316,8 @@ PODS:
     - React-cxxreact (= 0.64.2)
     - React-jsi (= 0.64.2)
     - React-perflogger (= 0.64.2)
+  - RNSVG (12.1.1):
+    - React
   - Yoga (1.14.0)
   - YogaKit (1.18.1):
     - Yoga (~> 1.14)
@@ -369,6 +371,7 @@ DEPENDENCIES:
   - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
   - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
+  - RNSVG (from `../node_modules/react-native-svg`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
 SPEC REPOS:
@@ -441,6 +444,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/runtimeexecutor"
   ReactCommon:
     :path: "../node_modules/react-native/ReactCommon"
+  RNSVG:
+    :path: "../node_modules/react-native-svg"
   Yoga:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
@@ -483,6 +488,7 @@ SPEC CHECKSUMS:
   React-RCTVibration: 24600e3b1aaa77126989bc58b6747509a1ba14f3
   React-runtimeexecutor: a9904c6d0218fb9f8b19d6dd88607225927668f9
   ReactCommon: 149906e01aa51142707a10665185db879898e966
+  RNSVG: 551acb6562324b1d52a4e0758f7ca0ec234e278f
   Yoga: 575c581c63e0d35c9a83f4b46d01d63abc1100ac
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 

diff --git a/example/base/metro.config.js b/example/base/metro.config.js
@@ -2,11 +2,36 @@
  * Metro configuration for React Native
  * https://github.com/facebook/react-native
  *
- * @format
  */
 
+const path = require('path');
+// module.exports = watchHoistedModules(__dirname, {
+//   // ...
+//   transformer: {
+//     getTransformOptions: async () => ({
+//       transform: {
+//         experimentalImportSupport: false,
+//         inlineRequires: true,
+//       },
+//     }), server: { enableVisualizer: true, } 
+//   },
+// });
+
+console.log(path.resolve(`${__dirname}/../../packages/core/`))
+console.log(path.resolve(`${__dirname}/../../`))
+
 module.exports = {
+  resolver: {
+    extraNodeModules: {
+      '@uiw/react-native': path.resolve(`${__dirname}/lib/`),
+      // '@uiw/react-native': path.resolve(`${__dirname}/../../packages/core/`),
+      // 'react-native-svg': path.resolve(
+      //   `${__dirname}/../../node_modules/react-native-svg/`,
+      // ),
+    }
+  },
   transformer: {
+    // babelTransformerPath: require.resolve('react-native-svg-transformer'),
     getTransformOptions: async () => ({
       transform: {
         experimentalImportSupport: false,

diff --git a/example/base/package.json b/example/base/package.json
@@ -10,7 +10,7 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "@uiw/react-native": "^2.0.3",
+    "@uiw/react-native": "2.0.3",
     "react": "17.0.1",
     "react-native": "0.64.2",
     "react-native-svg": "12.1.1"
@@ -23,6 +23,8 @@
     "eslint": "7.14.0",
     "jest": "26.6.3",
     "metro-react-native-babel-preset": "^0.64.0",
+    "react-native-svg-transformer": "0.14.3",
+    "react-native-watch-hoisted-modules": "0.0.5",
     "react-test-renderer": "17.0.1"
   },
   "jest": {

diff --git a/package.json b/package.json
@@ -2,15 +2,20 @@
   "license": "MIT",
   "private": true,
   "scripts": {
-    "====>": "<====",
-    "lib:build:type": "lerna exec --scope @uiw/react-native -- tsbb types",
-    "lib:build": "lerna exec --scope @uiw/react-native -- tsbb build",
-    "lib:watch": "lerna exec --scope @uiw/react-native -- tsbb watch",
-    "lib:watch:type": "lerna exec --scope @uiw/react-native -- tsbb types --watch",
-    "build": "npm run lib:build && npm run lib:build:type",
+    "====>": "====>",
+    "lib:build:type": "lerna exec --scope @uiw/react-native -- tsbb types --outDir --outDir lib",
+    "lib:build:type:example": "lerna exec --scope @uiw/react-native -- tsbb types --outDir ../../example/base/lib",
+    "lib:build": "lerna exec --scope @uiw/react-native -- tsbb build --babel-option=none --output ../../example/base/lib",
+    "lib:build:example": "lerna exec --scope @uiw/react-native -- tsbb build --babel-option=none --output lib",
+    "lib:watch": "lerna exec --scope @uiw/react-native -- tsbb watch --babel-option=none --output lib ",
+    "lib:watch:example": "lerna exec --scope @uiw/react-native -- tsbb watch --babel-option=none --output ../../example/base/lib ",
+    "lib:watch:type": "lerna exec --scope @uiw/react-native -- tsbb types --watch --outDir lib",
+    "lib:watch:type:example": "lerna exec --scope @uiw/react-native -- tsbb types --watch --outDir ../../example/base/lib",
+    "watch": "npm run lib:watch & npm run lib:watch:example & npm run lib:watch:type & npm run lib:watch:type:example",
+    "build": "npm run lib:build && npm run lib:build:example && npm run lib:build:type && npm run lib:build:type:example",
     "start": "lerna exec --scope website -- npm run start",
     "doc": "lerna exec --scope website -- npm run build",
-    "=---===>": "<====",
+    "<====": "<====",
     "version": "lerna version --no-changelog --no-push --no-git-tag-version",
     "pretty-quick": "pretty-quick",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\""
@@ -28,7 +33,7 @@
     "react-native": "0.64.2"
   },
   "dependencies": {
-    "tsbb": "2.2.1",
+    "tsbb": "2.3.1",
     "husky": "7.0.1",
     "lerna": "4.0.0",
     "prettier": "2.3.2",
@@ -52,6 +57,8 @@
       "**/react*",
       "**/react/**",
       "**/react*/**",
+      "**/@uiw",
+      "**/@uiw/**",
       "**/@babel",
       "**/@babel/**",
       "**/webpack",

diff --git a/packages/core/.babelrc b/packages/core/.babelrc
@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "@babel/preset-typescript"
+  ]
+}
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -68,5 +68,8 @@
   "devDependencies": {
     "@babel/core": "7.14.8",
     "@babel/preset-typescript": "7.14.5"
+  },
+  "engines": {
+    "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
   }
 }