@deadragdoll/transcoder

Internal React package for transcoding queue workflows.

What it provides

• provider and hook for transcoder state;
• jobs list UI;
• stages/details UI;
• compatibility wrapper component;
• selection helpers for persisted source files.

Peer dependencies

• react
• react-dom
• @apollo/client
• graphql

Installation

yarn add @deadragdoll/transcoder

Import styles once:

import "@deadragdoll/transcoder/style.css";

Minimal usage

import { ApolloClient, ApolloProvider, HttpLink, InMemoryCache } from "@apollo/client";
import {
  TranscoderJobs,
  TranscoderProvider,
  TranscoderStages
} from "@deadragdoll/transcoder";

const client = new ApolloClient({
  link: new HttpLink({
    uri: "/api/graphql",
    credentials: "include"
  }),
  cache: new InMemoryCache()
});

export function TranscoderPage() {
  return (
    <ApolloProvider client={client}>
      <TranscoderProvider>
        <TranscoderJobs />
        <TranscoderStages />
      </TranscoderProvider>
    </ApolloProvider>
  );
}

Main exports

• Transcoder
• TranscoderProvider
• useTranscoder
• TranscoderJobs
• TranscoderStages
• TRANSCODER_SELECTION_STORAGE_KEY
• collectTranscoderSelectionFiles
• readTranscoderSelection
• toTranscoderSelectionFile
• writeTranscoderSelection