数据标签React应用程序,与后端无关,可以嵌入到您的服务中。

Caitlin Wheeless 2c59ae0917 docs: DOC-161: Add beta tag for external taxonomy (#1627) 3 days ago
.devcontainer 0b6761198b chore: add devcontainer (#298) 2 months ago
.github 5f3d86ec57 ci: PLATE-675: Add /jira chatops command 5 days ago
__mocks__ 75f403d3ea feat: LSDV-5297: Sort phrases (#1493) 4 months ago
e2e bee26223c8 fix: LEAP-419: Fix brush issues appeared after fixing zoom performance (#1625) 4 days ago
examples c71c229b2d fix: LEAP-149: Fix selected=true for Taxonomy (#1239) 2 months ago
images 745cddccec feat: Add a drag and drop Ranker component and tag (#1207) 7 months ago
public 6a6a53ebb5 feat: LSDV-3104: Revert task navigation standardization (#1389) 6 months ago
scripts 9578b82ec8 feat: LSDV-4654: Allow per-image classification (#1381) 5 months ago
src 2c59ae0917 docs: DOC-161: Add beta tag for external taxonomy (#1627) 3 days ago
tests bee26223c8 fix: LEAP-419: Fix brush issues appeared after fixing zoom performance (#1625) 4 days ago
types a087162a8f ci: LSDV-4734: Setup Cypress integration tests (#1236) 7 months ago
.babelrc 98f0617a67 chore: DEV-3855: Fix Jest tests (#1037) 1 year ago
.env.defaults 5ee06dd48e Editor refreshed UI (#189) 2 years ago
.env.example 18f6251c0d Update packages (fixing vulnerabilities) 2 years ago
.eslintignore 7b58096e4f fix: DEV-3820: Universal readonly (#1053) 9 months ago
.eslintrc.js a087162a8f ci: LSDV-4734: Setup Cypress integration tests (#1236) 7 months ago
.gitignore 387e17836c fix: Video improvements (#497) 1 year ago
.npmrc c10e9935d5 Release 1.4 (#366) 2 years ago
.prettierignore 8013332652 initial port to separate github repo of the frontend part of Label Studio 3 years ago
.prettierrc 46c1bea578 feat: LSDV-5033: Add the option to use WebAudioPlayer for Audio (#1360) 6 months ago
.travis.yml 8013332652 initial port to separate github repo of the frontend part of Label Studio 3 years ago
CHANGELOG.md 8013332652 initial port to separate github repo of the frontend part of Label Studio 3 years ago
CODE_OF_CONDUCT.md 8013332652 initial port to separate github repo of the frontend part of Label Studio 3 years ago
CONTRIBUTING.md 8013332652 initial port to separate github repo of the frontend part of Label Studio 3 years ago
LICENSE 8013332652 initial port to separate github repo of the frontend part of Label Studio 3 years ago
README.md 4991872594 docs: Update slack invite link 5 months ago
codecov.yml 0eeb12dca3 chore: DEV-3947: Add e2e tests coverage to reports (#1076) 9 months ago
dev-server.js fad0915a10 Allow selecting task id in topbar 2 years ago
jest.config.js b00b0a3121 fix: LSDV-4801: Better file type playable detection for video (#1259) 8 months ago
jest.setup.js b00b0a3121 fix: LSDV-4801: Better file type playable detection for video (#1259) 8 months ago
nyc.config.js 0eeb12dca3 chore: DEV-3947: Add e2e tests coverage to reports (#1076) 9 months ago
package.json bef0cbdb03 fix: LEAP-314: Fix Github vulnerabilities (#1609) 1 month ago
tsconfig.jest.json 98f0617a67 chore: DEV-3855: Fix Jest tests (#1037) 1 year ago
tsconfig.json a087162a8f ci: LSDV-4734: Setup Cypress integration tests (#1236) 7 months ago
webpack.config-builder.js aefcfd141a chore: LSDV-4894: Update to NodeJS LTS (#1323) 7 months ago
webpack.config.js 5ee06dd48e Editor refreshed UI (#189) 2 years ago
yarn.lock bef0cbdb03 fix: LEAP-314: Fix Github vulnerabilities (#1609) 1 month ago

README.md

Label Studio Frontend · GitHub build npm audit

GitHub release · :sunny:

WebsiteDocsTwitterJoin Slack Community


Label Studio is an open-source, configurable data annotation tool. :v:

Frontend, as its name suggests, is the frontend library developed using React and mobx-state-tree, distributed as an NPM package. You can include it in your applications and provide data annotation support to your users. It can be granularly customized and extended.


Install

npm install @heartexlabs/label-studio

Usage

With Webpack

import LabelStudio from '@heartexlabs/label-studio';
import 'label-studio/build/static/css/main.css';

With UNPKG.com

<!-- Include Label Studio stylesheet -->
<link href="https://unpkg.com/@heartexlabs/label-studio@1.8.0/build/static/css/main.css" rel="stylesheet">

<!-- Create the Label Studio container -->
<div id="label-studio"></div>

<!-- Include the Label Studio library -->
<script src="https://unpkg.com/@heartexlabs/label-studio@1.8.0/build/static/js/main.js"></script>

Initialization

<!-- Initialize Label Studio -->
<script>
  var labelStudio = new LabelStudio('label-studio', {
    config: `
      <View>
        <Image name="img" value="$image"></Image>
        <RectangleLabels name="tag" toName="img">
          <Label value="Hello"></Label>
          <Label value="World"></Label>
        </RectangleLabels>
      </View>
    `,

    interfaces: [
      "panel",
      "update",
      "submit",
      "controls",
      "side-column",
      "annotations:menu",
      "annotations:add-new",
      "annotations:delete",
      "predictions:menu",
    ],

    user: {
      pk: 1,
      firstName: "James",
      lastName: "Dean"
    },

    task: {
      annotations: [],
      predictions: [],
      id: 1,
      data: {
        image: "https://htx-misc.s3.amazonaws.com/opensource/label-studio/examples/images/nick-owuor-astro-nic-visuals-wDifg5xc9Z4-unsplash.jpg"
      }
    },

    onLabelStudioLoad: function(LS) {
      var c = LS.annotationStore.addAnnotation({
        userGenerate: true
      });
      LS.annotationStore.selectAnnotation(c.id);
    }
  });
</script>

Development

  1. Clone the repository

    git clone git@github.com:heartexlabs/label-studio-frontend.git
    # or: git clone https://github.com/heartexlabs/label-studio-frontend.git
    cd label-studio-frontend
    
    1. Install required dependencies bash npm install
  2. Start the development server

    npm run start
    
    1. Check different ways to initiate the development server config & task data in src/env/development.js, changing the data variable is a good place to start.

    2. After you make changes and ready to use it in production, you need to create a production build

      npm run build-bundle
      

Now you have one .js file and one .css file in the build/static/ directory

Label Studio for Teams, Startups, and Enterprises :office:

Label Studio for Teams is our enterprise edition (cloud & on-prem), that includes a data manager, high-quality baseline models, active learning, collaborators support, and more. Please visit the website to learn more.

Ecosystem

| Project | Description | |-|-| | label-studio | Server part, distributed as a pip package | | label-studio-frontend | Frontend part, written in JavaScript and React, can be embedded into your application | | label-studio-converter | Encode labels into the format of your favorite machine learning library | | label-studio-transformers | Transformers library connected and configured for use with label studio |

License

This software is licensed under the Apache 2.0 LICENSE © Heartex. 2020