@mapples/app 1.0.0

package/README.md

@@ -0,0 +1,349 @@
+# @mapples/app
+
+A React Native component library that provides the core Mapples ecosystem functionality. This package includes the main MapplesApp component and utility functions for asset management and font loading.
+
+## Features
+
+- 🚀 **Core Mapples Integration**: Main entry point for the Mapples ecosystem
+- 📱 **Font Loading**: Automatic font loading with expo-font integration
+- 🎨 **Style Provider**: Built-in styling system integration
+- 🧩 **Render Provider**: Dynamic component rendering capabilities
+- 📦 **Asset Management**: Utility functions for processing Mapples asset references
+- 🔧 **TypeScript Support**: Full TypeScript support with comprehensive type definitions
+- ⚛️ **React Integration**: Seamless integration with React Native applications
+
+## Installation
+
+```bash
+npm install @mapples/app
+# or
+yarn add @mapples/app
+```
+
+## Usage
+
+### Basic Setup
+
+Wrap your app with the `MapplesApp` component to enable the Mapples ecosystem:
+
+```tsx
+import React from 'react';
+import MapplesApp from '@mapples/app';
+
+function App() {
+  return (
+    <MapplesApp>
+      {/* Your app components */}
+    </MapplesApp>
+  );
+}
+
+export default App;
+```
+
+### With Custom Configuration
+
+```tsx
+import React from 'react';
+import MapplesApp from '@mapples/app';
+
+function App() {
+  return (
+    <MapplesApp
+      showFontLoadingIndicator={true}
+      FontLoadingIndicator={<LoadingSpinner />}
+    >
+      {/* Your app components */}
+    </MapplesApp>
+  );
+}
+
+export default App;
+```
+
+### With Custom Assets and Styles
+
+```tsx
+import React from 'react';
+import MapplesApp from '@mapples/app';
+
+const customAssets = {
+  'ref(font:123:CustomFont.ttf)': require('./fonts/CustomFont.ttf'),
+  'ref(image:456:logo.png)': require('./images/logo.png'),
+};
+
+const customStyle = {
+  // Your custom style configuration
+};
+
+function App() {
+  return (
+    <MapplesApp
+      assets={customAssets}
+      style={customStyle}
+    >
+      {/* Your app components */}
+    </MapplesApp>
+  );
+}
+
+export default App;
+```
+
+## API Reference
+
+### MapplesApp
+
+The main component that provides the core Mapples ecosystem functionality.
+
+**Props:**
+
+- `children` - Child components
+- `style?` - Optional custom style configuration to override the default Mapples styling
+- `assets?` - Optional custom assets configuration to override the default Mapples assets
+- `showFontLoadingIndicator?` - Whether to show a loading indicator while fonts are loading
+- `FontLoadingIndicator?` - Custom loading indicator component to display while fonts are loading
+
+**Example:**
+
+```tsx
+<MapplesApp
+  showFontLoadingIndicator={true}
+  FontLoadingIndicator={<ActivityIndicator size="large" />}
+>
+  <YourAppContent />
+</MapplesApp>
+```
+
+### Utility Functions
+
+#### `normalizeKey(key)`
+
+Normalizes a reference key by extracting type, id, and name information.
+
+**Parameters:**
+
+- `key` - The reference key to normalize, either in `ref(type:id:name)` format or a plain string
+
+**Returns:**
+
+- An object containing the parsed type, id, and normalized name, or undefined if the key format is invalid
+
+**Example:**
+
+```typescript
+import { normalizeKey } from '@mapples/app';
+
+const result = normalizeKey('ref(font:123:MyFont.ttf)');
+// Returns: { type: 'font', id: '123', name: 'MyFont' }
+```
+
+#### `remapFonts(assets)`
+
+Remaps font assets from the Mapples asset configuration format to a format compatible with expo-font.
+
+**Parameters:**
+
+- `assets` - The assets configuration object containing font references
+
+**Returns:**
+
+- A new object containing only the font assets in expo-font compatible format
+
+**Example:**
+
+```typescript
+import { remapFonts } from '@mapples/app';
+
+const assets = {
+  'ref(font:123:MyFont.ttf)': require('./fonts/MyFont.ttf'),
+  'ref(image:456:logo.png)': require('./images/logo.png'),
+};
+
+const fonts = remapFonts(assets);
+// Returns: { MyFont: require('./fonts/MyFont.ttf') }
+```
+
+## Advanced Usage
+
+### Custom Font Loading
+
+```tsx
+import React from 'react';
+import MapplesApp, { remapFonts } from '@mapples/app';
+
+const customAssets = {
+  'ref(font:123:CustomFont.ttf)': require('./fonts/CustomFont.ttf'),
+  'ref(font:124:AnotherFont.ttf)': require('./fonts/AnotherFont.ttf'),
+};
+
+function App() {
+  return (
+    <MapplesApp assets={customAssets}>
+      <YourAppContent />
+    </MapplesApp>
+  );
+}
+```
+
+### Asset Processing
+
+```tsx
+import { normalizeKey, remapFonts } from '@mapples/app';
+
+// Process individual asset keys
+const assetKey = 'ref(font:123:MyFont.ttf)';
+const normalized = normalizeKey(assetKey);
+console.log(normalized); // { type: 'font', id: '123', name: 'MyFont' }
+
+// Process entire asset configuration
+const assets = {
+  'ref(font:123:MyFont.ttf)': require('./fonts/MyFont.ttf'),
+  'ref(image:456:logo.png)': require('./images/logo.png'),
+};
+
+const fonts = remapFonts(assets);
+console.log(fonts); // { MyFont: require('./fonts/MyFont.ttf') }
+```
+
+### Integration with Other Mapples Packages
+
+The MapplesApp component automatically integrates with other Mapples packages:
+
+```tsx
+import React from 'react';
+import MapplesApp from '@mapples/app';
+import { useForm } from '@mapples/form';
+import { useDnD } from '@mapples/dnd';
+
+function App() {
+  return (
+    <MapplesApp>
+      <FormExample />
+      <DnDExample />
+    </MapplesApp>
+  );
+}
+
+function FormExample() {
+  const form = useForm();
+  // Form functionality is available
+  return <div>Form content</div>;
+}
+
+function DnDExample() {
+  const { isDragging } = useDnD();
+  // Drag and drop functionality is available
+  return <div>DnD content</div>;
+}
+```
+
+## TypeScript Support
+
+This package is written in TypeScript and provides full type safety. All APIs are documented with TSDoc comments for excellent IDE support and IntelliSense.
+
+### Type Definitions
+
+```typescript
+interface MapplesAppProps {
+  style?: StyleContextType;
+  assets?: AnyObject;
+  showFontLoadingIndicator?: boolean;
+  FontLoadingIndicator?: JSX.Element;
+}
+```
+
+## Best Practices
+
+1. **Always wrap your app**: Use MapplesApp as the root component to ensure all Mapples functionality is available
+
+2. **Font loading**: Consider using `showFontLoadingIndicator` for better user experience during font loading
+
+3. **Asset organization**: Keep your asset references organized and use the utility functions for processing
+
+4. **Performance**: The component handles font loading efficiently and only re-renders when necessary
+
+5. **Testing**: Test your app with different asset configurations to ensure proper loading
+
+## Metro Configuration
+
+This package requires Metro configuration to work properly with Expo applications. Update your `metro.config.js`:
+
+```javascript
+const { getDefaultConfig } = require('expo/metro-config');
+const { mapplesResolver } = require('@mapples/app/expo');
+
+module.exports = (() => {
+  const config = getDefaultConfig(__dirname);
+
+  const { transformer, resolver } = config;
+
+  config.transformer = {
+    ...transformer,
+    babelTransformerPath: require.resolve('react-native-svg-transformer/expo'),
+  };
+  config.resolver = {
+    ...resolver,
+    assetExts: resolver.assetExts.filter((ext) => ext !== 'svg'),
+    sourceExts: [...resolver.sourceExts, 'svg'],
+  };
+
+  config.resolver.resolveRequest = mapplesResolver(
+    (context, moduleName, platform) => {
+      // add your custom resolvers here
+      return context.resolveRequest(context, moduleName, platform);
+    },
+  );
+
+  return config;
+})();
+```
+
+### Dependencies
+
+Make sure you have the required dependencies installed:
+
+```bash
+npm install react-native-svg react-native-svg-transformer
+# or
+yarn add react-native-svg react-native-svg-transformer
+```
+
+For more information about SVG transformation, see the [react-native-svg-transformer documentation](https://github.com/kristerkari/react-native-svg-transformer).
+
+## Development
+
+### Building the Package
+
+```bash
+npm run build
+```
+
+### Type Checking
+
+```bash
+npm run type-check
+```
+
+### Linting
+
+```bash
+npm run lint
+```
+
+## Contributing
+
+Contributions are welcome! Please ensure that:
+
+1. All new APIs include comprehensive TSDoc documentation
+2. TypeScript types are properly defined
+3. Tests are added for new functionality
+4. The README is updated for any new features
+
+## License
+
+MIT License - see LICENSE file for details.
+
+## Author
+
+Oleksandr Soloviov - [mapples.org](https://mapples.org/people/olek_soloviov)

package/dist/MapplesApp.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=MapplesApp.d.ts.map

package/dist/MapplesApp.d.ts.map

@@ -0,0 +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"}

package/dist/MapplesApp.js

@@ -0,0 +1,64 @@
+import { RenderProvider } from '@mapples/render';
+import { StyleProvider, Styler } from '@mapples/style';
+import { Components } from '@mapples/ui';
+import { useFonts } from 'expo-font';
+// @ts-ignore
+// eslint-disable-next-line import/no-unresolved
+import assetsConfig from 'mapples::assets';
+// @ts-ignore
+// eslint-disable-next-line import/no-unresolved
+import styleConfig from 'mapples::style';
+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 || assetsConfig));
+    if (!loaded && showFontLoadingIndicator) {
+        return FontLoadingIndicator || null;
+    }
+    return (<StyleProvider style={Styler.init(style || styleConfig)}>
+      <RenderProvider components={Components} assets={assets || assetsConfig}>
+        {children}
+      </RenderProvider>
+    </StyleProvider>);
+};
+export default MapplesApp;
+//# sourceMappingURL=MapplesApp.js.map

