expo-orb 0.1.0

package/build/ExpoOrbModule.web.d.ts

@@ -0,0 +1,6 @@
+import { NativeModule } from 'expo';
+declare class ExpoOrbModule extends NativeModule {
+}
+declare const _default: typeof ExpoOrbModule;
+export default _default;
+//# sourceMappingURL=ExpoOrbModule.web.d.ts.map

package/build/ExpoOrbModule.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOrbModule.web.d.ts","sourceRoot":"","sources":["../src/ExpoOrbModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,MAAM,CAAC;AAEvD,cAAM,aAAc,SAAQ,YAAY;CAAG;;AAE3C,wBAAiE"}

package/build/ExpoOrbModule.web.js

@@ -0,0 +1,5 @@
+import { registerWebModule, NativeModule } from 'expo';
+class ExpoOrbModule extends NativeModule {
+}
+export default registerWebModule(ExpoOrbModule, 'ExpoOrbModule');
+//# sourceMappingURL=ExpoOrbModule.web.js.map

package/build/ExpoOrbModule.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOrbModule.web.js","sourceRoot":"","sources":["../src/ExpoOrbModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEvD,MAAM,aAAc,SAAQ,YAAY;CAAG;AAE3C,eAAe,iBAAiB,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC","sourcesContent":["import { registerWebModule, NativeModule } from 'expo';\n\nclass ExpoOrbModule extends NativeModule {}\n\nexport default registerWebModule(ExpoOrbModule, 'ExpoOrbModule');\n"]}

package/build/ExpoOrbView.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ExpoOrbViewProps } from './ExpoOrb.types';
+export default function ExpoOrbView(props: ExpoOrbViewProps): React.JSX.Element;
+//# sourceMappingURL=ExpoOrbView.d.ts.map

package/build/ExpoOrbView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOrbView.d.ts","sourceRoot":"","sources":["../src/ExpoOrbView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKnD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAE1D"}

package/build/ExpoOrbView.js

@@ -0,0 +1,7 @@
+import { requireNativeView } from 'expo';
+import * as React from 'react';
+const NativeView = requireNativeView('ExpoOrb');
+export default function ExpoOrbView(props) {
+    return <NativeView {...props}/>;
+}
+//# sourceMappingURL=ExpoOrbView.js.map

package/build/ExpoOrbView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOrbView.js","sourceRoot":"","sources":["../src/ExpoOrbView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,UAAU,GACd,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAE/B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnC,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\n\nimport { ExpoOrbViewProps } from './ExpoOrb.types';\n\nconst NativeView: React.ComponentType<ExpoOrbViewProps> =\n  requireNativeView('ExpoOrb');\n\nexport default function ExpoOrbView(props: ExpoOrbViewProps) {\n  return <NativeView {...props} />;\n}\n"]}

package/build/ExpoOrbView.web.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ExpoOrbViewProps } from './ExpoOrb.types';
+export default function ExpoOrbView(props: ExpoOrbViewProps): React.JSX.Element;
+//# sourceMappingURL=ExpoOrbView.web.d.ts.map

package/build/ExpoOrbView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOrbView.web.d.ts","sourceRoot":"","sources":["../src/ExpoOrbView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAmB1D"}

package/build/ExpoOrbView.web.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+const defaultColors = ['#22c55e', '#3b82f6', '#ec4899'];
+export default function ExpoOrbView(props) {
+    const colors = Array.isArray(props.backgroundColors) &&
+        props.backgroundColors.every((color) => typeof color === 'string')
+        ? props.backgroundColors
+        : defaultColors;
+    const gradient = `radial-gradient(circle at 30% 30%, ${colors[0]}, ${colors[1] ?? colors[0]}, ${colors[2] ?? colors[1] ?? colors[0]})`;
+    return (<div style={{
+            width: '100%',
+            height: '100%',
+            borderRadius: '9999px',
+            background: gradient,
+            boxShadow: '0 0 30px rgba(255,255,255,0.2)',
+        }}/>);
+}
+//# sourceMappingURL=ExpoOrbView.web.js.map

