Add ui-components

Author: runningcode

android/.gitignore

@@ -8,7 +8,7 @@
 /.idea/navEditor.xml
 /.idea/assetWizardSettings.xml
 .DS_Store
-/build
+build
 /app/release/*
 /captures
 .externalNativeBuild

android/ui-components/build.gradle.kts

@@ -0,0 +1,48 @@
+plugins {
+  id("com.android.library")
+  alias(libs.plugins.kotlin.android)
+  alias(libs.plugins.compose.compiler)
+  alias(libs.plugins.paparazzi)
+  id("com.emergetools.paparazzi.preview-scanner")
+}
+
+android {
+  namespace = "com.emergetools.hackernews.ui.components"
+  compileSdk = 36
+
+  defaultConfig {
+    minSdk = 30
+    testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+  }
+
+  buildFeatures {
+    compose = true
+  }
+
+  compileOptions {
+    sourceCompatibility = JavaVersion.VERSION_17
+    targetCompatibility = JavaVersion.VERSION_17
+  }
+
+  kotlinOptions {
+    jvmTarget = JavaVersion.VERSION_17.toString()
+  }
+}
+
+paparazziPreviewScanner {
+  scanPackages.addAll("com.emergetools.hackernews.ui.components")
+}
+
+dependencies {
+  implementation(libs.androidx.core.ktx)
+  implementation(platform(libs.androidx.compose.bom))
+  implementation(libs.androidx.ui)
+  implementation(libs.androidx.ui.graphics)
+  implementation(libs.androidx.ui.tooling.preview)
+  implementation(libs.androidx.material3)
+
+  debugImplementation(libs.androidx.ui.tooling)
+  debugImplementation(libs.androidx.ui.test.manifest)
+
+  testImplementation(libs.junit)
+}

android/ui-components/src/main/AndroidManifest.xml

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

android/ui-components/src/main/java/com/emergetools/hackernews/ui/components/Button.kt

@@ -0,0 +1,56 @@
+package com.emergetools.hackernews.ui.components
+
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Button
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.PreviewLightDark
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun PrimaryButton(
+    text: String,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    enabled: Boolean = true
+) {
+    Button(
+        onClick = onClick,
+        modifier = modifier,
+        enabled = enabled
+    ) {
+        Text(text = text)
+    }
+}
+
+@PreviewLightDark
+@Composable
+fun PrimaryButtonPreview() {
+    MaterialTheme {
+        Surface {
+            PrimaryButton(
+                text = "Click Me",
+                onClick = {},
+                modifier = Modifier.padding(16.dp)
+            )
+        }
+    }
+}
+
+@PreviewLightDark
+@Composable
+fun PrimaryButtonDisabledPreview() {
+    MaterialTheme {
+        Surface {
+            PrimaryButton(
+                text = "Disabled Button",
+                onClick = {},
+                enabled = false,
+                modifier = Modifier.padding(16.dp)
+            )
+        }
+    }
+}

android/ui-components/src/main/java/com/emergetools/hackernews/ui/components/Card.kt

@@ -0,0 +1,68 @@
+package com.emergetools.hackernews.ui.components
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.PreviewLightDark
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun InfoCard(
+    title: String,
+    content: String,
+    modifier: Modifier = Modifier
+) {
+    Card(
+        modifier = modifier.fillMaxWidth(),
+        elevation = CardDefaults.cardElevation(defaultElevation = 4.dp)
+    ) {
+        Column(
+            modifier = Modifier.padding(16.dp)
+        ) {
+            Text(
+                text = title,
+                style = MaterialTheme.typography.titleMedium
+            )
+            Text(
+                text = content,
+                style = MaterialTheme.typography.bodyMedium,
+                modifier = Modifier.padding(top = 8.dp)
+            )
+        }
+    }
+}
+
+@PreviewLightDark
+@Composable
+fun InfoCardPreview() {
+    MaterialTheme {
+        Surface {
+            InfoCard(
+                title = "Sample Title",
+                content = "This is some sample content for the card component.",
+                modifier = Modifier.padding(16.dp)
+            )
+        }
+    }
+}
+
+@PreviewLightDark
+@Composable
+fun InfoCardLongContentPreview() {
+    MaterialTheme {
+        Surface {
+            InfoCard(
+                title = "Long Content Example",
+                content = "This is a much longer piece of content that demonstrates how the card component handles multiple lines of text. It should wrap properly and maintain good readability.",
+                modifier = Modifier.padding(16.dp)
+            )
+        }
+    }
+}