@hxa-rn/react-native-gcanvas 6.0.24-beta.1 → 6.0.26

package/src/index.js

@@ -1,69 +1,69 @@
-import {Platform} from 'react-native';
-import GCanvasView from './components/GCanvasComponent';
-import GImage from './packages/gcanvas/src/env/image';
-import {ReactNativeBridge} from './packages/gcanvas';
-
-const createCanvas = (width, height) => {
-  const canvas = document.createElement('canvas');
-
-  canvas.width = width;
-  canvas.height = height;
-  return canvas;
-};
-
-const getFontNames = () => {
-  return ReactNativeBridge.GCanvasModule ? ReactNativeBridge.GCanvasModule.getFontNames() : [];
-}
-
-let extraFontLocation = null;
-
-const setExtraFontLocation = (location) => {
-  if (Platform.OS === 'android' || Platform.OS === 'harmony') {
-    const fontLocation = location.endsWith('/') ? location : `${location}/`;
-    if ('/system/fonts/' === fontLocation) {
-      // SYSTEM_FONT_LOCATION = "/system/fonts/" in
-      // android/gcanvas_library/src/main/java/com/taobao/gcanvas/GFontConfigParser.java
-      // so just return here if e.g. registerFont('/system/fonts/NotoSansThai-Regular.ttf')
-      return;
-    }
-    if (extraFontLocation !== fontLocation) {
-      ReactNativeBridge.GCanvasModule.setExtraFontLocation(fontLocation);
-      extraFontLocation = fontLocation;
-    }
-  }
-};
-
-/**
- * Register a custom font on Android, so that can `ctx.font = `, and can be included in the return of getFontNames().
- *
- * Ref to <https://mehrankhandev.medium.com/ultimate-guide-to-use-custom-fonts-in-react-native-77fcdf859cf4>
- * and <https://github.com/callstack/react-native-paper/blob/291d9a90ea2bf2d9a3416170a9a3a1791cf051b0/docs/docs/guides/04-fonts.md?plain=1#L32>
- * to also reuse custom fonts in React `<Text/>`, need rename font file name, maybe
- * <https://gist.github.com/keighl/5434540> can do the rename work.
- *
- * @param src {string} Path to font file, e.g. `${RNFS.ExternalDirectoryPath}/fonts/KaiTi.ttf`
- * @param fontFace {{
- *          family?: string, // fontName that getFontNames() will return, if undefined, fontName will be font file name e.g. `KaiTi`
- *          weight?: string, // useless
- *          style?: string, // useless
- *        }} Object, can be undefined
- */
-const registerFont = (src, fontFace) => {
-  if (Platform.OS === 'android' || Platform.OS === 'harmony') {
-    const fontFile = src.substring(src.lastIndexOf('/') + 1);
-    const fontLocation = src.substring(0, src.lastIndexOf('/') + 1);
-    setExtraFontLocation(fontLocation);
-
-    const fontFileName = fontFile.includes('.') ? fontFile.substring(0, fontFile.lastIndexOf('.')) : fontFile;
-    const fontName = fontFace && fontFace.family ? fontFace.family : fontFileName;
-    ReactNativeBridge.GCanvasModule.addFontFamily([fontName], [fontFile]);
-  }
-}
-
-export {
-  GCanvasView,
-  GImage,
-  createCanvas,
-  getFontNames,
-  registerFont,
-}
+import {Platform} from 'react-native';
+import GCanvasView from './components/GCanvasComponent';
+import GImage from './packages/gcanvas/src/env/image';
+import {ReactNativeBridge} from './packages/gcanvas';
+
+const createCanvas = (width, height) => {
+  const canvas = document.createElement('canvas');
+
+  canvas.width = width;
+  canvas.height = height;
+  return canvas;
+};
+
+const getFontNames = () => {
+  return ReactNativeBridge.GCanvasModule ? ReactNativeBridge.GCanvasModule.getFontNames() : [];
+}
+
+let extraFontLocation = null;
+
+const setExtraFontLocation = (location) => {
+  if (Platform.OS === 'android' || Platform.OS === 'harmony') {
+    const fontLocation = location.endsWith('/') ? location : `${location}/`;
+    if ('/system/fonts/' === fontLocation) {
+      // SYSTEM_FONT_LOCATION = "/system/fonts/" in
+      // android/gcanvas_library/src/main/java/com/taobao/gcanvas/GFontConfigParser.java
+      // so just return here if e.g. registerFont('/system/fonts/NotoSansThai-Regular.ttf')
+      return;
+    }
+    if (extraFontLocation !== fontLocation) {
+      ReactNativeBridge.GCanvasModule.setExtraFontLocation(fontLocation);
+      extraFontLocation = fontLocation;
+    }
+  }
+};
+
+/**
+ * Register a custom font on Android, so that can `ctx.font = `, and can be included in the return of getFontNames().
+ *
+ * Ref to <https://mehrankhandev.medium.com/ultimate-guide-to-use-custom-fonts-in-react-native-77fcdf859cf4>
+ * and <https://github.com/callstack/react-native-paper/blob/291d9a90ea2bf2d9a3416170a9a3a1791cf051b0/docs/docs/guides/04-fonts.md?plain=1#L32>
+ * to also reuse custom fonts in React `<Text/>`, need rename font file name, maybe
+ * <https://gist.github.com/keighl/5434540> can do the rename work.
+ *
+ * @param src {string} Path to font file, e.g. `${RNFS.ExternalDirectoryPath}/fonts/KaiTi.ttf`
+ * @param fontFace {{
+ *          family?: string, // fontName that getFontNames() will return, if undefined, fontName will be font file name e.g. `KaiTi`
+ *          weight?: string, // useless
+ *          style?: string, // useless
+ *        }} Object, can be undefined
+ */
+const registerFont = (src, fontFace) => {
+  if (Platform.OS === 'android' || Platform.OS === 'harmony') {
+    const fontFile = src.substring(src.lastIndexOf('/') + 1);
+    const fontLocation = src.substring(0, src.lastIndexOf('/') + 1);
+    setExtraFontLocation(fontLocation);
+
+    const fontFileName = fontFile.includes('.') ? fontFile.substring(0, fontFile.lastIndexOf('.')) : fontFile;
+    const fontName = fontFace && fontFace.family ? fontFace.family : fontFileName;
+    ReactNativeBridge.GCanvasModule.addFontFamily([fontName], [fontFile]);
+  }
+}
+
+export {
+  GCanvasView,
+  GImage,
+  createCanvas,
+  getFontNames,
+  registerFont,
+}

