欢迎!
该存储库包含Gliff.ai上传支持库的开源代码(Gliff.ai的组件,用于上传多维图像)。
上传旨在允许用户轻松上传各种图像文件,包括多维tiffs,以开发成像AI产品。当使用完整的Gliff.ai平台时,上传仅提供了开发高质量和可审计数据集的一步,这些数据集满足了任何相关的监管框架,使我们的用户能够构建改变世界和可信赖的AI模型和产品。
✅我们欢迎对此存储库的贡献! ✅
寻找特定的东西? ?
{{回到导航}}
在命令行中运行npm install @gliff-ai/upload从NPM注册表安装软件包。
{{回到导航}}
前端代码应始终用打字稿编写,并在此存储库中的tsconfig.json中使用这些选项进行thr键。 NPM应始终用于软件包管理。
npm run serve将运行本地WebPack开发服务器以快速访问。
要开始,请从根目录运行npm i和npm run build 。
{{回到导航}}
作为标准,所有代码贡献都应使用.eslintrc.js用ESLINT来覆盖,并以漂亮的格式进行。注意: HTML + CSS,标记和划痕代码是豁免的,应使用漂亮的格式进行格式,但不需要覆盖。
npm run lint将覆盖代码库。
我们的github动作还将在合并之前提起所有拉的请求。
{{回到导航}}
所有代码贡献均应使用开玩笑和React测试库进行测试。
npm run test将在我们的代码库中运行任何现有测试。
我们的GitHub操作还将在合并之前测试任何拉的请求!所有这些都必须通过,并在拉动请求合并之前获得2个审阅者批准。如果一个或几个失败,并且您的故障排除没有给出答案,请查看Gliff.ai贡献指南以获取进一步的指导。
{{回到导航}}
GitHub动作仅应包括在.github/workflows路径下。
导入UploadImage模块和ImageFileInfo类型:
import { UploadImage } from @ gliff - ai / upload ;
import type { ImageFileInfo } from @ gliff - ai / upload ;使用UploadImage模块:
setUploadedImage = (
imageFileInfo : ImageFileInfo ,
slicesData : Array < Array < ImageBitmap >>
) : void => {
this . imageFileInfo = imageFileInfo ;
this . slicesData = slicesData ;
} ;
render = ( ) : ReactNode => (
< UploadImage
setUploadedImage = { this . setUploadedImage }
spanElement = {
< Button aria-label = "upload-picture" component = "span" >
< Backup />
</ Button >
} // A <span> element that marks the clickable area.
multiple // allow uploading multiple files at once; use multiple={false} to disallow
/>
) ;上面的示例使用了材料-UI。
{{回到导航}}
我们欢迎所有贡献者和对该项目的任何贡献,包括有关或建议功能和增强功能,提出错误问题,报告安全漏洞,审查代码,请求或创建测试,用户测试等,以确保Gliff.ai可以帮助启用最佳和最大的积极影响的可能性。
听起来不错,想为该项目做出贡献吗? ?
入门之前,请检查Gliff.ai贡献指南。不要忘记Gliff.AI行为守则
来自整个Gliff.ai团队的非常感谢这些贡献者(表情符号钥匙):
乔什 | 查斯·纳尔逊 ? ? ? ? | Philipjackson ? ? | 克雷格·库珀(Craig Cooper) ? ? |
该项目遵循全企业规范,并利用全企业表情符号钥匙来归功于我们社区的贡献类型!
{{回到导航}}
需要一些帮助吗? ?有问题吗? ?
通过[email protected]或在我们的github讨论中与Gliff.ai团队联系。
{{回到导航}}
此代码是根据GNU AGPLV3许可证获得许可的
对我们的理由感到好奇吗?在这里阅读有关它们的信息!