feat: init

example/ui-examples/babel.config.js

@@ -5,19 +5,8 @@ module.exports = function (api) {
   api.cache(true);
   return {
     presets: ['babel-preset-expo'],
+    // modules: false,
     plugins: [
-      // [
-      //   myBabel,
-      //   {
-      //     configPath: path.join(__dirname, './gluestack-ui.config.ts'),
-      //     configThemePath: ['theme'],
-      //     styled: [
-      //       '@gluestack-style/react',
-      //       path.join(__dirname, '../../packages/react/src'),
-      //     ],
-      //     components: ['@gluesatck-ui/themed'],
-      //   },
-      // ],
       [
         'module-resolver',
         {
@@ -58,6 +47,20 @@ module.exports = function (api) {
           },
         },
       ],
+      // '@babel/plugin-transform-runtime',
+      // '@babel/plugin-transform-modules-commonjs',
+      [
+        myBabel,
+        // {
+        // configPath: path.join(__dirname, './gluestack-ui.config.ts'),
+        // configThemePath: ['theme'],
+        // styled: [
+        //   '@gluestack-style/react',
+        //   path.join(__dirname, '../../packages/react/src'),
+        // ],
+        // components: ['@gluesatck-ui/themed'],
+        // },
+      ],
     ],
   };
 };

example/ui-examples/output.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var myConfig = {
+  MyConfigOverride: 'some-other-value',
+  MyConfigOverrideANd: 'some-other-value',
+};
+
+const newConfig = {
+  ...myConfig,
+  MyConfigOverride: 'some-value',
+};
+
+module.exports = newConfig;