package/build/ExpoOrbView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoOrbView.web.js","sourceRoot":"","sources":["../src/ExpoOrbView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,aAAa,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC;QAClD,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC;QAClE,CAAC,CAAE,KAAK,CAAC,gBAA6B;QACtC,CAAC,CAAC,aAAa,CAAC;IAElB,MAAM,QAAQ,GAAG,sCAAsC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;IAEvI,OAAO,CACL,CAAC,GAAG,CACF,KAAK,CAAC,CAAC;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,QAAQ;YACtB,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,gCAAgC;SAC5C,CAAC,EACF,CACH,CAAC;AACJ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { ExpoOrbViewProps } from './ExpoOrb.types';\n\nconst defaultColors = ['#22c55e', '#3b82f6', '#ec4899'];\n\nexport default function ExpoOrbView(props: ExpoOrbViewProps) {\n  const colors = Array.isArray(props.backgroundColors) &&\n    props.backgroundColors.every((color) => typeof color === 'string')\n    ? (props.backgroundColors as string[])\n    : defaultColors;\n\n  const gradient = `radial-gradient(circle at 30% 30%, ${colors[0]}, ${colors[1] ?? colors[0]}, ${colors[2] ?? colors[1] ?? colors[0]})`;\n\n  return (\n    <div\n      style={{\n        width: '100%',\n        height: '100%',\n        borderRadius: '9999px',\n        background: gradient,\n        boxShadow: '0 0 30px rgba(255,255,255,0.2)',\n      }}\n    />\n  );\n}\n"]}

package/build/index.d.ts

@@ -0,0 +1,4 @@
+export { default, setOrbActivity } from './ExpoOrbModule';
+export { default as ExpoOrbView } from './ExpoOrbView';
+export * from './ExpoOrb.types';
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAe,iBAAiB,CAAC"}

package/build/index.js

@@ -0,0 +1,4 @@
+export { default, setOrbActivity } from './ExpoOrbModule';
+export { default as ExpoOrbView } from './ExpoOrbView';
+export * from './ExpoOrb.types';
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAe,iBAAiB,CAAC","sourcesContent":["export { default, setOrbActivity } from './ExpoOrbModule';\nexport { default as ExpoOrbView } from './ExpoOrbView';\nexport * from  './ExpoOrb.types';\n"]}

package/expo-module.config.json

@@ -0,0 +1,9 @@
+{
+  "platforms": ["apple", "android", "web"],
+  "apple": {
+    "modules": ["ExpoOrbModule"]
+  },
+  "android": {
+    "modules": ["expo.modules.orb.ExpoOrbModule"]
+  }
+}

package/ios/ExpoOrb.podspec

@@ -0,0 +1,30 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, '..', 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = 'ExpoOrb'
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.platforms      = {
+    :ios => '15.1'
+  }
+  s.swift_version  = '5.9'
+  s.source         = { git: 'https://github.com/enso-works/expo-orb' }
+  s.static_framework = true
+
+  s.frameworks = ['SwiftUI', 'SpriteKit']
+
+  s.dependency 'ExpoModulesCore'
+
+  # Swift/Objective-C compatibility
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+  }
+
+  s.source_files = "**/*.{h,m,mm,swift,hpp,cpp}"
+end

package/ios/ExpoOrbModule.swift

