@quilix/core 0.1.1

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@quilix/core",
+  "version": "0.1.1",
+  "type": "module",
+  "description": "React components for Quilix framework",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "scripts": {
+    "build": "echo 'No build required'",
+    "typecheck": "tsc --noEmit"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vincentzhangz/quilix.git",
+    "directory": "packages/@quilix/core"
+  },
+  "keywords": ["quilix", "react", "framework"],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=19.2.4",
+    "react-dom": ">=19.2.4"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "^6.0.2"
+  }
+}

package/src/components/Image.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+  src: string;
+  alt: string;
+  width?: number;
+  height?: number;
+}
+
+/**
+ * Image component with standard props passthrough.
+ */
+export function Image({ src, alt, width, height, ...props }: ImageProps) {
+  return (
+    <img
+      src={src}
+      alt={alt}
+      width={width}
+      height={height}
+      {...props}
+    />
+  );
+}

package/src/components/Layout.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+interface LayoutProps {
+  children: React.ReactNode;
+}
+
+/**
+ * Basic layout wrapper component.
+ */
+export function Layout({ children }: LayoutProps) {
+  return <div className="quilix-layout">{children}</div>;
+}

package/src/components/Link.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  href: string;
+  children: React.ReactNode;
+}
+
+/**
+ * Link component wrapping standard anchor element.
+ */
+export function Link({ href, children, ...props }: LinkProps) {
+  return (
+    <a href={href} {...props}>
+      {children}
+    </a>
+  );
+}

package/src/config.ts

@@ -0,0 +1,37 @@
+export interface QuilixConfig {
+  plugins?: PluginConfig[];
+  moduleFederation?: ModuleFederationConfig;
+}
+
+export interface PluginConfig {
+  name: string;
+  options?: Record<string, unknown>;
+}
+
+export interface ModuleFederationConfig {
+  name: string;
+  remotes?: Record<string, string>;
+  exposes?: Record<string, string>;
+  shared?: string[];
+}
+
+export function defineConfig(config: QuilixConfig): QuilixConfig {
+  return config;
+}
+
+export interface ModuleFederationOptions {
+  name: string;
+  remotes?: Record<string, string>;
+  exposes?: Record<string, string>;
+  shared?: string[];
+}
+
+/**
+ * Creates a Module Federation plugin configuration.
+ */
+export function moduleFederation(options: ModuleFederationOptions): PluginConfig {
+  return {
+    name: 'module-federation',
+    options: options as unknown as Record<string, unknown>,
+  };
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+export { Link } from './components/Link';
+export { Layout } from './components/Layout';
+export { Image } from './components/Image';
+export { defineConfig, moduleFederation } from './config';
+export type { QuilixConfig, PluginConfig, ModuleFederationConfig, ModuleFederationOptions } from './config';