Skip to content

Commit

Permalink
skeleto
Browse files Browse the repository at this point in the history
  • Loading branch information
nandorojo committed Mar 1, 2023
1 parent 17fb398 commit dc42c1f
Show file tree
Hide file tree
Showing 6 changed files with 85 additions and 18 deletions.
8 changes: 8 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.



**Note:** Version bump only for package moti





# [0.24.0](https://github.com/nandorojo/moti/compare/v0.23.7...v0.24.0) (2023-03-01)


Expand Down
57 changes: 46 additions & 11 deletions docs/docs/skeleton.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -28,31 +28,66 @@ export default Loader

## Install

Prior to version `0.17.0`, the skeleton was installed as its own package. This is no longer the case.

If you have `@motify/skeleton` in your `package.json`, be sure to delete it and upgrade `moti`.

[See the PR](https://github.com/nandorojo/moti/pull/136).

### Peer dependency
### Expo Users

You'll also want to install `expo-linear-gradient`.

_Please note that you must have Reanimated 2 installed. See [installation](/installation) steps for more info._

### If you're using Expo:

```bash
expo install expo-linear-gradient
```

### If you aren't using Expo:
### Non-Expo users

If you aren't using Expo, you can either use the `expo-linear-gradient` package, or `react-native-linear-gradient`.

#### Option 1: `expo-linear-gradient`

```bash npm2yarn
npm install expo-linear-gradient
```

Please make sure you complete any installation steps required for Expo's [linear gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) component.
Keep in mind you'll need to also install `expo-modules-core`. Please make sure you complete any installation steps required for Expo's [linear gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) component.

#### Option 2: `react-native-linear-gradient`

<details>
<summary><strong>Click here to use <code>react-native-linear-gradient</code></strong></summary>

First, install the module resolver plugin:

```npm2yarn
npm install babel-plugin-module-resolver
```

Next, add this to your app's `babel.config.js`'s `plugins` array.

```js
// babel.config.js
module.exports = function (api) {
api.cache(true)
return {
plugins: [
[
'module-resolver',
{
root: ['./'],
alias: {
'moti/skeleton': 'moti/skeleton/react-native-linear-gradient',
},
},
],
],
}
}
```

This assumes you've installed `react-native-linear-gradient` and followed any of its installation requirements.

Your skeletons will now use `react-native-linear-gradient`. You can continue importing from `moti/skeleton`.

</details>

## Video

Expand Down
8 changes: 8 additions & 0 deletions examples/with-expo/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.



**Note:** Version bump only for package with-expo





# [0.24.0](https://github.com/nandorojo/moti/compare/v0.23.7...v0.24.0) (2023-03-01)

**Note:** Version bump only for package with-expo
Expand Down
8 changes: 8 additions & 0 deletions examples/with-next/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.



**Note:** Version bump only for package next-dripsy-example





# [0.24.0](https://github.com/nandorojo/moti/compare/v0.23.7...v0.24.0) (2023-03-01)

**Note:** Version bump only for package next-dripsy-example
Expand Down
14 changes: 7 additions & 7 deletions lerna-debug.log
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
74 error Error: A GH_TOKEN environment variable is required.
74 error at createGitHubClient (/Users/fernandorojo/Developer/madison-green/moti/node_modules/@lerna/github-client/lib/github-client.js:17:11)
74 error at createClient (/Users/fernandorojo/Developer/madison-green/moti/node_modules/@lerna/version/lib/create-release.js:16:14)
74 error at createRelease (/Users/fernandorojo/Developer/madison-green/moti/node_modules/@lerna/version/lib/create-release.js:25:18)
74 error at /Users/fernandorojo/Developer/madison-green/moti/node_modules/@lerna/version/index.js:282:9
74 error at /Users/fernandorojo/Developer/madison-green/moti/node_modules/p-waterfall/index.js:4:73
74 error at /Users/fernandorojo/Developer/madison-green/moti/node_modules/p-reduce/index.js:16:10
70 error Error: A GH_TOKEN environment variable is required.
70 error at createGitHubClient (/Users/fernandorojo/Developer/q1-2023/moti/node_modules/@lerna/github-client/lib/github-client.js:17:11)
70 error at createClient (/Users/fernandorojo/Developer/q1-2023/moti/node_modules/@lerna/version/lib/create-release.js:16:14)
70 error at createRelease (/Users/fernandorojo/Developer/q1-2023/moti/node_modules/@lerna/version/lib/create-release.js:25:18)
70 error at /Users/fernandorojo/Developer/q1-2023/moti/node_modules/@lerna/version/index.js:282:9
70 error at /Users/fernandorojo/Developer/q1-2023/moti/node_modules/p-waterfall/index.js:4:73
70 error at /Users/fernandorojo/Developer/q1-2023/moti/node_modules/p-reduce/index.js:16:10
8 changes: 8 additions & 0 deletions packages/moti/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.



**Note:** Version bump only for package moti





# [0.24.0](https://github.com/nandorojo/moti/compare/v0.23.7...v0.24.0) (2023-03-01)


Expand Down

0 comments on commit dc42c1f

Please sign in to comment.