npm - create-flexireact - Versions diffs - 1.3.2 → 2.0.0 - Mend

create-flexireact 1.3.2 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/README.md +24 -15
package/dist/index.d.ts +7 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +175 -0
package/dist/index.js.map +1 -0
package/dist/templates/app-router.d.ts +6 -0
package/dist/templates/app-router.d.ts.map +1 -0
package/dist/templates/app-router.js +211 -0
package/dist/templates/app-router.js.map +1 -0
package/dist/templates/default.d.ts +12 -0
package/dist/templates/default.d.ts.map +1 -0
package/dist/templates/default.js +558 -0
package/dist/templates/default.js.map +1 -0
package/dist/templates/index.d.ts +12 -0
package/dist/templates/index.d.ts.map +1 -0
package/dist/templates/index.js +34 -0
package/dist/templates/index.js.map +1 -0
package/dist/templates/minimal.d.ts +6 -0
package/dist/templates/minimal.d.ts.map +1 -0
package/dist/templates/minimal.js +71 -0
package/dist/templates/minimal.js.map +1 -0
package/dist/ui.d.ts +18 -0
package/dist/ui.d.ts.map +1 -0
package/dist/ui.js +47 -0
package/dist/ui.js.map +1 -0
package/package.json +15 -4
package/index.js +0 -1653

package/dist/templates/default.js ADDED Viewed