@@ -0,0 +1,70 @@
+import ExpoModulesCore
+import UIKit
+
+public class ExpoOrbModule: Module {
+  public func definition() -> ModuleDefinition {
+    Name("ExpoOrb")
+
+    // Use a Function instead of Prop for activity - bypasses React's prop reconciliation
+    // Dispatch async to avoid blocking the JS thread and causing animation hiccups
+    Function("setActivity") { (activity: Double) in
+      let clampedActivity = max(0, min(1, activity))
+      DispatchQueue.main.async {
+        OrbSharedState.shared.targetActivity = clampedActivity
+      }
+    }
+
+    View(ExpoOrbView.self) {
+      Prop("backgroundColors") { (view: ExpoOrbView, colors: [UIColor]) in
+        view.updateProps { $0.backgroundColors = colors }
+      }
+
+      Prop("glowColor") { (view: ExpoOrbView, color: UIColor) in
+        view.updateProps { $0.glowColor = color }
+      }
+
+      Prop("particleColor") { (view: ExpoOrbView, color: UIColor) in
+        view.updateProps { $0.particleColor = color }
+      }
+
+      Prop("coreGlowIntensity") { (view: ExpoOrbView, value: Double) in
+        view.updateProps { $0.coreGlowIntensity = value }
+      }
+
+      Prop("breathingIntensity") { (view: ExpoOrbView, value: Double) in
+        view.updateProps { $0.breathingIntensity = value }
+      }
+
+      Prop("breathingSpeed") { (view: ExpoOrbView, value: Double) in
+        view.updateProps { $0.breathingSpeed = value }
+      }
+
+      Prop("showBackground") { (view: ExpoOrbView, value: Bool) in
+        view.updateProps { $0.showBackground = value }
+      }
+
+      Prop("showWavyBlobs") { (view: ExpoOrbView, value: Bool) in
+        view.updateProps { $0.showWavyBlobs = value }
+      }
+
+      Prop("showParticles") { (view: ExpoOrbView, value: Bool) in
+        view.updateProps { $0.showParticles = value }
+      }
+
+      Prop("showGlowEffects") { (view: ExpoOrbView, value: Bool) in
+        view.updateProps { $0.showGlowEffects = value }
+      }
+
+      Prop("showShadow") { (view: ExpoOrbView, value: Bool) in
+        view.updateProps { $0.showShadow = value }
+      }
+
+      Prop("speed") { (view: ExpoOrbView, value: Double) in
+        view.updateProps { $0.speed = value }
+      }
+
+      // NOTE: activity is handled via Function("setActivity") instead of Prop
+      // to bypass React's prop reconciliation and prevent view re-renders
+    }
+  }
+}

package/ios/ExpoOrbView.swift

