@mapples/app 1.0.0 → 1.0.2

package/README.md

@@ -92,9 +92,9 @@ export default App;
 
 ## API Reference
 
-### MapplesApp
+### MapplesApp (default export)
 
-The main component that provides the core Mapples ecosystem functionality.
+The main component that provides the core Mapples ecosystem functionality. It wraps the app with `StyleProvider` and `RenderProvider` (using `@mapples/ui` components and optional `assets`), and handles font loading via `expo-font`.
 
 **Props:**
 
@@ -115,6 +115,18 @@ The main component that provides the core Mapples ecosystem functionality.
 </MapplesApp>
 ```
 
+### MapplesAppProvider
+
+Alias for the same component as `MapplesApp`. Use either the default import or `MapplesAppProvider` when you want to make the provider role explicit.
+
+```tsx
+import MapplesApp, { MapplesAppProvider } from '@mapples/app';
+
+// These are equivalent:
+<MapplesApp assets={assets} style={style}>{children}</MapplesApp>
+<MapplesAppProvider assets={assets} style={style}>{children}</MapplesAppProvider>
+```
+
 ### Utility Functions
 
 #### `normalizeKey(key)`

package/dist/MapplesApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapplesApp.d.ts","sourceRoot":"","sources":["../src/MapplesApp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAkB,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAyB,MAAM,gBAAgB,CAAC;AAYzE;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,kFAAkF;IAClF,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,kFAAkF;IAClF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kEAAkE;IAClE,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAoBtD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"MapplesApp.d.ts","sourceRoot":"","sources":["../src/MapplesApp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,SAAS,EAAkB,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAyB,MAAM,gBAAgB,CAAC;AAYzE;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,kFAAkF;IAClF,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,kFAAkF;IAClF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kEAAkE;IAClE,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAuBtD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/MapplesApp.js

@@ -1,6 +1,7 @@
+import { Components } from '@mapples/components';
 import { RenderProvider } from '@mapples/render';
 import { StyleProvider, Styler } from '@mapples/style';
-import { Components } from '@mapples/ui';
+import { UIComponents } from '@mapples/ui';
 import { useFonts } from 'expo-font';
 // @ts-ignore
 // eslint-disable-next-line import/no-unresolved
@@ -55,7 +56,7 @@ const MapplesApp = ({ children, style, assets, showFontLoadingIndicator, FontLoa
         return FontLoadingIndicator || null;
     }
     return (<StyleProvider style={Styler.init(style || styleConfig)}>
-      <RenderProvider components={Components} assets={assets || assetsConfig}>
+      <RenderProvider components={{ ...Components, ...UIComponents }} assets={assets || assetsConfig}>
         {children}
       </RenderProvider>
     </StyleProvider>);

package/dist/MapplesApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapplesApp.js","sourceRoot":"","sources":["../src/MapplesApp.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAoB,aAAa,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,aAAa;AACb,gDAAgD;AAChD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,aAAa;AACb,gDAAgD;AAChD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAkBrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,UAAU,GAA2C,CAAC,EAC1D,QAAQ,EACR,KAAK,EACL,MAAM,EACN,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,IAAI,YAAY,CAAC,CAAC,CAAC;IAE9D,IAAI,CAAC,MAAM,IAAI,wBAAwB,EAAE,CAAC;QACxC,OAAO,oBAAoB,IAAI,IAAI,CAAC;IACtC,CAAC;IAED,OAAO,CACL,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC,CACtD;MAAA,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,CACrE;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,cAAc,CAClB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"MapplesApp.js","sourceRoot":"","sources":["../src/MapplesApp.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAa,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAoB,aAAa,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,aAAa;AACb,gDAAgD;AAChD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,aAAa;AACb,gDAAgD;AAChD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAkBrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,UAAU,GAA2C,CAAC,EAC1D,QAAQ,EACR,KAAK,EACL,MAAM,EACN,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,IAAI,YAAY,CAAC,CAAC,CAAC;IAE9D,IAAI,CAAC,MAAM,IAAI,wBAAwB,EAAE,CAAC;QACxC,OAAO,oBAAoB,IAAI,IAAI,CAAC;IACtC,CAAC;IAED,OAAO,CACL,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC,CACtD;MAAA,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC,CAC/C,MAAM,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,CAE/B;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,cAAc,CAClB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/MapplesAppProvider.d.ts

@@ -0,0 +1,61 @@
+import { FC, PropsWithChildren, JSX } from 'react';
+import { AnyObject } from '@mapples/render';
+import { StyleContextType } from '@mapples/style';
+/**
+ * Props for the MapplesApp component.
+ *
+ * @interface MapplesAppProps
+ */
+export interface MapplesAppProps {
+    /** Optional custom style configuration to override the default Mapples styling */
+    style: StyleContextType;
+    /** Optional custom assets configuration to override the default Mapples assets */
+    assets: AnyObject;
+    /** Whether to show a loading indicator while fonts are loading */
+    showFontLoadingIndicator?: boolean;
+    /** Custom loading indicator component to display while fonts are loading */
+    FontLoadingIndicator?: JSX.Element;
+}
+/**
+ * The main MapplesApp component that provides the core Mapples ecosystem functionality.
+ *
+ * This component sets up the essential providers for styling, rendering, and asset management
+ * that are required for all Mapples applications. It handles font loading and provides
+ * a unified entry point for the Mapples ecosystem.
+ *
+ * @component
+ * @param props - The component props
+ * @returns The configured Mapples app with all necessary providers
+ *
+ * @example
+ * ```tsx
+ * import MapplesApp from '@mapples/app';
+ *
+ * function App() {
+ *   return (
+ *     <MapplesApp>
+ *       <YourAppContent />
+ *     </MapplesApp>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import MapplesApp from '@mapples/app';
+ *
+ * function App() {
+ *   return (
+ *     <MapplesApp
+ *       showFontLoadingIndicator={true}
+ *       FontLoadingIndicator={<LoadingSpinner />}
+ *     >
+ *       <YourAppContent />
+ *     </MapplesApp>
+ *   );
+ * }
+ * ```
+ */
+declare const MapplesApp: FC<PropsWithChildren<MapplesAppProps>>;
+export default MapplesApp;
+//# sourceMappingURL=MapplesAppProvider.d.ts.map

package/dist/MapplesAppProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapplesAppProvider.d.ts","sourceRoot":"","sources":["../src/MapplesAppProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,SAAS,EAAkB,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAyB,MAAM,gBAAgB,CAAC;AAMzE;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,kFAAkF;IAClF,KAAK,EAAE,gBAAgB,CAAC;IACxB,kFAAkF;IAClF,MAAM,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAuBtD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/MapplesAppProvider.js

@@ -0,0 +1,59 @@
+import { Components } from '@mapples/components';
+import { RenderProvider } from '@mapples/render';
+import { StyleProvider, Styler } from '@mapples/style';
+import { UIComponents } from '@mapples/ui';
+import { useFonts } from 'expo-font';
+import { remapFonts } from './utils';
+/**
+ * The main MapplesApp component that provides the core Mapples ecosystem functionality.
+ *
+ * This component sets up the essential providers for styling, rendering, and asset management
+ * that are required for all Mapples applications. It handles font loading and provides
+ * a unified entry point for the Mapples ecosystem.
+ *
+ * @component
+ * @param props - The component props
+ * @returns The configured Mapples app with all necessary providers
+ *
+ * @example
+ * ```tsx
+ * import MapplesApp from '@mapples/app';
+ *
+ * function App() {
+ *   return (
+ *     <MapplesApp>
+ *       <YourAppContent />
+ *     </MapplesApp>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import MapplesApp from '@mapples/app';
+ *
+ * function App() {
+ *   return (
+ *     <MapplesApp
+ *       showFontLoadingIndicator={true}
+ *       FontLoadingIndicator={<LoadingSpinner />}
+ *     >
+ *       <YourAppContent />
+ *     </MapplesApp>
+ *   );
+ * }
+ * ```
+ */
+const MapplesApp = ({ children, style, assets, showFontLoadingIndicator, FontLoadingIndicator, }) => {
+    const [loaded] = useFonts(remapFonts(assets));
+    if (!loaded && showFontLoadingIndicator) {
+        return FontLoadingIndicator || null;
+    }
+    return (<StyleProvider style={Styler.init(style)}>
+      <RenderProvider components={{ ...Components, ...UIComponents }} assets={assets}>
+        {children}
+      </RenderProvider>
+    </StyleProvider>);
+};
+export default MapplesApp;
+//# sourceMappingURL=MapplesAppProvider.js.map

package/dist/MapplesAppProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapplesAppProvider.js","sourceRoot":"","sources":["../src/MapplesAppProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAa,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAoB,aAAa,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAkBrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,UAAU,GAA2C,CAAC,EAC1D,QAAQ,EACR,KAAK,EACL,MAAM,EACN,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9C,IAAI,CAAC,MAAM,IAAI,wBAAwB,EAAE,CAAC;QACxC,OAAO,oBAAoB,IAAI,IAAI,CAAC;IACtC,CAAC;IAED,OAAO,CACL,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CACvC;MAAA,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC,CAC/C,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,cAAc,CAClB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/index.d.ts

@@ -9,4 +9,5 @@
 export { default } from './MapplesApp';
 export type { MapplesAppProps } from './MapplesApp';
 export { normalizeKey, remapFonts } from './utils';
+export { default as MapplesAppProvider } from './MapplesAppProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -8,4 +8,5 @@
  */
 export { default } from './MapplesApp';
 export { normalizeKey, remapFonts } from './utils';
+export { default as MapplesAppProvider } from './MapplesAppProvider';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/expo/index.js

@@ -0,0 +1,34 @@
+const fs = require('fs');
+const path = require('path');
+
+const mapplesResolver = (resolver) => (context, moduleName, platform) => {
+  if (moduleName === 'mapples::style') {
+    const config = JSON.parse(
+      fs.readFileSync(path.resolve('./.mapplesrc.json'), 'utf-8'),
+    );
+    const stylePath = path.resolve(
+      `./${config.sourceDir}/${config.dirs.style}/style.json`,
+    );
+
+    return context.resolveRequest(context, stylePath, platform);
+  }
+
+  if (moduleName === 'mapples::assets') {
+    const config = JSON.parse(
+      fs.readFileSync(path.resolve('./.mapplesrc.json'), 'utf-8'),
+    );
+    const assetsPath = path.resolve(
+      `./${config.sourceDir}/${config.dirs.assets}/assetMap`,
+    );
+
+    return context.resolveRequest(context, assetsPath, platform);
+  }
+
+  if (resolver) {
+    return resolver(context, moduleName, platform);
+  }
+
+  return context.resolveRequest(context, moduleName, platform);
+};
+
+module.exports = { mapplesResolver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapples/app",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -31,6 +31,7 @@
     "dist",
     "app.plugin.js",
     "README.md",
-    "package.json"
+    "package.json",
+    "expo/index.js"
   ]
 }