@@ -0,0 +1,558 @@
+/**
+ * Default Template - Full-featured FlexiReact v2 setup
+ *
+ * Structure:
+ * - app/          : Layout, components, styles, providers
+ * - routes/       : FlexiReact v2 file-based routing
+ * - lib/          : Utilities
+ * - public/       : Static assets
+ */
+export function defaultTemplate(projectName) {
+    return {
+        // ========================================================================
+        // Config Files
+        // ========================================================================
+        'package.json': JSON.stringify({
+            name: projectName,
+            version: '1.0.0',
+            private: true,
+            type: 'module',
+            scripts: {
+                dev: 'npm run css && flexireact dev',
+                build: 'npm run css && flexireact build',
+                start: 'flexireact start',
+                css: 'npx @tailwindcss/cli -i ./app/styles/globals.css -o ./public/styles.css --minify',
+            },
+            dependencies: {
+                react: '^18.2.0',
+                'react-dom': '^18.2.0',
+                '@flexireact/core': '^2.0.0',
+                clsx: '^2.1.0',
+                'tailwind-merge': '^2.2.0',
+            },
+            devDependencies: {
+                '@types/react': '^18.2.0',
+                '@types/react-dom': '^18.2.0',
+                typescript: '^5.3.0',
+                tailwindcss: '^4.0.0',
+                '@tailwindcss/cli': '^4.0.0',
+                '@tailwindcss/postcss': '^4.0.0',
+            },
+        }, null, 2),
+        'tsconfig.json': JSON.stringify({
+            compilerOptions: {
+                target: 'ES2022',
+                lib: ['DOM', 'DOM.Iterable', 'ES2022'],
+                module: 'ESNext',
+                moduleResolution: 'bundler',
+                jsx: 'react-jsx',
+                strict: true,
+                skipLibCheck: true,
+                esModuleInterop: true,
+                resolveJsonModule: true,
+                isolatedModules: true,
+                noEmit: true,
+                baseUrl: '.',
+                paths: {
+                    '@/*': ['./*'],
+                    '@/components/*': ['./app/components/*'],
+                    '@/lib/*': ['./lib/*'],
+                },
+            },
+            include: ['**/*.ts', '**/*.tsx'],
+            exclude: ['node_modules', '.flexi', 'public'],
+        }, null, 2),
+        'postcss.config.js': `export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+`,
+        'flexireact.config.ts': `import type { FlexiConfig } from '@flexireact/core';
+const config: FlexiConfig = {
+  styles: [
+    '/styles.css',
+    'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'
+  ],
+  favicon: '/favicon.svg',
+  server: {
+    port: 3000,
+  },
+  islands: { enabled: true },
+};
+export default config;
+`,
+        // ========================================================================
+        // App Directory - Layout, Components, Styles
+        // ========================================================================
+        'app/layout.tsx': `import React from 'react';
+import { Navbar } from './components/layout/Navbar';
+import { Footer } from './components/layout/Footer';
+interface RootLayoutProps {
+  children: React.ReactNode;
+}
+export default function RootLayout({ children }: RootLayoutProps) {
+  return (
+    <html lang="en" className="dark">
+      <head>
+        <meta charSet="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="stylesheet" href="/styles.css" />
+        <link rel="icon" href="/favicon.svg" />
+      </head>
+      <body className="bg-background text-foreground min-h-screen antialiased">
+        <div className="flex flex-col min-h-screen">
+          <Navbar />
+          <main className="flex-1">{children}</main>
+          <Footer />
+        </div>
+      </body>
+    </html>
+  );
+}
+`,
+        // Components - UI
+        'app/components/ui/Button.tsx': `import React from 'react';
+import { cn } from '@/lib/utils';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: 'primary' | 'secondary' | 'ghost' | 'outline';
+  size?: 'sm' | 'md' | 'lg';
+}
+export function Button({
+  className,
+  variant = 'primary',
+  size = 'md',
+  children,
+  ...props
+}: ButtonProps) {
+  return (
+    <button
+      className={cn(
+        'inline-flex items-center justify-center font-medium rounded-lg transition-all',
+        'focus:outline-none focus:ring-2 focus:ring-primary/50',
+        'disabled:opacity-50 disabled:cursor-not-allowed',
+        {
+          'bg-primary text-black hover:bg-primary/90': variant === 'primary',
+          'bg-secondary text-white hover:bg-secondary/80': variant === 'secondary',
+          'hover:bg-white/5': variant === 'ghost',
+          'border border-border hover:bg-white/5 hover:border-primary': variant === 'outline',
+          'px-3 py-1.5 text-sm': size === 'sm',
+          'px-4 py-2 text-sm': size === 'md',
+          'px-6 py-3 text-base': size === 'lg',
+        },
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+}
+`,
+        'app/components/ui/Card.tsx': `import React from 'react';
+import { cn } from '@/lib/utils';
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+  variant?: 'default' | 'glass';
+}
+export function Card({ className, variant = 'default', children, ...props }: CardProps) {
+  return (
+    <div
+      className={cn(
+        'rounded-xl border border-border p-6 transition-all',
+        {
+          'bg-card': variant === 'default',
+          'bg-white/5 backdrop-blur-xl': variant === 'glass',
+        },
+        'hover:border-primary/50',
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </div>
+  );
+}
+export function CardHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
+  return <div className={cn('mb-4', className)} {...props} />;
+}
+export function CardTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
+  return <h3 className={cn('text-lg font-semibold', className)} {...props} />;
+}
+export function CardContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
+  return <div className={cn('text-muted', className)} {...props} />;
+}
+`,
+        'app/components/ui/index.ts': `export { Button } from './Button';
+export { Card, CardHeader, CardTitle, CardContent } from './Card';
+`,
+        // Components - Layout
+        'app/components/layout/Navbar.tsx': `import React from 'react';
+export function Navbar() {
+  return (
+    <header className="sticky top-0 z-50 border-b border-border bg-background/80 backdrop-blur-xl">
+      <nav className="container mx-auto px-4 h-16 flex items-center justify-between max-w-6xl">
+        <a href="/" className="flex items-center gap-2">
+          <div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center">
+            <span className="text-black font-bold text-sm">F</span>
+          </div>
+          <span className="font-semibold text-lg">FlexiReact</span>
+        </a>
+        <div className="flex items-center gap-6">
+          <a href="/" className="text-sm text-muted hover:text-foreground transition-colors">Home</a>
+          <a href="/about" className="text-sm text-muted hover:text-foreground transition-colors">About</a>
+          <a href="/blog" className="text-sm text-muted hover:text-foreground transition-colors">Blog</a>
+          <a
+            href="https://github.com/nicksdev/flexireact"
+            target="_blank"
+            className="text-sm text-muted hover:text-foreground transition-colors"
+          >
+            GitHub
+          </a>
+        </div>
+      </nav>
+    </header>
+  );
+}
+`,
+        'app/components/layout/Footer.tsx': `import React from 'react';
+export function Footer() {
+  return (
+    <footer className="border-t border-border py-8 mt-auto">
+      <div className="container mx-auto px-4 text-center text-sm text-muted max-w-6xl">
+        <p>Built with FlexiReact v2 • {new Date().getFullYear()}</p>
+      </div>
+    </footer>
+  );
+}
+`,
+        'app/components/layout/index.ts': `export { Navbar } from './Navbar';
+export { Footer } from './Footer';
+`,
+        'app/components/index.ts': `export * from './ui';
+export * from './layout';
+`,
+        // Providers
+        'app/providers/ThemeProvider.tsx': `'use client';
+import React, { createContext, useContext, useState, useEffect } from 'react';
+type Theme = 'light' | 'dark' | 'system';
+interface ThemeContextType {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+}
+const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
+export function ThemeProvider({ children }: { children: React.ReactNode }) {
+  const [theme, setTheme] = useState<Theme>('dark');
+  useEffect(() => {
+    const root = document.documentElement;
+    root.classList.remove('light', 'dark');
+    if (theme === 'system') {
+      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+      root.classList.add(systemTheme);
+    } else {
+      root.classList.add(theme);
+    }
+  }, [theme]);
+  return (
+    <ThemeContext.Provider value={{ theme, setTheme }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}
+export function useTheme() {
+  const context = useContext(ThemeContext);
+  if (!context) throw new Error('useTheme must be used within ThemeProvider');
+  return context;
+}
+`,
+        // Styles
+        'app/styles/globals.css': `@import "tailwindcss";
+/* FlexiReact v2 Theme */
+@theme {
+  /* Colors */
+  --color-background: #0a0a0a;
+  --color-foreground: #fafafa;
+  --color-primary: #00FF9C;
+  --color-secondary: #1a1a1a;
+  --color-muted: #71717a;
+  --color-border: #27272a;
+  --color-card: #18181b;
+  /* Typography */
+  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
+  /* Radius */
+  --radius-sm: 0.25rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+}
+body {
+  font-family: var(--font-sans);
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  -webkit-font-smoothing: antialiased;
+}
+`,
+        // ========================================================================
+        // Routes Directory - FlexiReact v2 Routing
+        // ========================================================================
+        'routes/(public)/home.tsx': `import React from 'react';
+import { Button } from '@/app/components/ui';
+export const metadata = {
+  title: 'FlexiReact v2 - The Modern React Framework',
+  description: 'Build fast, modern web apps with FlexiReact v2',
+};
+export default function HomePage() {
+  return (
+    <div className="min-h-[calc(100vh-8rem)] flex flex-col items-center justify-center px-4">
+      <div className="text-center max-w-3xl">
+        {/* Logo */}
+        <div className="w-20 h-20 bg-primary rounded-2xl flex items-center justify-center mx-auto mb-8 shadow-[0_0_30px_rgba(0,255,156,0.3)]">
+          <span className="text-black font-bold text-3xl">F</span>
+        </div>
+        {/* Heading */}
+        <h1 className="text-5xl md:text-6xl font-bold mb-6">
+          Welcome to{' '}
+          <span className="text-primary">FlexiReact v2</span>
+        </h1>
+        {/* Description */}
+        <p className="text-xl text-muted mb-8 max-w-2xl mx-auto">
+          The modern React framework with SSR, Islands, App Router, and more.
+          Build blazing fast web applications with ease.
+        </p>
+        {/* CTA Buttons */}
+        <div className="flex gap-4 justify-center flex-wrap">
+          <Button size="lg">Get Started →</Button>
+          <Button variant="outline" size="lg">Documentation</Button>
+        </div>
+        {/* Features */}
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mt-16">
+          {[
+            { icon: '⚡', label: 'SSR/SSG' },
+            { icon: '🏝️', label: 'Islands' },
+            { icon: '📦', label: 'File Routing' },
+            { icon: '🎨', label: 'Tailwind v4' },
+          ].map((feature) => (
+            <div key={feature.label} className="p-4 rounded-xl bg-white/5 border border-border">
+              <div className="text-2xl mb-2">{feature.icon}</div>
+              <div className="text-sm font-medium">{feature.label}</div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+`,
+        'routes/(public)/about.tsx': `import React from 'react';
+import { Card, CardHeader, CardTitle, CardContent } from '@/app/components/ui';
+export const metadata = {
+  title: 'About - FlexiReact',
+};
+export default function AboutPage() {
+  return (
+    <div className="container mx-auto px-4 py-16 max-w-3xl">
+      <h1 className="text-4xl font-bold mb-8">About FlexiReact</h1>
+      <Card className="mb-6">
+        <CardHeader>
+          <CardTitle>What is FlexiReact?</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <p>
+            FlexiReact is a modern React framework designed for building fast,
+            scalable web applications. It combines the best features of popular
+            frameworks with a flexible, intuitive API.
+          </p>
+        </CardContent>
+      </Card>
+      <Card>
+        <CardHeader>
+          <CardTitle>Features</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <ul className="space-y-2">
+            <li>✓ Server-Side Rendering (SSR)</li>
+            <li>✓ Static Site Generation (SSG)</li>
+            <li>✓ Islands Architecture</li>
+            <li>✓ File-based Routing</li>
+            <li>✓ TypeScript Support</li>
+            <li>✓ Tailwind CSS v4</li>
+          </ul>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
+`,
+        'routes/blog/index.tsx': `import React from 'react';
+import { Card, CardHeader, CardTitle, CardContent } from '@/app/components/ui';
+export const metadata = {
+  title: 'Blog - FlexiReact',
+};
+const posts = [
+  { slug: 'getting-started', title: 'Getting Started', excerpt: 'Learn how to build your first app...' },
+  { slug: 'routing', title: 'File-based Routing', excerpt: 'Deep dive into the router...' },
+  { slug: 'islands', title: 'Islands Architecture', excerpt: 'Partial hydration for performance...' },
+];
+export default function BlogPage() {
+  return (
+    <div className="container mx-auto px-4 py-16 max-w-6xl">
+      <h1 className="text-4xl font-bold mb-8">Blog</h1>
+      <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+        {posts.map((post) => (
+          <a key={post.slug} href={\`/blog/\${post.slug}\`}>
+            <Card className="h-full">
+              <CardHeader>
+                <CardTitle>{post.title}</CardTitle>
+              </CardHeader>
+              <CardContent>
+                <p>{post.excerpt}</p>
+              </CardContent>
+            </Card>
+          </a>
+        ))}
+      </div>
+    </div>
+  );
+}
+`,
+        'routes/blog/[slug].tsx': `import React from 'react';
+import { Button } from '@/app/components/ui';
+interface BlogPostProps {
+  params: { slug: string };
+}
+export default function BlogPost({ params }: BlogPostProps) {
+  return (
+    <div className="container mx-auto px-4 py-16 max-w-3xl">
+      <a href="/blog">
+        <Button variant="ghost" size="sm" className="mb-8">← Back to Blog</Button>
+      </a>
+      <h1 className="text-4xl font-bold mb-4">Blog Post: {params.slug}</h1>
+      <p className="text-muted mb-8">
+        This is a dynamic route. The slug parameter is: <code className="text-primary">{params.slug}</code>
+      </p>
+      <div className="prose prose-invert">
+        <p>
+          This page demonstrates dynamic routing in FlexiReact v2.
+          The [slug].tsx file creates a dynamic route that matches any path under /blog/.
+        </p>
+      </div>
+    </div>
+  );
+}
+`,
+        // API routes
+        'routes/api/hello.ts': `export async function GET() {
+  return Response.json({
+    message: 'Hello from FlexiReact API!',
+    timestamp: new Date().toISOString(),
+  });
+}
+export async function POST(request: Request) {
+  const body = await request.json();
+  return Response.json({
+    received: body,
+    message: 'POST request received',
+  });
+}
+`,
+        // ========================================================================
+        // Lib Directory
+        // ========================================================================
+        'lib/utils.ts': `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`,
+        // ========================================================================
+        // Public Directory
+        // ========================================================================
+        'public/favicon.svg': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <defs>
+    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#00FF9C"/>
+      <stop offset="100%" style="stop-color:#00D68F"/>
+    </linearGradient>
+  </defs>
+  <rect width="100" height="100" rx="20" fill="#0a0a0a"/>
+  <text x="50" y="68" font-family="system-ui" font-size="50" font-weight="900" fill="url(#grad)" text-anchor="middle">F</text>
+</svg>`,
+        'public/.gitkeep': '',
+        // ========================================================================
+        // Git
+        // ========================================================================
+        '.gitignore': `# Dependencies
+node_modules/
+.pnpm-store/
+# Build
+.flexi/
+dist/
+public/styles.css
+# IDE
+.vscode/
+.idea/
+# OS
+.DS_Store
+Thumbs.db
+# Env
+.env
+.env.local
+.env.*.local
+# Logs
+*.log
+npm-debug.log*
+`,
+    };
+}
+//# sourceMappingURL=default.js.map

package/dist/templates/default.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"default.js","sourceRoot":"","sources":["../../src/templates/default.ts"],"names":[],"mappings":"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"}

package/dist/templates/index.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * Template definitions for create-flexireact
+ */
+export interface Template {
+    name: string;
+    description: string;
+    icon: string;
+}
+export declare const TEMPLATES: Record<string, Template>;
+export type TemplateFiles = Record<string, string>;
+export declare function getTemplateFiles(templateKey: string, projectName: string): TemplateFiles;
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAMH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAgB9C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEnD,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,aAAa,CASxF"}

package/dist/templates/index.js ADDED Viewed

@@ -0,0 +1,34 @@
+/**
+ * Template definitions for create-flexireact
+ */
+import { defaultTemplate } from './default.js';
+import { minimalTemplate } from './minimal.js';
+import { appRouterTemplate } from './app-router.js';
+export const TEMPLATES = {
+    default: {
+        name: 'Default',
+        description: 'Full-featured template with routes/, components, and Tailwind v4',
+        icon: '⚡',
+    },
+    minimal: {
+        name: 'Minimal',
+        description: 'Bare minimum FlexiReact setup',
+        icon: '📦',
+    },
+    'app-router': {
+        name: 'App Router',
+        description: 'Next.js style app/ directory routing',
+        icon: '🚀',
+    },
+};
+export function getTemplateFiles(templateKey, projectName) {
+    switch (templateKey) {
+        case 'minimal':
+            return minimalTemplate(projectName);
+        case 'app-router':
+            return appRouterTemplate(projectName);
+        default:
+            return defaultTemplate(projectName);
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/templates/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAQpD,MAAM,CAAC,MAAM,SAAS,GAA6B;IACjD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,kEAAkE;QAC/E,IAAI,EAAE,GAAG;KACV;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,+BAA+B;QAC5C,IAAI,EAAE,IAAI;KACX;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,sCAAsC;QACnD,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAIF,MAAM,UAAU,gBAAgB,CAAC,WAAmB,EAAE,WAAmB;IACvE,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC,WAAW,CAAC,CAAC;QACtC,KAAK,YAAY;YACf,OAAO,iBAAiB,CAAC,WAAW,CAAC,CAAC;QACxC;YACE,OAAO,eAAe,CAAC,WAAW,CAAC,CAAC;IACxC,CAAC;AACH,CAAC"}

package/dist/templates/minimal.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+/**
+ * Minimal Template - Bare minimum FlexiReact setup
+ */
+import type { TemplateFiles } from './index.js';
+export declare function minimalTemplate(projectName: string): TemplateFiles;
+//# sourceMappingURL=minimal.d.ts.map

package/dist/templates/minimal.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../src/templates/minimal.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CAuElE"}