react-native-gleam 1.0.0-beta.1

package/package.json

@@ -0,0 +1,150 @@
+{
+  "name": "react-native-gleam",
+  "version": "1.0.0-beta.1",
+  "description": "Native-powered shimmer loading effect for React Native",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-gleam-example",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\""
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "shimmer",
+    "skeleton",
+    "loading",
+    "placeholder",
+    "fabric"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AppAndFlow/react-native-gleam.git"
+  },
+  "author": "David Boutin <david@appandflow.com> (https://github.com/AppAndFlow)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/AppAndFlow/react-native-gleam/issues"
+  },
+  "homepage": "https://github.com/AppAndFlow/react-native-gleam#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.3.2",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.35.0",
+    "@react-native/babel-preset": "0.83.0",
+    "@react-native/eslint-config": "0.83.0",
+    "@testing-library/jest-native": "^5.4.3",
+    "@testing-library/react-native": "^13.3.3",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^19.2.0",
+    "@types/react-test-renderer": "^19",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.35.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "jest": "^30.3.0",
+    "prettier": "^2.8.8",
+    "react": "19.2.0",
+    "react-native": "0.83.0",
+    "react-native-builder-bob": "^0.40.18",
+    "react-test-renderer": "19.2.0",
+    "turbo": "^2.5.6",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "GleamViewSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.gleam"
+    },
+    "ios": {
+      "components": {
+        "GleamView": {
+          "className": "GleamView"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "create-react-native-library": {
+    "type": "fabric-view",
+    "languages": "kotlin-objc",
+    "tools": [
+      "eslint"
+    ],
+    "version": "0.57.2"
+  }
+}

package/src/GleamViewNativeComponent.ts

@@ -0,0 +1,26 @@
+import {
+  codegenNativeComponent,
+  type ColorValue,
+  type ViewProps,
+  type CodegenTypes,
+} from 'react-native';
+
+export interface NativeProps extends ViewProps {
+  loading?: CodegenTypes.WithDefault<boolean, true>;
+  speed?: CodegenTypes.WithDefault<CodegenTypes.Float, 1000>;
+  direction?: CodegenTypes.WithDefault<'ltr' | 'rtl' | 'ttb', 'ltr'>;
+  delay?: CodegenTypes.WithDefault<CodegenTypes.Float, 0>;
+  transitionDuration?: CodegenTypes.WithDefault<CodegenTypes.Float, 300>;
+  transitionType?: CodegenTypes.WithDefault<
+    'fade' | 'shrink' | 'collapse',
+    'fade'
+  >;
+  intensity?: CodegenTypes.WithDefault<CodegenTypes.Float, 1>;
+  baseColor?: ColorValue;
+  highlightColor?: ColorValue;
+  onTransitionEnd?: CodegenTypes.DirectEventHandler<
+    Readonly<{ finished: boolean }>
+  >;
+}
+
+export default codegenNativeComponent<NativeProps>('GleamView');

package/src/index.tsx

@@ -0,0 +1,14 @@
+export { default as GleamView } from './GleamViewNativeComponent';
+export type { NativeProps as GleamViewProps } from './GleamViewNativeComponent';
+
+export enum GleamDirection {
+  LeftToRight = 'ltr',
+  RightToLeft = 'rtl',
+  TopToBottom = 'ttb',
+}
+
+export enum GleamTransition {
+  Fade = 'fade',
+  Shrink = 'shrink',
+  Collapse = 'collapse',
+}