@@ -0,0 +1,105 @@
+import ExpoModulesCore
+import SwiftUI
+
+private final class OrbConfigurationModel: ObservableObject {
+  @Published var configuration: OrbConfiguration
+
+  init(configuration: OrbConfiguration) {
+    self.configuration = configuration
+  }
+}
+
+private struct OrbContainerView: View {
+  @ObservedObject var model: OrbConfigurationModel
+
+  var body: some View {
+    // OrbView reads activity from OrbSharedState directly during animation loop
+    OrbView(configuration: model.configuration, useSharedActivityState: true)
+  }
+}
+
+struct OrbProps {
+  private static let defaultBackgroundColors: [UIColor] = [
+    .systemGreen,
+    .systemBlue,
+    .systemPink,
+  ]
+
+  var backgroundColors: [UIColor] = OrbProps.defaultBackgroundColors
+  var glowColor: UIColor = .white
+  var particleColor: UIColor = .white
+  var coreGlowIntensity: Double = 1.0
+  var breathingIntensity: Double = 0
+  var breathingSpeed: Double = 0.25
+  var showBackground: Bool = true
+  var showWavyBlobs: Bool = true
+  var showParticles: Bool = true
+  var showGlowEffects: Bool = true
+  var showShadow: Bool = true
+  var speed: Double = 60
+
+  func makeConfiguration() -> OrbConfiguration {
+    let resolvedBackgroundColors = backgroundColors.count >= 2
+      ? backgroundColors
+      : OrbProps.defaultBackgroundColors
+    let safeSpeed = max(1, speed)
+    let safeIntensity = max(0, coreGlowIntensity)
+    let safeBreathingIntensity = max(0, breathingIntensity)
+    let safeBreathingSpeed = max(0.05, breathingSpeed)
+
+    return OrbConfiguration(
+      backgroundColors: resolvedBackgroundColors.map { Color(uiColor: $0) },
+      glowColor: Color(uiColor: glowColor),
+      particleColor: Color(uiColor: particleColor),
+      coreGlowIntensity: safeIntensity,
+      showBackground: showBackground,
+      showWavyBlobs: showWavyBlobs,
+      showParticles: showParticles,
+      showGlowEffects: showGlowEffects,
+      showShadow: showShadow,
+      speed: safeSpeed,
+      breathingIntensity: safeBreathingIntensity,
+      breathingSpeed: safeBreathingSpeed
+    )
+  }
+}
+
+class ExpoOrbView: ExpoView {
+  private var props = OrbProps()
+  private let model: OrbConfigurationModel
+  private let hostingController: UIHostingController<OrbContainerView>
+
+  required init(appContext: AppContext? = nil) {
+    let initialConfig = OrbConfiguration()
+    let model = OrbConfigurationModel(configuration: initialConfig)
+    self.model = model
+    self.hostingController = UIHostingController(rootView: OrbContainerView(model: model))
+
+    super.init(appContext: appContext)
+
+    clipsToBounds = false
+    hostingController.view.backgroundColor = .clear
+    hostingController.view.clipsToBounds = false
+    hostingController.view.isOpaque = false
+    hostingController.view.translatesAutoresizingMaskIntoConstraints = false
+    addSubview(hostingController.view)
+
+    NSLayoutConstraint.activate([
+      hostingController.view.leadingAnchor.constraint(equalTo: leadingAnchor),
+      hostingController.view.trailingAnchor.constraint(equalTo: trailingAnchor),
+      hostingController.view.topAnchor.constraint(equalTo: topAnchor),
+      hostingController.view.bottomAnchor.constraint(equalTo: bottomAnchor),
+    ])
+  }
+
+  func updateProps(_ update: (inout OrbProps) -> Void) {
+    update(&props)
+    model.configuration = props.makeConfiguration()
+  }
+
+  func setTargetActivity(_ target: Double) {
+    // Write to shared state - no SwiftUI re-render triggered
+    // OrbView reads this during its animation loop
+    OrbSharedState.shared.targetActivity = max(0, min(1, target))
+  }
+}

package/ios/Orb/OrbConfiguration.swift

@@ -0,0 +1,53 @@
+//
+//  OrbConfiguration.swift
+//  Orb
+//
+//  Created by Siddhant Mehta on 2024-11-08.
+//
+
+import SwiftUI
+
+public struct OrbConfiguration {
+    public let glowColor: Color
+    public let backgroundColors: [Color]
+    public let particleColor: Color
+
+    public let showBackground: Bool
+    public let showWavyBlobs: Bool
+    public let showParticles: Bool
+    public let showGlowEffects: Bool
+    public let showShadow: Bool
+
+    public let coreGlowIntensity: Double
+    public let speed: Double
+    public let breathingIntensity: Double
+    public let breathingSpeed: Double
+
+    public init(
+        backgroundColors: [Color] = [.green, .blue, .pink],
+        glowColor: Color = .white,
+        particleColor: Color = .white,
+        coreGlowIntensity: Double = 1.0,
+        showBackground: Bool = true,
+        showWavyBlobs: Bool = true,
+        showParticles: Bool = true,
+        showGlowEffects: Bool = true,
+        showShadow: Bool = true,
+        speed: Double = 60,
+        breathingIntensity: Double = 0,
+        breathingSpeed: Double = 0.25
+    ) {
+        self.backgroundColors = backgroundColors
+        self.glowColor = glowColor
+        self.particleColor = particleColor
+        self.showBackground = showBackground
+        self.showWavyBlobs = showWavyBlobs
+        self.showParticles = showParticles
+        self.showGlowEffects = showGlowEffects
+        self.showShadow = showShadow
+        self.coreGlowIntensity = coreGlowIntensity
+        self.speed = speed
+        self.breathingIntensity = breathingIntensity
+        self.breathingSpeed = breathingSpeed
+    }
+}