Function applyRegex

src/components/InteractiveArea.tsx:95–139

(regex, flags)

  }, [data, regex, flags]);

  const applyRegex = (regex, flags) => {
    if (skip) return;
    if (data.interactive === false) return;

    if (data.safariAccept) {
      const isTrueRegex = data.regex[0] == regex;
      setError(!isTrueRegex);
      setSuccess(isTrueRegex);

      if (!checkBrowserSupport()) return;
    }

    const { isSuccess, isMatch, err, regex: grouppedRegex } = checkRegex(data, { regex, flags });

    if (err) {
      setError(true);
      setMatch(false);
      setSuccess(false);
      return;
    }

    setError(false);
    setMatch(isMatch);
    setSuccess(isSuccess);

    if (!regex) {
      setContent(data.content);
    } else {
      setContent(
        tagWrapper({
          value: data.content,
          regex: grouppedRegex,
          attributes: {
            class: 'highlight shadow-sm h-3 mr-[1px] my-[1px] px-1 py-[2px] rounded-md text-black',
          },
        }),
      );
    }

    if ((isChanged && isSuccess) || isMatch) {
      setError(false);
    } else {
      setError(true);
    }
  };

  const onChange = e => {
    setIsChanged(true);