open-index/open-npm huggingface dataset:
npm package: @fresent/n8n-nodes-tiktok
Description: n8n nodes for implementation for TikTok API
Author: Fresent LLC
Latest version: 0.1.18

# n8n-nodes-tiktok

This is an n8n community node that lets you use TikTok in your n8n workflows.

TikTok is a popular social media platform for creating, sharing, and discovering short videos. The TikTok Content Posting API allows developers to automate the process of posting content to TikTok directly from their applications.

[n8n](https://n8n.io/) is a [fair-code licensed](https://docs.n8n.io/reference/license/) workflow automation platform.

[Installation](#installation)  
[Operations](#operations)  
[Credentials](#credentials)  
[Compatibility](#compatibility)  
[Usage](#usage)  
[Resources](#resources)  
[Version history](#version-history)

## Installation

Follow the [installation guide](https://docs.n8n.io/integrations/community-nodes/installation/) in the n8n community nodes documentation.

## Operations

The TikTok node supports the following operations:
- **Video Post**: Upload or delete a video to/from TikTok.
- **Photo Post**: Upload a photo to TikTok.

## Credentials

To use this node, you need to authenticate with TikTok via OAuth2.  
1. Create a TikTok Developer account and register an app.
2. Add the **Content Posting API** product to your app.
3. Obtain the required OAuth2 credentials for the app and configure them in n8n.
4. Ensure your app has been approved for the `video.upload` and `video.publish` scopes.

For detailed instructions on obtaining the credentials, refer to the [TikTok API Documentation](https://developers.tiktok.com/doc/oauth-user-access-token-management).

## Compatibility

- Minimum n8n version: 0.154.0
- Tested against TikTok API versions from 2023.

No known incompatibility issues at this time.

## Usage

This node allows you to automate content posting to TikTok by uploading videos or photos directly to TikTok via the Content Posting API. You can configure your workflows to handle uploads, drafts, or deletion of content programmatically.

For new users, check out the [Try it out](https://docs.n8n.io/try-it-out/) guide for general n8n workflow usage.

## Dev Usage
To link to a local n8n instance: (if dev workspace is ~/work/ )
pnpm link ~/work/n8n-nodes-tiktok/

To publish a new release:
pnpm publish  --access public

## Resources

* [n8n community nodes documentation](https://docs.n8n.io/integrations/community-nodes/)
* [TikTok API Documentation](https://developers.tiktok.com/doc/content-posting-api-get-started)

## Version history

- **1.0.0**: Initial release with support for uploading and deleting TikTok videos and uploading photos.
npm package: @fresh-data/react-provider
Description: Provide fresh-data to your React app.
Author: Kevin Killingsworth
Latest version: 0.7.0

# Fresh Data for React/Redux

Fresh Data is a declarative data API framework for JavaScript apps.

[![Build Status](https://travis-ci.org/Automattic/fresh-data.svg?branch=master)](https://travis-ci.org/Automattic/fresh-data)
[![Test Coverage](https://img.shields.io/codecov/c/github/Automattic/fresh-data.svg)](https://travis-ci.org/Automattic/fresh-data)

## Caveat

Fresh Data is new. Very new. As such it should *not* be used in production just yet! This code will be changing still.

Try it out on something noncritical and provide some feedback!

## Installation

```sh
npm install --save @fresh-data/react-redux
```

Note: This module has a peer dependency on `@fresh-data/framework` and must be used in conjunction with it.

## How it works

This module is designed to be used with `@fresh-data/framework` and your own API Specification. It takes the API Spec and makes it available to your React application components in an easy and declarative manner.

## Application Component

Here's how you define the API data you need for a React Component.

```js
function mapSelectorsToProps( selectors, ownProps, state ) {
	const { getThing } = selectors;
	const { thingId } = ownProps;

	const thing = getThing( { freshness: 90 * SECOND }, thingId );

	return {
		thing,
	};
}

export default withApiClient( { mapSelectorsToProps } )( MyReactComponent );
```

The `withApiClient` Higher Order Component works much like `connect` from [React Redux](https://github.com/reduxjs/react-redux).
The above code will handle the initial fetching of your data and will re-fetch every time the freshness time is exceeded.

Your own API depends on the operations, methods, and selectors you define.
- Operations: The operations you can perform on your data (e.g. read, update, create, delete )
- Mutations: Functions you provide to application developers can call to perform operations on your data.
- Selectors: Functions you provide to application developers to access data in their preferred format.

## Integrating Fresh Data APIs into your React application

The Fresh Data ApiProvider holds a created API Spec available to your application and provides it to your connected data components:

```js
import apiSpec from 'my-api-spec';

export default MyApp = () => {
	return (
		<ReduxProvider store={ store }>
			<FreshDataProvider apiSpec={ apiSpec }>
				<div classname="App">
					<DataForm myApiUri="https://example.com" />
				</div>
			</FreshDataProvider>
		</ReduxProvider>
	);
};
```