Merge branch 'master' into 1.x

Author: jorisre

.eslintignore

@@ -18,5 +18,20 @@ module.exports = {
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/no-object-literal-type-assertion': 'off',
     'no-console': 'error',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+      },
+    ],
   },
+  overrides: [
+    {
+      files: ['config/*.js'],
+      rules: {
+        '@typescript-eslint/no-var-requires': 'off',
+        'no-console': 'off',
+      },
+    },
+  ],
 };

.eslintrc.js

@@ -10,9 +10,6 @@ coverage
 
 # Dependency directories
 node_modules/
-app/node_modules/
-example/node_modules/
-example/build/
 
 # Optional npm cache directory
 .npm
@@ -27,11 +24,8 @@ example/build/
 .yarn-integrity
 
 .DS_Store
-/lib
-/dist
+dist
 .idea/
 .rpt2_cache
 .coveralls.yml
-package-lock.json
-/cypress/videos
-/cypress/screenshots
+package-lock.json

.gitignore

@@ -65,6 +65,8 @@ const App = () => {
     </form>
   );
 };
+
+export default App;
 ```
 
 ### [Zod](https://github.com/vriad/zod)
@@ -115,11 +117,11 @@ A simple and composable way to validate data in JavaScript (or TypeScript).
 import React from 'react';
 import { useForm } from 'react-hook-form';
 import { superstructResolver } from '@hookform/resolvers/superstruct';
-import { struct } from 'superstruct';
+import { object, string, number } from 'superstruct';
 
-const schema = struct({
-  name: 'string',
-  age: 'number',
+const schema = object({
+  name: string(),
+  age: number(),
 });
 
 const App = () => {
@@ -130,11 +132,13 @@ const App = () => {
   return (
     <form onSubmit={handleSubmit((d) => console.log(d))}>
       <input name="name" ref={register} />
-      <input name="age" type="number" ref={register} />
+      <input name="age" type="number" ref={register({ valueAsNumber: true })} />
       <input type="submit" />
     </form>
   );
 };
+
+export default App;
 ```
 
 ### [Joi](https://github.com/sideway/joi)
@@ -166,6 +170,8 @@ const App = () => {
     </form>
   );
 };
+
+export default App;
 ```
 
 ### [Vest](https://github.com/ealush/vest)
@@ -219,6 +225,8 @@ const App = () => {
     </form>
   );
 };
+
+export default App;
 ```
 
 ## Backers

CHANGELOG.md

@@ -0,0 +1,54 @@
+const path = require('path');
+const fs = require('fs');
+const { move } = require('fs-extra');
+const microbundle = require('microbundle');
+const getResolversName = require('./get-resolvers-name');
+
+const IE11_PATH = 'ie11';
+const OUTPUT = 'dist';
+
+(async () => {
+  console.log(`Build IE11 resolvers to ${OUTPUT}`);
+  const resolvers = getResolversName();
+
+  for await (let resolver of resolvers) {
+    console.log(`> Build ${resolver}`);
+    const filePath = path.join(resolver, 'package.json');
+
+    const resolverPkg = JSON.parse(fs.readFileSync(filePath));
+    const resolverPkgCopy = Object.assign({}, resolverPkg);
+
+    // Temporary update `types` field
+    resolverPkg.types = `${IE11_PATH}/index.d.ts`;
+
+    await fs.writeFileSync(filePath, JSON.stringify(resolverPkg, null, 2));
+
+    try {
+      await microbundle({
+        cwd: resolver,
+        output: IE11_PATH,
+        globals: '@hookform/resolvers=hookformResolvers',
+        format: 'cjs',
+        alias: 'react-hook-form=react-hook-form/dist/index.ie11',
+      });
+
+      // Move `./{resolver}/ie11` -> `./dist/ie11/{resolver}`
+      await move(
+        `${resolver}/${IE11_PATH}`,
+        `${OUTPUT}/${IE11_PATH}/${resolver}`,
+        {
+          overwrite: true,
+        },
+      );
+    } catch (error) {
+      console.error(error);
+      process.exit(1);
+    } finally {
+      // Revert back changes on `{resolver}/package.json`
+      await fs.writeFileSync(
+        filePath,
+        JSON.stringify(resolverPkgCopy, null, 2),
+      );
+    }
+  }
+})();

README.md

@@ -0,0 +1,18 @@
+const fs = require('fs');
+const getResolversName = require('./get-resolvers-name');
+
+(async () => {
+  console.log('Checking IE11 bundles...');
+  const resolvers = getResolversName();
+
+  for await (const resolver of resolvers) {
+    console.log(`> Checking ${resolver} IE11 bundle`);
+    const file = fs.readFileSync(`dist/ie11/${resolver}/${resolver}.js`);
+
+    if (!file.includes('react-hook-form/dist/index.ie11')) {
+      throw new Error(
+        'IE11 bundle should require `react-hook-form/dist/index.ie11`',
+      );
+    }
+  }
+})();

config/build-ie11.js

@@ -0,0 +1,7 @@
+const pkg = require('../package.json');
+
+module.exports = function () {
+  return Object.keys(pkg.exports)
+    .map((e) => e.replace(/(\.\/|\.)/, '').replace(/package.*/, ''))
+    .filter(Boolean);
+};

config/check-ie11.js

@@ -0,0 +1,26 @@
+// Original source: https://github.com/preactjs/preact/blob/master/config/node-13-exports.js
+const fs = require('fs');
+
+const subRepositories = ['zod', 'joi', 'vest', 'yup', 'superstruct'];
+const snakeCaseToCamelCase = (str) =>
+  str.replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', ''));
+
+const copySrc = () => {
+  // Copy .module.js --> .mjs for Node 13 compat.
+  fs.writeFileSync(
+    `${process.cwd()}/dist/resolvers.mjs`,
+    fs.readFileSync(`${process.cwd()}/dist/resolvers.module.js`),
+  );
+};
+
+const copy = (name) => {
+  // Copy .module.js --> .mjs for Node 13 compat.
+  const filename = name.includes('-') ? snakeCaseToCamelCase(name) : name;
+  fs.writeFileSync(
+    `${process.cwd()}/${name}/dist/${filename}.mjs`,
+    fs.readFileSync(`${process.cwd()}/${name}/dist/${filename}.module.js`),
+  );
+};
+
+copySrc();
+subRepositories.forEach(copy);

config/get-resolvers-name.js

@@ -1,15 +1,9 @@
 module.exports = {
-  roots: ['<rootDir>/src'],
-  transform: {
-    '^.+\\.tsx?$': 'ts-jest',
-  },
-  globals: {
-    'ts-jest': {
-      tsconfig: 'tsconfig.jest.json',
-    },
-  },
+  preset: 'ts-jest',
   restoreMocks: true,
-  testMatch: ['**/?(*.)+(spec|test).ts?(x)'],
+  testMatch: ['**/__tests__/**/*.+(js|jsx|ts|tsx)'],
   transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$'],
-  moduleFileExtensions: ['ts', 'tsx', 'js'],
+  moduleNameMapper: {
+    '^@hookform/resolvers$': '<rootDir>/src',
+  },
 };