@momo-kits/native-kits 0.152.4-beta.1 → 0.152.4-beta.10

package/ios/Typography/Text.swift

@@ -0,0 +1,140 @@
+import SwiftUI
+
+public func scaleSize(_ size: CGFloat) -> CGFloat {
+    let defaultScreenSize: CGFloat = 375
+    let maxFontScale: CGFloat = 1.5
+    let maxDeviceScale: CGFloat = 5
+    
+    let deviceWidth = UIScreen.main.bounds.width
+    let deviceScale = deviceWidth / defaultScreenSize
+    
+    let defaultFont = UIFont.systemFont(ofSize: UIFont.labelFontSize)
+    let scaledFont = UIFontMetrics.default.scaledFont(for: defaultFont)
+    let fontScale = scaledFont.pointSize / defaultFont.pointSize
+    
+    var fontSizeDeviceScale = size
+    var fontSizeOSScale = size
+    
+    
+    if deviceScale > 1 {
+        fontSizeDeviceScale = min(fontSizeDeviceScale * deviceScale, fontSizeDeviceScale + maxDeviceScale)
+    }
+    
+    if fontScale > 1 {
+        fontSizeOSScale = min(fontSizeOSScale * fontScale, fontSizeOSScale * maxFontScale)
+    }
+    
+    return max(fontSizeDeviceScale, fontSizeOSScale)
+}
+
+public enum TypographyStyle {
+    case headlineDefaultBold
+    case headerMBold
+    case headerDefaultBold
+    case headerSSemibold
+    case headerXsSemibold
+    case bodyDefaultRegular
+    case bodyDefaultRegularStrikethrough
+    case descriptionDefaultRegular
+    case descriptionDefaultRegularStrikethrough
+    case descriptionXsRegular
+    case descriptionXsRegularStrikethrough
+    case labelDefaultMedium
+    case labelSMedium
+    case labelXsMedium
+    case actionDefaultBold
+    case actionSBold
+    case actionXsBold
+    case actionXxsBold
+}
+
+public extension TypographyStyle {
+    var fontSize: CGFloat {
+        switch self {
+        case .headlineDefaultBold: return 24
+        case .headerMBold: return 18
+        case .headerDefaultBold: return 16
+        case .headerSSemibold: return 14
+        case .headerXsSemibold: return 12
+        case .bodyDefaultRegular, .bodyDefaultRegularStrikethrough: return 14
+        case .descriptionDefaultRegular, .descriptionDefaultRegularStrikethrough: return 12
+        case .descriptionXsRegular, .descriptionXsRegularStrikethrough: return 10
+        case .labelDefaultMedium: return 14
+        case .labelSMedium: return 12
+        case .labelXsMedium: return 10
+        case .actionDefaultBold: return 16
+        case .actionSBold: return 14
+        case .actionXsBold: return 12
+        case .actionXxsBold: return 10
+        }
+    }
+    var lineHeight: CGFloat {
+        switch self {
+        case .headlineDefaultBold: return 34
+        case .headerMBold: return 26
+        case .headerDefaultBold: return 22
+        case .headerSSemibold: return 20
+        case .headerXsSemibold: return 18
+        case .bodyDefaultRegular, .bodyDefaultRegularStrikethrough: return 20
+        case .descriptionDefaultRegular, .descriptionDefaultRegularStrikethrough: return 18
+        case .descriptionXsRegular, .descriptionXsRegularStrikethrough: return 14
+        case .labelDefaultMedium: return 20
+        case .labelSMedium: return 18
+        case .labelXsMedium: return 14
+        case .actionDefaultBold: return 22
+        case .actionSBold: return 20
+        case .actionXsBold: return 18
+        case .actionXxsBold: return 14
+        }
+    }
+    var fontWeight: Font.Weight {
+        switch self {
+        case .headlineDefaultBold, .headerMBold, .headerDefaultBold,
+                .actionDefaultBold, .actionSBold, .actionXsBold, .actionXxsBold:
+            return .bold
+        case .headerSSemibold, .headerXsSemibold:
+            return .semibold
+        case .bodyDefaultRegular, .bodyDefaultRegularStrikethrough,
+                .descriptionDefaultRegular, .descriptionDefaultRegularStrikethrough,
+                .descriptionXsRegular, .descriptionXsRegularStrikethrough:
+            return .regular
+        case .labelDefaultMedium, .labelSMedium, .labelXsMedium:
+            return .medium
+        }
+    }
+    var isStrikethrough: Bool {
+        switch self {
+        case .bodyDefaultRegularStrikethrough,
+                .descriptionDefaultRegularStrikethrough,
+                .descriptionXsRegularStrikethrough:
+            return true
+        default:
+            return false
+        }
+    }
+}
+
+public struct MomoText: View {
+    private let content: String
+    private let typography: TypographyStyle
+    private let color: Color
+    
+    public init(
+        _ content: String,
+        typography: TypographyStyle = .bodyDefaultRegular,
+        color: Color = Colors.text
+    ) {
+        self.content = content
+        self.typography = typography
+        self.color = color
+    }
+    
+    public var body: some View {
+        let text = SwiftUI.Text(content)
+            .font(.system(size: scaleSize(typography.fontSize), weight: typography.fontWeight))
+            .foregroundColor(color)
+            .lineSpacing(scaleSize(typography.lineHeight) - scaleSize(typography.fontSize))
+        
+        return text
+    }
+}

