chore: initial commit with basic module federation setup in vite config

src/app/index.ts

@@ -0,0 +1 @@
+export { default as App } from "./ui/App";

src/app/styles/index.css

@@ -0,0 +1,68 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

src/app/ui/App.tsx

@@ -0,0 +1,5 @@
+function App() {
+  return <div>App</div>;
+}
+
+export default App;

src/features/auth/index.ts

@@ -0,0 +1,2 @@
+export * from "./lib";
+export * from "./ui";

src/features/auth/lib/hocs/AuthGuard/AuthGuard.tsx

@@ -0,0 +1,7 @@
+export interface Props {
+  children: React.ReactNode;
+}
+
+export function AuthGuard({ children }: Props) {
+  return <>{children}</>;
+}

src/features/auth/lib/hooks/useAuth/useAuth.ts

@@ -0,0 +1 @@
+export function useAuth() {}

src/features/auth/lib/index.ts

@@ -0,0 +1,2 @@
+export { useAuth } from "./hooks/useAuth/useAuth";
+export { AuthGuard } from "./hocs/AuthGuard/AuthGuard";

src/features/auth/ui/LoginForm/LoginForm.tsx

@@ -0,0 +1,5 @@
+export function LoginForm() {
+  return (
+    <form>Login Form</form>
+  );
+}

src/features/auth/ui/RegisterForm/RegisterForm.tsx

@@ -0,0 +1,5 @@
+export function RegisterForm() {
+  return (
+    <form>Register Form</form>
+  );
+}

src/features/auth/ui/index.ts

@@ -0,0 +1,2 @@
+export { LoginForm } from "./LoginForm/LoginForm";
+export { RegisterForm } from "./RegisterForm/RegisterForm";

src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./app/styles/index.css";
+import { App } from "./app";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);