Add loc to each props in JSX4

jscomp/ml/typedecl.ml

@@ -1844,11 +1844,11 @@ let tys_of_constr_args = function
 
 let report_error ppf = function
   | Repeated_parameter ->
-      fprintf ppf "A type parameter occurs several times"
+      fprintf ppf "A type parameter occurs several times. If this is a component, check for duplicated props."
   | Duplicate_constructor s ->
       fprintf ppf "Two constructors are named %s" s
   | Duplicate_label s ->
-      fprintf ppf "Two labels are named %s" s
+      fprintf ppf "Two labels are named %s. If this is a component, check for duplicated props." s
   | Recursive_abbrev s ->
       fprintf ppf "The type abbreviation %s is cyclic" s
   | Cycle_in_def (s, ty) ->

res_syntax/src/reactjs_jsx_v4.ml

@@ -242,9 +242,9 @@ let recordFromProps ~loc ~removeKey callArguments =
 (* let make = ({id, name, children}: props<'id, 'name, 'children>) *)
 let makePropsTypeParamsTvar namedTypeList =
   namedTypeList
-  |> List.filter_map (fun (_isOptional, label, _, _interiorType) ->
+  |> List.filter_map (fun (_isOptional, label, _, loc, _interiorType) ->
          if label = "key" then None
-         else Some (Typ.var @@ safeTypeFromValue (Labelled label)))
+         else Some (Typ.var ~loc @@ safeTypeFromValue (Labelled label)))
 
 let stripOption coreType =
   match coreType with
@@ -268,7 +268,7 @@ let stripJsNullable coreType =
 let makePropsTypeParams ?(stripExplicitOption = false)
     ?(stripExplicitJsNullableOfRef = false) namedTypeList =
   namedTypeList
-  |> List.filter_map (fun (isOptional, label, _, interiorType) ->
+  |> List.filter_map (fun (isOptional, label, _, loc, interiorType) ->
          if label = "key" then None
            (* TODO: Worth thinking how about "ref_" or "_ref" usages *)
          else if label = "ref" then
@@ -277,7 +277,7 @@ let makePropsTypeParams ?(stripExplicitOption = false)
                 For example, if JSX ppx is used for React Native, type would be different.
              *)
            match interiorType with
-           | {ptyp_desc = Ptyp_var "ref"} -> Some (refType Location.none)
+           | {ptyp_desc = Ptyp_var "ref"} -> Some (refType loc)
            | _ ->
              (* Strip explicit Js.Nullable.t in case of forwardRef *)
              if stripExplicitJsNullableOfRef then stripJsNullable interiorType
@@ -287,21 +287,39 @@ let makePropsTypeParams ?(stripExplicitOption = false)
          else if isOptional && stripExplicitOption then stripOption interiorType
          else Some interiorType)
 
-let makeLabelDecls ~loc namedTypeList =
-  namedTypeList
-  |> List.map (fun (isOptional, label, attrs, interiorType) ->
-         if label = "key" then
-           Type.field ~loc ~attrs:(optionalAttrs @ attrs) {txt = label; loc}
-             interiorType
-         else if isOptional then
-           Type.field ~loc ~attrs:(optionalAttrs @ attrs) {txt = label; loc}
-             (Typ.var @@ safeTypeFromValue @@ Labelled label)
-         else
-           Type.field ~loc ~attrs {txt = label; loc}
-             (Typ.var @@ safeTypeFromValue @@ Labelled label))
+let makeLabelDecls namedTypeList =
+  let rec mem_fst x = function
+    | [] -> false
+    | (a, _) :: l -> compare a (fst x) = 0 || mem_fst x l
+  in
+  let rec duplicated = function
+    | [] -> None
+    | hd :: tl -> if mem_fst hd tl then Some hd else duplicated tl
+  in
+  let duplicatedProp =
+    (* Find the duplicated prop from the back *)
+    namedTypeList |> List.rev
+    |> List.map (fun (_, label, _, loc, _) -> (label, loc))
+    |> duplicated
+  in
+  match duplicatedProp with
+  | Some (label, loc) ->
+    React_jsx_common.raiseError ~loc "JSX: found the duplicated prop `%s`" label
+  | None ->
+    namedTypeList
+    |> List.map (fun (isOptional, label, attrs, loc, interiorType) ->
+           if label = "key" then
+             Type.field ~loc ~attrs:(optionalAttrs @ attrs) {txt = label; loc}
+               interiorType
+           else if isOptional then
+             Type.field ~loc ~attrs:(optionalAttrs @ attrs) {txt = label; loc}
+               (Typ.var @@ safeTypeFromValue @@ Labelled label)
+           else
+             Type.field ~loc ~attrs {txt = label; loc}
+               (Typ.var @@ safeTypeFromValue @@ Labelled label))
 
 let makeTypeDecls propsName loc namedTypeList =
-  let labelDeclList = makeLabelDecls ~loc namedTypeList in
+  let labelDeclList = makeLabelDecls namedTypeList in
   (* 'id, 'className, ... *)
   let params =
     makePropsTypeParamsTvar namedTypeList
@@ -702,17 +720,22 @@ let argToType ~newtypes ~(typeConstraints : core_type option) types
   in
   match (type_, name, default) with
   | Some type_, name, _ when isOptional name ->
-    (true, getLabel name, attrs, {type_ with ptyp_attributes = optionalAttrs})
+    ( true,
+      getLabel name,
+      attrs,
+      loc,
+      {type_ with ptyp_attributes = optionalAttrs} )
     :: types
-  | Some type_, name, _ -> (false, getLabel name, attrs, type_) :: types
+  | Some type_, name, _ -> (false, getLabel name, attrs, loc, type_) :: types
   | None, name, _ when isOptional name ->
     ( true,
       getLabel name,
       attrs,
+      loc,
       Typ.var ~loc ~attrs:optionalAttrs (safeTypeFromValue name) )
     :: types
   | None, name, _ when isLabelled name ->
-    (false, getLabel name, attrs, Typ.var ~loc (safeTypeFromValue name))
+    (false, getLabel name, attrs, loc, Typ.var ~loc (safeTypeFromValue name))
     :: types
   | _ -> types
 
@@ -721,10 +744,12 @@ let argWithDefaultValue (name, default, _, _, _, _) =
   | Some default when isOptional name -> Some (getLabel name, default)
   | _ -> None
 
-let argToConcreteType types (name, attrs, _loc, type_) =
+let argToConcreteType types (name, attrs, loc, type_) =
   match name with
-  | name when isLabelled name -> (false, getLabel name, attrs, type_) :: types
-  | name when isOptional name -> (true, getLabel name, attrs, type_) :: types
+  | name when isLabelled name ->
+    (false, getLabel name, attrs, loc, type_) :: types
+  | name when isOptional name ->
+    (true, getLabel name, attrs, loc, type_) :: types
   | _ -> types
 
 let check_string_int_attribute_iter =
@@ -1306,7 +1331,8 @@ let transformSignatureItem ~config _mapper item =
         makePropsRecordTypeSig ~coreTypeOfAttr ~typVarsOfCoreType "props"
           psig_loc
           ((* If there is Nolabel arg, regard the type as ref in forwardRef *)
-           (if !hasForwardRef then [(true, "ref", [], refType Location.none)]
+           (if !hasForwardRef then
+            [(true, "ref", [], Location.none, refType Location.none)]
            else [])
           @ namedTypeList)
       in

res_syntax/tests/ppx/react/expected/aliasProps.res.txt

@@ -1,10 +1,7 @@
 @@jsxConfig({version: 4, mode: "automatic"})
 
 module C0 = {
-  type props<'priority, 'text> = {
-    priority: 'priority,
-    text?: 'text,
-  }
+  type props<'priority, 'text> = {priority: 'priority, text?: 'text}
 
   @react.component
   let make = ({priority: _, ?text, _}: props<'priority, 'text>) => {
@@ -23,10 +20,7 @@ module C0 = {
 }
 
 module C1 = {
-  type props<'priority, 'text> = {
-    priority: 'priority,
-    text?: 'text,
-  }
+  type props<'priority, 'text> = {priority: 'priority, text?: 'text}
 
   @react.component
   let make = ({priority: p, ?text, _}: props<'priority, 'text>) => {

res_syntax/tests/ppx/react/expected/commentAtTop.res.txt

@@ -1,6 +1,4 @@
-type props<'msg> = { // test React JSX file
-  msg: 'msg,
-}
+type props<'msg> = {msg: 'msg} // test React JSX file
 
 @react.component
 let make = ({msg, _}: props<'msg>) => {

res_syntax/tests/ppx/react/expected/externalWithCustomName.res.txt

@@ -13,10 +13,7 @@ let t = React.createElement(Foo.component, Foo.componentProps(~a=1, ~b={"1"}, ()
 @@jsxConfig({version: 4, mode: "classic"})
 
 module Foo = {
-  type props<'a, 'b> = {
-    a: 'a,
-    b: 'b,
-  }
+  type props<'a, 'b> = {a: 'a, b: 'b}
 
   @module("Foo")
   external component: React.componentLike<props<int, string>, React.element> = "component"
@@ -27,10 +24,7 @@ let t = React.createElement(Foo.component, {a: 1, b: "1"})
 @@jsxConfig({version: 4, mode: "automatic"})
 
 module Foo = {
-  type props<'a, 'b> = {
-    a: 'a,
-    b: 'b,
-  }
+  type props<'a, 'b> = {a: 'a, b: 'b}
 
   @module("Foo")
   external component: React.componentLike<props<int, string>, React.element> = "component"

res_syntax/tests/ppx/react/expected/fileLevelConfig.res.txt

@@ -18,9 +18,7 @@ module V3 = {
 @@jsxConfig({version: 4, mode: "classic"})
 
 module V4C = {
-  type props<'msg> = {
-    msg: 'msg,
-  }
+  type props<'msg> = {msg: 'msg}
 
   @react.component
   let make = ({msg, _}: props<'msg>) => {
@@ -36,9 +34,7 @@ module V4C = {
 @@jsxConfig({version: 4, mode: "automatic"})
 
 module V4A = {
-  type props<'msg> = {
-    msg: 'msg,
-  }
+  type props<'msg> = {msg: 'msg}
 
   @react.component
   let make = ({msg, _}: props<'msg>) => {

res_syntax/tests/ppx/react/expected/interface.res.txt

@@ -1,7 +1,5 @@
 module A = {
-  type props<'x> = {
-    x: 'x,
-  }
+  type props<'x> = {x: 'x}
   @react.component let make = ({x, _}: props<'x>) => React.string(x)
   let make = {
     let \"Interface$A" = (props: props<_>) => make(props)

res_syntax/tests/ppx/react/expected/interface.resi.txt

@@ -1,7 +1,5 @@
 module A: {
-  type props<'x> = {
-    x: 'x,
-  }
+  type props<'x> = {x: 'x}
   let make: React.componentLike<props<string>, React.element>
 }
 

res_syntax/tests/ppx/react/expected/interfaceWithRef.res.txt

@@ -1,7 +1,4 @@
-type props<'x, 'ref> = {
-  x: 'x,
-  ref?: 'ref,
-}
+type props<'x, 'ref> = {x: 'x, ref?: 'ref}
 @react.component
 let make = (
   {x, _}: props<string, ReactDOM.Ref.currentDomRef>,

res_syntax/tests/ppx/react/expected/interfaceWithRef.resi.txt

@@ -1,5 +1,2 @@
-type props<'x, 'ref> = {
-  x: 'x,
-  ref?: 'ref,
-}
+type props<'x, 'ref> = {x: 'x, ref?: 'ref}
 let make: React.componentLike<props<string, ReactDOM.Ref.currentDomRef>, React.element>

res_syntax/tests/ppx/react/expected/mangleKeyword.res.txt

@@ -20,10 +20,7 @@ let c31 = React.createElement(C31.make, C31.makeProps(~_open="x", ()))
 @@jsxConfig({version: 4, mode: "classic"})
 
 module C4C0 = {
-  type props<'T_open, 'T_type> = {
-    @as("open") _open: 'T_open,
-    @as("type") _type: 'T_type,
-  }
+  type props<'T_open, 'T_type> = {@as("open") _open: 'T_open, @as("type") _type: 'T_type}
 
   @react.component
   let make = ({@as("open") _open, @as("type") _type, _}: props<'T_open, string>) =>
@@ -35,10 +32,7 @@ module C4C0 = {
   }
 }
 module C4C1 = {
-  type props<'T_open, 'T_type> = {
-    @as("open") _open: 'T_open,
-    @as("type") _type: 'T_type,
-  }
+  type props<'T_open, 'T_type> = {@as("open") _open: 'T_open, @as("type") _type: 'T_type}
 
   external make: @as("open") React.componentLike<props<string, string>, React.element> = "default"
 }
@@ -49,10 +43,7 @@ let c4c1 = React.createElement(C4C1.make, {_open: "x", _type: "t"})
 @@jsxConfig({version: 4, mode: "automatic"})
 
 module C4A0 = {
-  type props<'T_open, 'T_type> = {
-    @as("open") _open: 'T_open,
-    @as("type") _type: 'T_type,
-  }
+  type props<'T_open, 'T_type> = {@as("open") _open: 'T_open, @as("type") _type: 'T_type}
 
   @react.component
   let make = ({@as("open") _open, @as("type") _type, _}: props<'T_open, string>) =>
@@ -64,10 +55,7 @@ module C4A0 = {
   }
 }
 module C4A1 = {
-  type props<'T_open, 'T_type> = {
-    @as("open") _open: 'T_open,
-    @as("type") _type: 'T_type,
-  }
+  type props<'T_open, 'T_type> = {@as("open") _open: 'T_open, @as("type") _type: 'T_type}
 
   external make: @as("open") React.componentLike<props<string, string>, React.element> = "default"
 }

res_syntax/tests/ppx/react/expected/newtype.res.txt

@@ -24,11 +24,7 @@ module V3 = {
 @@jsxConfig({version: 4, mode: "classic"})
 
 module V4C = {
-  type props<'a, 'b, 'c> = {
-    a: 'a,
-    b: 'b,
-    c: 'c,
-  }
+  type props<'a, 'b, 'c> = {a: 'a, b: 'b, c: 'c}
 
   @react.component
   let make = ({a, b, c, _}: props<'\"type-a", array<option<[#Foo('\"type-a")]>>, 'a>) =>
@@ -43,11 +39,7 @@ module V4C = {
 @@jsxConfig({version: 4, mode: "automatic"})
 
 module V4A = {
-  type props<'a, 'b, 'c> = {
-    a: 'a,
-    b: 'b,
-    c: 'c,
-  }
+  type props<'a, 'b, 'c> = {a: 'a, b: 'b, c: 'c}
 
   @react.component
   let make = ({a, b, c, _}: props<'\"type-a", array<option<[#Foo('\"type-a")]>>, 'a>) =>

res_syntax/tests/ppx/react/expected/optimizeAutomaticMode.res.txt

@@ -4,9 +4,7 @@ module User = {
   type t = {firstName: string, lastName: string}
 
   let format = user => "Dr." ++ user.lastName
-  type props<'doctor> = {
-    doctor: 'doctor,
-  }
+  type props<'doctor> = {doctor: 'doctor}
 
   @react.component
   let make = ({doctor, _}: props<'doctor>) => {

res_syntax/tests/ppx/react/expected/removedKeyProp.res.txt

@@ -1,10 +1,7 @@
 @@jsxConfig({version: 4, mode: "classic"})
 
 module Foo = {
-  type props<'x, 'y> = {
-    x: 'x,
-    y: 'y,
-  }
+  type props<'x, 'y> = {x: 'x, y: 'y}
 
   @react.component let make = ({x, y, _}: props<'x, 'y>) => React.string(x ++ y)
   let make = {
@@ -15,9 +12,7 @@ module Foo = {
 }
 
 module HasChildren = {
-  type props<'children> = {
-    children: 'children,
-  }
+  type props<'children> = {children: 'children}
 
   @react.component
   let make = ({children, _}: props<'children>) => ReactDOM.createElement(React.fragment, [children])

res_syntax/tests/ppx/react/expected/topLevel.res.txt

@@ -22,10 +22,7 @@ module V3 = {
 @@jsxConfig({version: 4, mode: "classic"})
 
 module V4C = {
-  type props<'a, 'b> = {
-    a: 'a,
-    b: 'b,
-  }
+  type props<'a, 'b> = {a: 'a, b: 'b}
 
   @react.component
   let make = ({a, b, _}: props<'a, 'b>) => {
@@ -42,10 +39,7 @@ module V4C = {
 @@jsxConfig({version: 4, mode: "automatic"})
 
 module V4A = {
-  type props<'a, 'b> = {
-    a: 'a,
-    b: 'b,
-  }
+  type props<'a, 'b> = {a: 'a, b: 'b}
 
   @react.component
   let make = ({a, b, _}: props<'a, 'b>) => {