Add react integration

.gitignore

@@ -4,3 +4,5 @@
 .env.local
 
 **gz
+
+react/node_modules/*

application/modules/front/views/layouts/searchbox.php

@@ -5,14 +5,12 @@
 			else $stextval = "";
 		}
 ?>
-
+<script src="../../../../../public/reactbuild/bundle.js">
+	</script>
 <div id=search>
     <a class="searchtipslink">Search Tips</a>
     <div id="searchbar">
-        <form name="searchform" action="/search/" method=get id="searchform">
-            <input type="text" class="searchquery" name=q placeholder= "Search …" value="<?php echo htmlspecialchars(strip_tags($stextval)); ?>" />
-            <input type="submit" class="searchsubmit" value="l" />
-        </form>
+	<div id="react-root-searchbar"></div>
     </div>
 
 	<div id="searchtips">

public/reactbuild/bundle.js.LICENSE.txt

@@ -0,0 +1,39 @@
+/**
+ * @license React
+ * react-dom-client.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-dom.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

react/.babelrc

@@ -0,0 +1,3 @@
+{
+    "presets": ["@babel/preset-react"]
+  }

react/components/SearchComponent.jsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client'; 
+
+const SearchComponent = () => {
+  console.log("SearchComponent");
+
+  return (
+    <div id="searchbar">
+      test
+    </div>
+  );
+};
+
+export default SearchComponent;
+
+// Wait for the DOM to load before rendering
+document.addEventListener('DOMContentLoaded', () => {
+  const rootElement = document.getElementById('react-root-searchbar');
+  if (rootElement) {
+    const root = ReactDOM.createRoot(rootElement);
+    root.render(<SearchComponent />);
+  } else {
+    console.error('Target container #react-root-searchbar not found');
+  }
+});