feat: updating working

Author: marklawlor

cpp/ShadowTreeUpdateManager.cpp

@@ -129,15 +129,18 @@ namespace margelo {
                     obs = Observable<UpdatesMap>::create(UpdatesMap{});
                 }
 
-                // Convert each style entry into a dynamic update object
-                folly::dynamic payload = folly::dynamic::array();
-                payload.reserve(styleEntries.size());
+                // Convert each style entry into a dynamic update object (merged into a single object per tag)
+                folly::dynamic payload = folly::dynamic::object();
                 for (const auto &p: styleEntries) {
                     if (!p) {
-                        payload.push_back(folly::dynamic::object());
                         continue;
                     }
-                    payload.push_back(styleEntryToUpdate(*link.runtime, *p));
+                    auto obj = styleEntryToUpdate(*link.runtime, *p);
+                    if (obj.isObject()) {
+                        for (auto &kv: obj.items()) {
+                            payload[kv.first] = std::move(kv.second);
+                        }
+                    }
                 }
 
                 UpdatesMap cur = obs->get();

example/src/App.tsx

@@ -1,20 +1,20 @@
-import { View, StyleSheet, processColor } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import { multiply, StyleRegistry } from 'react-native-css-nitro';
 import { Text } from 'react-native-css-nitro/components/Text';
 
-// StyleRegistry.set('text-red-500', { s: [], d: [{ color: 4278190335 }] });
 StyleRegistry.set('text-red-500', { s: [], d: [{ color: 'red' }] });
 
-console.log({ red: processColor('red') });
-
 export default function App() {
   return (
     <View style={styles.container}>
       <Text
         className="text-red-500"
         onPress={() => {
           console.log('Pressed!');
-          StyleRegistry.set('text-red-500', { s: [], d: [{ fontSize: 30 }] });
+          StyleRegistry.set('text-red-500', {
+            s: [],
+            d: [{ color: 'blue', fontSize: 40 }],
+          });
         }}
       >
         Multiply: {multiply(3, 7)}