package/dist/MapplesApp.js.map

@@ -0,0 +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"}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @mapples/app
+ *
+ * A React Native component library that provides the core Mapples ecosystem functionality.
+ * This package includes the main MapplesApp component and utility functions for asset management.
+ *
+ * @packageDocumentation
+ */
+export { default } from './MapplesApp';
+export type { MapplesAppProps } from './MapplesApp';
+export { normalizeKey, remapFonts } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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"}

package/dist/index.js

@@ -0,0 +1,11 @@
+/**
+ * @mapples/app
+ *
+ * A React Native component library that provides the core Mapples ecosystem functionality.
+ * This package includes the main MapplesApp component and utility functions for asset management.
+ *
+ * @packageDocumentation
+ */
+export { default } from './MapplesApp';
+export { normalizeKey, remapFonts } from './utils';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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"}

package/dist/utils.d.ts

@@ -0,0 +1,49 @@
+import { AnyObject } from '@mapples/render';
+/**
+ * Normalizes a reference key by extracting type, id, and name information.
+ *
+ * This function parses reference keys in the format `ref(type:id:name)` and extracts
+ * the individual components. It's used internally for processing asset references.
+ *
+ * @param key - The reference key to normalize, either in `ref(type:id:name)` format or a plain string
+ * @returns An object containing the parsed type, id, and normalized name, or undefined if the key format is invalid
+ *
+ * @example
+ * ```typescript
+ * const result = normalizeKey('ref(font:123:MyFont.ttf)');
+ * // Returns: { type: 'font', id: '123', name: 'MyFont' }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * const result = normalizeKey('plain-string');
+ * // Returns: undefined (invalid format)
+ * ```
+ */
+export declare const normalizeKey: (key: `ref(${string}:${string}:${string})` | string) => {
+    type: string;
+    id: string;
+    name: string;
+} | undefined;
+/**
+ * Remaps font assets from the Mapples asset configuration format to a format compatible with expo-font.
+ *
+ * This function processes the assets object and extracts only font-type assets, converting them
+ * from the Mapples reference format to a simple key-value mapping that expo-font can use.
+ *
+ * @param assets - The assets configuration object containing font references
+ * @returns A new object containing only the font assets in expo-font compatible format
+ *
+ * @example
+ * ```typescript
+ * const assets = {
+ *   'ref(font:123:MyFont.ttf)': require('./fonts/MyFont.ttf'),
+ *   'ref(image:456:logo.png)': require('./images/logo.png'),
+ * };
+ *
+ * const fonts = remapFonts(assets);
+ * // Returns: { MyFont: require('./fonts/MyFont.ttf') }
+ * ```
+ */
+export declare const remapFonts: (assets: AnyObject) => {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,GACvB,KAAK,OAAO,MAAM,IAAI,MAAM,IAAI,MAAM,GAAG,GAAG,MAAM;;;;aAmBnD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,GAAI,QAAQ,SAAS,OAsB3C,CAAC"}

package/dist/utils.js

@@ -0,0 +1,74 @@
+import { keys, reduce } from 'lodash';
+/**
+ * Normalizes a reference key by extracting type, id, and name information.
+ *
+ * This function parses reference keys in the format `ref(type:id:name)` and extracts
+ * the individual components. It's used internally for processing asset references.
+ *
+ * @param key - The reference key to normalize, either in `ref(type:id:name)` format or a plain string
+ * @returns An object containing the parsed type, id, and normalized name, or undefined if the key format is invalid
+ *
+ * @example
+ * ```typescript
+ * const result = normalizeKey('ref(font:123:MyFont.ttf)');
+ * // Returns: { type: 'font', id: '123', name: 'MyFont' }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * const result = normalizeKey('plain-string');
+ * // Returns: undefined (invalid format)
+ * ```
+ */
+export const normalizeKey = (key) => {
+    let normalizedKey = key;
+    if (!key.startsWith('ref(') || !key.endsWith(')')) {
+        return;
+    }
+    const cleanValue = key.slice(4, -1);
+    const [type, id, name] = cleanValue.split(':');
+    const [fileName] = name.split('.');
+    normalizedKey = fileName;
+    return {
+        type,
+        id,
+        name: normalizedKey,
+    };
+};
+/**
+ * Remaps font assets from the Mapples asset configuration format to a format compatible with expo-font.
+ *
+ * This function processes the assets object and extracts only font-type assets, converting them
+ * from the Mapples reference format to a simple key-value mapping that expo-font can use.
+ *
+ * @param assets - The assets configuration object containing font references
+ * @returns A new object containing only the font assets in expo-font compatible format
+ *
+ * @example
+ * ```typescript
+ * const assets = {
+ *   'ref(font:123:MyFont.ttf)': require('./fonts/MyFont.ttf'),
+ *   'ref(image:456:logo.png)': require('./images/logo.png'),
+ * };
+ *
+ * const fonts = remapFonts(assets);
+ * // Returns: { MyFont: require('./fonts/MyFont.ttf') }
+ * ```
+ */
+export const remapFonts = (assets) => {
+    return reduce(keys(assets), (acc, key) => {
+        const normalizedKey = normalizeKey(key);
+        if (!normalizedKey) {
+            return acc;
+        }
+        const { type, name } = normalizedKey;
+        if (type !== 'font') {
+            return acc;
+        }
+        return {
+            ...acc,
+            [name]: assets[key],
+        };
+    }, {});
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,GAAkD,EAClD,EAAE;IACF,IAAI,aAAa,GAAW,GAAG,CAAC;IAChC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAClD,OAAO;IACT,CAAC;IAED,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEpC,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEnC,aAAa,GAAG,QAAQ,CAAC;IAEzB,OAAO;QACL,IAAI;QACJ,EAAE;QACF,IAAI,EAAE,aAAa;KACpB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAiB,EAAE,EAAE;IAC9C,OAAO,MAAM,CACX,IAAI,CAAC,MAAM,CAAC,EACZ,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACX,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,GAAG,CAAC;QACb,CAAC;QAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC;QAErC,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,OAAO,GAAG,CAAC;QACb,CAAC;QAED,OAAO;YACL,GAAG,GAAG;YACN,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC;SACpB,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@mapples/app",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc -b tsconfig.build.json",
+    "watch": "tsc -b --watch tsconfig.build.json",
+    "lint": "eslint .",
+    "type-check": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "author": {
+    "name": "Oleksandr Soloviov",
+    "url": "https://mapples.org/people/olek_soloviov"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mapplesorg/mapples-open-kit.git",
+    "directory": "packages/@mapples/app"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0 <20.0.0",
+    "react-native": ">=0.71.0"
+  },
+  "devDependencies": {
+    "typescript": "~5.9.2"
+  },
+  "files": [
+    "dist",
+    "app.plugin.js",
+    "README.md",
+    "package.json"
+  ]
+}