package/src/packages/gcanvas/.babelrc

@@ -1,5 +1,5 @@
-{
-  "plugins": [
-    "@babel/plugin-proposal-class-properties"
-  ]
+{
+  "plugins": [
+    "@babel/plugin-proposal-class-properties"
+  ]
 }

package/src/packages/gcanvas/.eslintrc.js

@@ -1,133 +1,133 @@
-module.exports = {
-  'root': true,
-  'parser': 'babel-eslint',
-  'env': {
-    'browser': true,
-    'node': true,
-    'es6': true,
-    'jest': true,
-    'commonjs': true
-  },
-  'parserOptions': {
-    'sourceType': 'module',
-    'ecmaVersion': 6,
-    'ecmaFeatures': {
-      'generators': true,
-      'experimentalObjectRestSpread': true
-    }
-  },
-  'globals': {
-    '__weex_data__': true,
-    '__weex_options__': true,
-    '__weex_downgrade__': true,
-    '__weex_define__': true,
-    '__weex_require__': true,
-    'WXEnvironment': true,
-    'weex': true,
-    'callGCanvasLinkNative': true
-  },
-  'rules': {
-    'max-len': 'off',
-    // ES6
-    'prefer-const': 'off',
-    'no-const-assign': 'error',
-    'no-class-assign': 'error',
-    'no-dupe-class-members': 'error',
-    'rest-spread-spacing': 'error',
-    'no-duplicate-imports': 'error',
-    'no-useless-rename': 'error',
-    'arrow-spacing': 'error',
-    'no-useless-computed-key': 'error',
-    'template-curly-spacing': 'error',
-    'generator-star-spacing': ['error', {'before': false, 'after': true}],
-    'yield-star-spacing': ['error', {'before': false, 'after': true}],
-    'strict': ['off', 'global'],
-    'global-strict': ['off', 'always'],
-    'no-extra-strict': 'off',
-    'no-shadow': 'off',
-    'no-unused-vars': ['off', {
-      'vars': 'local',
-      'args': 'after-used',
-      'varsIgnorePattern': 'createElement'
-    }],
-    'no-undef': 'error',
-    'no-unused-expressions': 'off',
-    'no-use-before-define': 'off',
-    'yoda': 'off',
-    'eqeqeq': 'off',
-    'no-new': 'off',
-    'consistent-return': 'off',
-    'dot-notation': ['error', {
-      'allowKeywords': true
-    }],
-    'no-extend-native': 'error',
-    'no-native-reassign': 'error',
-    'no-return-assign': 'off',
-    'no-constant-condition': ['error', {
-      'checkLoops': false
-    }],
-    'no-caller': 'error',
-    'no-loop-func': 'off',
-
-    // Node.js
-    'no-console': 'off',
-    'no-catch-shadow': 'error',
-    'no-new-require': 'off',
-    'no-mixed-requires': ['off', false],
-    'no-path-concat': 'off',
-    'handle-callback-err': 'off',
-
-    'no-empty': 'off',
-    'indent': ['error', 2, {
-      'SwitchCase': 1,
-      'MemberExpression': 'off'
-    }],
-    'camelcase': ['off', {
-      'properties': 'always'
-    }],
-    'quotes': ['error', 'single', 'avoid-escape'],
-    'brace-style': ['error', '1tbs', {
-      'allowSingleLine': false
-    }],
-    'comma-spacing': ['error', {
-      'before': false,
-      'after': true
-    }],
-    'comma-style': ['error', 'last'],
-    'eol-last': 'off',
-    'func-names': 'off',
-    'new-cap': ['error', {
-      'capIsNewExceptions': ['App', 'Page', 'Component']
-    }],
-    'key-spacing': ['error', {
-      'beforeColon': false,
-      'afterColon': true
-    }],
-    'no-mixed-spaces-and-tabs': 'error',
-    'no-multi-spaces': 'error',
-    'no-multiple-empty-lines': 'error',
-    'no-new-object': 'error',
-    'no-spaced-func': 'error',
-    'no-tabs': 'error',
-    'no-trailing-spaces': 'error',
-    'no-extra-parens': ['error', 'all', { ignoreJSX: 'all' }],
-    'padded-blocks': ['error', 'never'],
-    'semi': 'error',
-    'semi-spacing': 'error',
-    'keyword-spacing': 'error',
-    'space-before-blocks': 'error',
-    'space-before-function-paren': ['error', 'never'],
-    'space-infix-ops': 'error',
-    'spaced-comment': ['error', 'always', {
-      'line': {
-        'markers': ['/'],
-        'exceptions': ['-', '+']
-      },
-      'block': {
-        'markers': ['!'],
-        'exceptions': ['*'],
-        'balanced': true
-      }
-    }]
-  }
-};
+module.exports = {
+  'root': true,
+  'parser': 'babel-eslint',
+  'env': {
+    'browser': true,
+    'node': true,
+    'es6': true,
+    'jest': true,
+    'commonjs': true
+  },
+  'parserOptions': {
+    'sourceType': 'module',
+    'ecmaVersion': 6,
+    'ecmaFeatures': {
+      'generators': true,
+      'experimentalObjectRestSpread': true
+    }
+  },
+  'globals': {
+    '__weex_data__': true,
+    '__weex_options__': true,
+    '__weex_downgrade__': true,
+    '__weex_define__': true,
+    '__weex_require__': true,
+    'WXEnvironment': true,
+    'weex': true,
+    'callGCanvasLinkNative': true
+  },
+  'rules': {
+    'max-len': 'off',
+    // ES6
+    'prefer-const': 'off',
+    'no-const-assign': 'error',
+    'no-class-assign': 'error',
+    'no-dupe-class-members': 'error',
+    'rest-spread-spacing': 'error',
+    'no-duplicate-imports': 'error',
+    'no-useless-rename': 'error',
+    'arrow-spacing': 'error',
+    'no-useless-computed-key': 'error',
+    'template-curly-spacing': 'error',
+    'generator-star-spacing': ['error', {'before': false, 'after': true}],
+    'yield-star-spacing': ['error', {'before': false, 'after': true}],
+    'strict': ['off', 'global'],
+    'global-strict': ['off', 'always'],
+    'no-extra-strict': 'off',
+    'no-shadow': 'off',
+    'no-unused-vars': ['off', {
+      'vars': 'local',
+      'args': 'after-used',
+      'varsIgnorePattern': 'createElement'
+    }],
+    'no-undef': 'error',
+    'no-unused-expressions': 'off',
+    'no-use-before-define': 'off',
+    'yoda': 'off',
+    'eqeqeq': 'off',
+    'no-new': 'off',
+    'consistent-return': 'off',
+    'dot-notation': ['error', {
+      'allowKeywords': true
+    }],
+    'no-extend-native': 'error',
+    'no-native-reassign': 'error',
+    'no-return-assign': 'off',
+    'no-constant-condition': ['error', {
+      'checkLoops': false
+    }],
+    'no-caller': 'error',
+    'no-loop-func': 'off',
+
+    // Node.js
+    'no-console': 'off',
+    'no-catch-shadow': 'error',
+    'no-new-require': 'off',
+    'no-mixed-requires': ['off', false],
+    'no-path-concat': 'off',
+    'handle-callback-err': 'off',
+
+    'no-empty': 'off',
+    'indent': ['error', 2, {
+      'SwitchCase': 1,
+      'MemberExpression': 'off'
+    }],
+    'camelcase': ['off', {
+      'properties': 'always'
+    }],
+    'quotes': ['error', 'single', 'avoid-escape'],
+    'brace-style': ['error', '1tbs', {
+      'allowSingleLine': false
+    }],
+    'comma-spacing': ['error', {
+      'before': false,
+      'after': true
+    }],
+    'comma-style': ['error', 'last'],
+    'eol-last': 'off',
+    'func-names': 'off',
+    'new-cap': ['error', {
+      'capIsNewExceptions': ['App', 'Page', 'Component']
+    }],
+    'key-spacing': ['error', {
+      'beforeColon': false,
+      'afterColon': true
+    }],
+    'no-mixed-spaces-and-tabs': 'error',
+    'no-multi-spaces': 'error',
+    'no-multiple-empty-lines': 'error',
+    'no-new-object': 'error',
+    'no-spaced-func': 'error',
+    'no-tabs': 'error',
+    'no-trailing-spaces': 'error',
+    'no-extra-parens': ['error', 'all', { ignoreJSX: 'all' }],
+    'padded-blocks': ['error', 'never'],
+    'semi': 'error',
+    'semi-spacing': 'error',
+    'keyword-spacing': 'error',
+    'space-before-blocks': 'error',
+    'space-before-function-paren': ['error', 'never'],
+    'space-infix-ops': 'error',
+    'spaced-comment': ['error', 'always', {
+      'line': {
+        'markers': ['/'],
+        'exceptions': ['-', '+']
+      },
+      'block': {
+        'markers': ['!'],
+        'exceptions': ['*'],
+        'balanced': true
+      }
+    }]
+  }
+};

package/src/packages/gcanvas/package.json

@@ -1,19 +1,19 @@
-{
-  "name": "@gcanvas/core",
-  "version": "1.0.0",
-  "description": "Javascript Bridge for GCanvas",
-  "main": "src/index.js",
-  "scripts": {
-    "build": "rollup --config",
-    "lint": "npm run lint:nofix -- --fix",
-    "lint:nofix": "eslint --ext .js --ext .jsx ./"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.7.2",
-    "@babel/plugin-proposal-class-properties": "^7.7.0",
-    "babel-eslint": "^10.0.3",
-    "eslint": "^6.6.0",
-    "rollup": "^1.27.0",
-    "rollup-plugin-babel": "^4.3.3"
-  }
-}
+{
+  "name": "@gcanvas/core",
+  "version": "1.0.0",
+  "description": "Javascript Bridge for GCanvas",
+  "main": "src/index.js",
+  "scripts": {
+    "build": "rollup --config",
+    "lint": "npm run lint:nofix -- --fix",
+    "lint:nofix": "eslint --ext .js --ext .jsx ./"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.7.2",
+    "@babel/plugin-proposal-class-properties": "^7.7.0",
+    "babel-eslint": "^10.0.3",
+    "eslint": "^6.6.0",
+    "rollup": "^1.27.0",
+    "rollup-plugin-babel": "^4.3.3"
+  }
+}

package/src/packages/gcanvas/rollup.config.js

@@ -1,14 +1,14 @@
-import babel from 'rollup-plugin-babel';
-
-module.exports = {
-  input: 'src/index.js',
-  output: {
-    file: 'dist/gcanvas.js',
-    format: 'cjs'
-  },
-  plugins: [
-    babel({
-      exclude: 'node_modules/**'
-    })
-  ]
+import babel from 'rollup-plugin-babel';
+
+module.exports = {
+  input: 'src/index.js',
+  output: {
+    file: 'dist/gcanvas.js',
+    format: 'cjs'
+  },
+  plugins: [
+    babel({
+      exclude: 'node_modules/**'
+    })
+  ]
 };