package/ios/Typography/Typography.swift

@@ -0,0 +1,95 @@
+import SwiftUI
+
+public extension Font {
+    static func appFont(size: CGFloat) -> Font {
+        let defaultScreenSize: CGFloat = 375
+        let maxFontScale: CGFloat = 1.2
+        let maxDeviceScale: CGFloat = 5
+        
+        let deviceWidth = UIScreen.main.bounds.width
+        let deviceScale = deviceWidth / defaultScreenSize
+        
+        let defaultFont = UIFont.systemFont(ofSize: UIFont.labelFontSize)
+        let scaledFont = UIFontMetrics.default.scaledFont(for: defaultFont)
+        let fontScale = scaledFont.pointSize / defaultFont.pointSize
+
+        var fontSize = size
+
+        if deviceScale > 1 {
+            fontSize = min(fontSize * deviceScale, fontSize + maxDeviceScale)
+        }
+
+        if fontScale > 1 {
+            fontSize = min(fontSize * fontScale, fontSize * maxFontScale)
+        }
+
+        return Font.system(size: fontSize)
+    }
+    
+    // New supported typography styles
+    static let headline_default_bold = appFont(size: 24).weight(.bold)
+    static let header_m_bold = appFont(size: 18).weight(.bold)
+    static let header_default_bold = appFont(size: 16).weight(.bold)
+    static let header_default_semibold = appFont(size: 16).weight(.semibold)
+    static let header_s_semibold = appFont(size: 14).weight(.semibold)
+    static let header_xs_semibold = appFont(size: 12).weight(.semibold)
+    static let body_default_regular = appFont(size: 14).weight(.regular)
+    static let description_default_regular = appFont(size: 12).weight(.regular)
+    static let description_xs_regular = appFont(size: 10).weight(.regular)
+    static let label_default_medium = appFont(size: 14).weight(.medium)
+    static let label_s_medium = appFont(size: 12).weight(.medium)
+    static let label_xs_medium = appFont(size: 10).weight(.medium)
+    static let action_default_bold = appFont(size: 16).weight(.bold)
+    static let action_s_bold = appFont(size: 14).weight(.bold)
+    static let action_xs_bold = appFont(size: 12).weight(.bold)
+    static let action_xxs_bold = appFont(size: 10).weight(.bold)
+    
+    // Legacy styles
+    static let headline_default = appFont(size: 28).weight(.semibold)
+    static let headline_s = appFont(size: 24).weight(.semibold)
+    static let headline_l = appFont(size: 32).weight(.semibold)
+    static let headline_xl = appFont(size: 36).weight(.semibold)
+    static let title_default = appFont(size: 20).weight(.bold)
+    static let title_xs = appFont(size: 16).weight(.bold)
+    static let title_s = appFont(size: 18).weight(.bold)
+    static let header_default = appFont(size: 15).weight(.semibold)
+    static let header_xs = appFont(size: 12).weight(.semibold)
+    static let header_s = appFont(size: 14).weight(.semibold)
+    static let paragraph_default = appFont(size: 15).weight(.regular)
+    static let paragraph_bold = appFont(size: 15).weight(.bold)
+    static let description_default = appFont(size: 14).weight(.regular)
+    static let description_xs = appFont(size: 10).weight(.regular)
+    static let description_s = appFont(size: 12).weight(.regular)
+    static let label_default = appFont(size: 14).weight(.medium)
+    static let label_xxs = appFont(size: 8).weight(.medium)
+    static let label_xs = appFont(size: 10).weight(.medium)
+    static let label_s = appFont(size: 12).weight(.medium)
+    static let action_default = appFont(size: 16).weight(.bold)
+    static let action_xxs = appFont(size: 10).weight(.bold)
+    static let action_xs = appFont(size: 12).weight(.bold)
+    static let action_s = appFont(size: 15).weight(.bold)
+    
+    // deprecated
+    static let h1 = appFont(size: 36).weight(.semibold) //headline_xl
+    static let h2 = appFont(size: 32).weight(.semibold)
+    static let h3 = appFont(size: 28).weight(.semibold)
+    static let h4 = appFont(size: 24).weight(.semibold)
+    static let title1 = appFont(size: 20).weight(.bold)
+    static let title2 = appFont(size: 18).weight(.bold)
+    static let title3 = appFont(size: 16).weight(.bold)
+    static let headerText1 = appFont(size: 15).weight(.semibold) //header_default
+    static let headerText2 = appFont(size: 14).weight(.semibold)
+    static let headerText3 = appFont(size: 12).weight(.semibold)
+    static let paragraph = appFont(size: 15).weight(.regular) //paragraph_default
+    static let description1 = appFont(size: 14).weight(.regular)
+    static let description2 = appFont(size: 12).weight(.regular)
+    static let description3 = appFont(size: 10).weight(.regular)
+    static let label1 = appFont(size: 14).weight(.medium)
+    static let label2 = appFont(size: 12).weight(.medium)
+    static let label3 = appFont(size: 10).weight(.medium)
+    static let label4 = appFont(size: 8).weight(.medium)
+    static let action1 = appFont(size: 16).weight(.bold)
+    static let action2 = appFont(size: 15).weight(.bold)
+    static let action3 = appFont(size: 12).weight(.bold)
+    static let action4 = appFont(size: 10).weight(.bold)
+}

package/ios/native-kits.podspec

@@ -0,0 +1,18 @@
+Pod::Spec.new do |spec|
+    spec.name          = 'MoMoUIKits'
+    spec.version       = '1.0.0'
+    spec.license       = { :type => 'MIT', :file => 'LICENSE' }
+    spec.homepage      = 'https://gitlab.com'
+    spec.authors       = { 'Developer' => 'momo@mservice.com.vn' }
+    spec.summary       = 'Components for SwiftUI'
+    spec.source        = { :git => 'https://gitlab.com', :tag => 'v1.0.0' }
+    spec.swift_versions = ['5.0']
+    spec.ios.deployment_target  = '13.0'
+
+    spec.source_files   = "**/*.swift"
+
+    spec.framework      = 'SwiftUI', 'Combine'
+    spec.dependency       'SDWebImageSwiftUI'
+    spec.dependency       'lottie-ios'
+    spec.dependency       'SkeletonUI', '1.0.11'
+  end

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.152.4-beta.1",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+  "version": "0.152.4-beta.10",
+  "private": false,
+  "dependencies": {
+    "@momo-platform/native-max-api": "1.0.18"
   },
-  "author": "",
-  "license": "ISC",
-  "description": ""
+  "devDependencies": {},
+  "license": "MoMo"
 }

package/settings.gradle.kts

@@ -0,0 +1,25 @@
+rootProject.name = "momo-kits"
+
+include(":sample:androidApp")
+include(":compose")
+include(":sample:shared")
+
+pluginManagement {
+    repositories {
+        gradlePluginPortal()
+        mavenCentral()
+        google()
+        maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+    }
+}
+
+dependencyResolutionManagement {
+    repositories {
+        mavenCentral()
+        google()
+        maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+    }
+}
+
+include(":NativeMaxApi")
+project(":NativeMaxApi").projectDir = file("./node_modules/@momo-platform/native-max-api/NativeMaxApi")

package/shared/build.gradle.kts

@@ -1,74 +0,0 @@
-import org.jetbrains.kotlin.gradle.dsl.JvmTarget
-
-buildscript {
-    repositories {
-        google()
-        mavenCentral()
-        maven {
-            url = uri("http://nexus.mservice.com.vn:8081/repository/maven-public/")
-            isAllowInsecureProtocol = true
-        }
-    }
-}
-
-plugins {
-    id(libs.plugins.android.library.get().pluginId)
-    id(libs.plugins.jetbrains.kotlin.multiplatform.get().pluginId)
-}
-
-kotlin {
-    androidTarget {
-        compilations.all {
-            compileTaskProvider.configure {
-                compilerOptions {
-                    jvmTarget.set(JvmTarget.JVM_17)
-                }
-            }
-        }
-    }
-    iosX64()
-    iosArm64()
-    iosSimulatorArm64()
-    
-    sourceSets {
-        val commonMain by getting {
-            dependencies {
-                api("vn.momo.kits:compose:0.152.4-beta.1")
-            }
-        }
-        val commonTest by getting {
-            dependencies {
-//                implementation(libs.kotlin.test)
-            }
-        }
-
-        val androidMain by getting {
-            dependencies {
-            }
-        }
-
-        val iosArm64Main by getting
-        val iosX64Main by getting
-        val iosSimulatorArm64Main by getting
-        val iosMain by creating {
-            dependsOn(commonMain)
-        }
-
-        iosArm64Main.dependsOn(iosMain)
-        iosX64Main.dependsOn(iosMain)
-        iosSimulatorArm64Main.dependsOn(iosMain)
-        
-    }
-}
-
-android {
-    namespace = "vn.momo.newfeed.wrapper"
-    compileSdk = 35
-    defaultConfig {
-        minSdk = 24
-    }
-    compileOptions {
-        sourceCompatibility = JavaVersion.VERSION_1_8
-        targetCompatibility = JavaVersion.VERSION_1_8
-    }
-}