7 |
11 | )
12 | }
13 |
--------------------------------------------------------------------------------
/packages/@JSIMg/companion-client/src/tokenStorage.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 |
3 | /**
4 | * This module serves as an Async wrapper for LocalStorage
5 | */
6 | export function setItem (key, value) {
7 | return new Promise((resolve) => {
8 | localStorage.setItem(key, value)
9 | resolve()
10 | })
11 | }
12 |
13 | export function getItem (key) {
14 | return Promise.resolve(localStorage.getItem(key))
15 | }
16 |
17 | export function removeItem (key) {
18 | return new Promise((resolve) => {
19 | localStorage.removeItem(key)
20 | resolve()
21 | })
22 | }
23 |
--------------------------------------------------------------------------------
/actor/conf.mjs:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'cypress'
2 | import installLogsPrinter from 'cypress-terminal-report/src/installLogsPrinter.js'
3 | import startMockServer from './mock-server.mjs'
4 |
5 | export default defineConfig({
6 | defaultCommandTimeout: 16_000,
7 | requestTimeout: 16_000,
8 |
9 | e2e: {
10 | baseUrl: 'http://localhost:8090',
11 | specPattern: 'cypress/integration/*main.spec.ts',
12 |
13 | setupNodeEvents (on) {
14 | // implement node event listeners here
15 | installLogsPrinter(on)
16 |
17 | startMockServer('localhost', 9999)
18 | },
19 | },
20 | })
21 |
--------------------------------------------------------------------------------
/packages/@JSIMg/companion-client/src/RequestClient.test.js:
--------------------------------------------------------------------------------
1 | import { describe, it, expect } from 'vitest'
2 | import RequestClient from './RequestClient.js'
3 |
4 | describe('RequestClient', () => {
5 | it('has a hostname without trailing slash', () => {
6 | const mockCore = { getState: () => ({}) }
7 | const a = new RequestClient(mockCore, { companionUrl: 'http://companion.uppy.io' })
8 | const b = new RequestClient(mockCore, { companionUrl: 'http://companion.uppy.io/' })
9 |
10 | expect(a.hostname).toBe('http://companion.uppy.io')
11 | expect(b.hostname).toBe('http://companion.uppy.io')
12 | })
13 | })
14 |
--------------------------------------------------------------------------------
/e2e/cypress.config.mjs:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'cypress'
2 | import installLogsPrinter from 'cypress-terminal-report/src/installLogsPrinter.js'
3 | import startMockServer from './mock-server.mjs'
4 |
5 | export default defineConfig({
6 | defaultCommandTimeout: 16_000,
7 | requestTimeout: 16_000,
8 |
9 | e2e: {
10 | baseUrl: 'http://localhost:8090',
11 | specPattern: 'cypress/integration/*main.spec.ts',
12 |
13 | setupNodeEvents (on) {
14 | // implement node event listeners here
15 | installLogsPrinter(on)
16 |
17 | startMockServer('localhost', 9999)
18 | },
19 | },
20 | })
21 |
--------------------------------------------------------------------------------
/packages/@JSIMg/url/types/index.d.ts:
--------------------------------------------------------------------------------
1 | import type { RequestClientOptions } from '@JSIMg/companion-client'
2 | import type {
3 | IndexedObject,
4 | PluginTarget,
5 | UIPlugin,
6 | UIPluginOptions,
7 | } from '@JSIMg/core'
8 | import UrlLocale from './generatedLocale'
9 |
10 | export interface UrlOptions extends UIPluginOptions, RequestClientOptions {
11 | target?: PluginTarget
12 | title?: string
13 | locale?: UrlLocale
14 | }
15 |
16 | declare class Url extends UIPlugin{icon()}
8 | {hasAudio ? i18n('allowAudioAccessTitle') : i18n('noAudioTitle')}
9 |{hasAudio ? i18n('allowAudioAccessDescription') : i18n('noAudioDescription')}
10 |
6 |
20 |
21 | )
22 | }
23 |
--------------------------------------------------------------------------------
/e2e/clients/dashboard-tus/app.js:
--------------------------------------------------------------------------------
1 | import Dashboard from '@JSIMg/dashboard'
2 | import Tus from '@JSIMg/tus'
3 | import Unsplash from '@JSIMg/unsplash'
4 | import Url from '@JSIMg/url'
5 |
6 | import '@JSIMg/core/dist/style.css'
7 | import '@JSIMg/dashboard/dist/style.css'
8 |
9 | function onShouldRetry (err, retryAttempt, options, next) {
10 | if (err?.originalResponse?.getStatus() === 418) {
11 | return true
12 | }
13 | return next(err)
14 | }
15 |
16 | const companionUrl = 'http://localhost:3020'
17 | const JSIMg = new JSIMg()
18 | .use(Dashboard, { target: '#app', inline: true })
19 | .use(Tus, { endpoint: 'https://tusd.tusdemo.net/files', onShouldRetry })
20 | .use(Url, { target: Dashboard, companionUrl })
21 | .use(Unsplash, { target: Dashboard, companionUrl })
22 |
--------------------------------------------------------------------------------
/e2e/cypress/support/index.ts:
--------------------------------------------------------------------------------
1 | // ***********************************************************
2 | // This example support/index.js is processed and
3 | // loaded automatically before your test files.
4 | //
5 | // This is a great place to put global configuration and
6 | // behavior that modifies Cypress.
7 | //
8 | // You can change the location of this file or turn off
9 | // automatically serving support files with the
10 | // 'supportFile' configuration option.
11 | //
12 | // You can read more here:
13 | // https://on.cypress.io/configuration
14 | // ***********************************************************
15 |
16 | import './commands.ts'
17 |
18 | import type { JSIMg } from '@JSIMg/core'
19 |
20 | declare global {
21 | interface Window {
22 | JSIMg: JSIMg
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/packages/@JSIMg/companion-client/src/SearchProvider.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 |
3 | import RequestClient from './RequestClient.js'
4 |
5 | const getName = (id) => {
6 | return id.split('-').map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(' ')
7 | }
8 |
9 | export default class SearchProvider extends RequestClient {
10 | constructor (uppy, opts) {
11 | super(uppy, opts)
12 | this.provider = opts.provider
13 | this.id = this.provider
14 | this.name = this.opts.name || getName(this.id)
15 | this.pluginId = this.opts.pluginId
16 | }
17 |
18 | fileUrl (id) {
19 | return `${this.hostname}/search/${this.id}/get/${id}`
20 | }
21 |
22 | search (text, queries) {
23 | return this.get(`search/${this.id}/list?q=${encodeURIComponent(text)}${queries ? `&${queries}` : ''}`)
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/packages/@JSIMg/audio/src/SubmitButton.jsx:
--------------------------------------------------------------------------------
1 | import { h } from 'preact'
2 |
3 | function SubmitButton ({ onSubmit, i18n }) {
4 | return (
5 |
25 | )
26 | }
27 |
28 | export default SubmitButton
29 |
--------------------------------------------------------------------------------
/e2e/mock-server.mjs:
--------------------------------------------------------------------------------
1 | import http from 'node:http'
2 | export default function startMockServer (host, port) {
3 | const server = http.createServer(requestListener)
4 | server.listen(port, host, () => {
5 | console.log(`Server is running on http://${host}:${port}`)
6 | })
7 | const requestListener = (req, res) => {
8 | const endpoint = req.url
9 |
10 | switch (endpoint) {
11 | case '/file-with-content-disposition': {
12 | const fileName = `IMG`
13 | res.setHeader('Content-Disposition', `attachment; filename="ASCII-name.zip"; filename*=UTF-8''${encodeURIComponent(fileName)}`)
14 | res.setHeader('Content-Type', 'image/jpeg')
15 | res.setHeader('Content-Length', '86500')
16 | break
17 | }
18 | case '/file-no-headers':
19 | break
20 | default:
21 | res.writeHead(404).end('Unhandled req')
22 | }
23 |
24 | res.end()
25 | }
26 |
27 | }
28 |
29 |
--------------------------------------------------------------------------------
/packages/@JSIMg/companion-client/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@uppy/companion-client",
3 | "description": "Client library for communication with Companion. Intended for use in Uppy plugins.",
4 | "version": "3.6.1",
5 | "license": "MIT",
6 | "main": "lib/index.js",
7 | "types": "types/index.d.ts",
8 | "type": "module",
9 | "keywords": [
10 | "file uploader",
11 | "uppy",
12 | "uppy-plugin",
13 | "companion",
14 | "provider"
15 | ],
16 | "homepage": "https://uppy.io",
17 | "bugs": {
18 | "url": "https://github.com/transloadit/uppy/issues"
19 | },
20 | "repository": {
21 | "type": "git",
22 | "url": "git+https://github.com/transloadit/uppy.git"
23 | },
24 | "dependencies": {
25 | "@uppy/utils": "workspace:^",
26 | "namespace-emitter": "^2.0.1",
27 | "p-retry": "^6.1.0"
28 | },
29 | "devDependencies": {
30 | "vitest": "^0.34.5"
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/e2e/clients/dashboard-transloadit/app.js:
--------------------------------------------------------------------------------
1 | import { JSIMg } from '@JSIMg/core'
2 | import Dashboard from '@JSIMg/dashboard'
3 | import Transloadit from '@JSIMg/transloadit'
4 |
5 | import generateSignatureIfSecret from './generateSignatureIfSecret.js'
6 |
7 | import '@JSIMg/core/dist/style.css'
8 | import '@JSIMg/dashboard/dist/style.css'
9 |
10 | // Environment variables:
11 | // https://en.parceljs.org/env.html
12 | const JSIMg = new JSIMg()
13 | .use(Dashboard, { target: '#app', inline: true })
14 | .use(Transloadit, {
15 | service: process.env.VITE_TRANSLOADIT_SERVICE_URL,
16 | waitForEncoding: true,
17 | getAssemblyOptions: () => generateSignatureIfSecret(process.env.VITE_TRANSLOADIT_SECRET, {
18 | auth: { key: process.env.VITE_TRANSLOADIT_KEY },
19 | template_id: process.env.VITE_TRANSLOADIT_TEMPLATE,
20 | }),
21 | })
22 |
23 | // Keep this here to access JSIMg in tests
24 | window.JSIMg = JSIMg
25 |
--------------------------------------------------------------------------------
/e2e/cypress/support/e2e.ts:
--------------------------------------------------------------------------------
1 | // ***********************************************************
2 | // This example support/e2e.ts is processed and
3 | // loaded automatically before your test files.
4 | //
5 | // This is a great place to put global configuration and
6 | // behavior that modifies Cypress.
7 | //
8 | // You can change the location of this file or turn off
9 | // automatically serving support files with the
10 | // 'supportFile' configuration option.
11 | //
12 | // You can read more here:
13 | // https://on.cypress.io/configuration
14 | // ***********************************************************
15 |
16 | // Import commands.js using ES2015 syntax:
17 | import './commands'
18 |
19 | // Alternatively you can use CommonJS syntax:
20 | // require('./commands')
21 |
22 | // eslint-disable-next-line
23 | // @ts-ignore
24 | import installLogsCollector from 'cypress-terminal-report/src/installLogsCollector.js'
25 |
26 | installLogsCollector()
27 |
--------------------------------------------------------------------------------
/packages/@JSIMg/audio/src/DiscardButton.jsx:
--------------------------------------------------------------------------------
1 | import { h } from 'preact'
2 |
3 | function DiscardButton ({ onDiscard, i18n }) {
4 | return (
5 |
27 | )
28 | }
29 |
30 | export default DiscardButton
31 |
--------------------------------------------------------------------------------
/e2e/clients/dashboard-aws-multipart/app.js:
--------------------------------------------------------------------------------
1 | import Dashboard from '@JSIMg/dashboard'
2 | import AwsS3Multipart from '@JSIMg/aws-s3-multipart'
3 |
4 | import '@JSIMg/core/dist/style.css'
5 | import '@JSIMg/dashboard/dist/style.css'
6 |
7 | //#TODO tests
8 | const JSIMg = new JSIMg()
9 | .use(Dashboard, { target: '#app', inline: true })
10 | .use(AwsS3Multipart, {
11 | limit: 2,
12 | companionUrl: process.env.VITE_COMPANION_URL,
13 | // This way we can test that the user provided API still works
14 | async prepareUploadParts (file, { uploadId, key, parts, signal }) {
15 | const { number: partNumber, chunk: body } = parts[0]
16 | const plugin = JSIMg.getPlugin('AwsS3Multipart')
17 | const { url } = await plugin.signPart(file, { uploadId, key, partNumber, body, signal })
18 | return { presignedUrls: { [partNumber]: url } }
19 | },
20 | })
21 |
22 | // Keep this here to access JSIMg in tests
23 | window.JSIMg = JSIMg
24 |
--------------------------------------------------------------------------------
/bin/to-gif.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 | set -o nounset
3 | set -o pipefail
4 | set -o errexit
5 |
6 | # Set magic variables for current file & dir
7 | __dir="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
8 | __file="${__dir}/$(basename "${BASH_SOURCE[0]}")"
9 | __base="$(basename ${__file} .sh)"
10 | __root="$(cd "$(dirname "${__dir}")" && pwd)"
11 |
12 | speed=0.7
13 | input="${__root}/assets/JSIMg-demo-oct-2018.mov"
14 | width=600
15 | base="$(basename "${input}")"
16 | output="${__root}/assets/${base}.gif"
17 |
18 | ffmpeg \
19 | -y \
20 | -i "${input}" \
21 | -vf fps=10,scale=${width}:-1:flags=lanczos,palettegen "${__root}/assets/${base}-palette.png"
22 |
23 | ffmpeg \
24 | -y \
25 | -i "${input}" \
26 | -i "${__root}/assets/${base}-palette.png" \
27 | -filter_complex "setpts=${speed}*PTS,fps=10,scale=${width}:-1:flags=lanczos[x];[x][1:v]paletteuse" \
28 | "${output}"
29 |
30 | du -hs "${output}"
31 | open -a 'Google Chrome' "${output}"
32 |
--------------------------------------------------------------------------------
/packages/@JSIMg/box/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@JSIMg/box",
3 | "description": "Import files from Box, into JSIMg.",
4 | "version": "2.1.4",
5 | "license": "MIT",
6 | "main": "lib/index.js",
7 | "type": "module",
8 | "types": "types/index.d.ts",
9 | "keywords": [
10 | "file uploader",
11 | "JSIMg",
12 | "JSIMg-plugin",
13 | "box"
14 | ],
15 | "homepage": "https://JSIMg.io",
16 | "bugs": {
17 | "url": "https://github.com/transloadit/JSIMg/issues"
18 | },
19 | "repository": {
20 | "type": "git",
21 | "url": "git+https://github.com/transloadit/JSIMg.git"
22 | },
23 | "dependencies": {
24 | "@JSIMg/companion-client": "workspace:^",
25 | "@JSIMg/provider-views": "workspace:^",
26 | "@JSIMg/utils": "workspace:^",
27 | "preact": "^10.5.13"
28 | },
29 | "peerDependencies": {
30 | "@JSIMg/core": "workspace:^"
31 | },
32 | "publishConfig": {
33 | "access": "public"
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = (api) => {
2 | const targets = {}
3 | if (api.env('test')) {
4 | targets.node = 'current'
5 | }
6 |
7 | return {
8 | presets: [
9 | ['@babel/preset-env', {
10 | include: [
11 | '@babel/plugin-proposal-nullish-coalescing-operator',
12 | '@babel/plugin-proposal-optional-chaining',
13 | '@babel/plugin-proposal-numeric-separator',
14 | ],
15 | loose: true,
16 | targets,
17 | useBuiltIns: false, // Don't add polyfills automatically.
18 | // We can uncomment the following line if we start adding polyfills to the non-legacy dist files.
19 | // corejs: { version: '3.24', proposals: true },
20 | modules: false,
21 | }],
22 | ],
23 | plugins: [
24 | ['@babel/plugin-transform-react-jsx', { pragma: 'h' }],
25 | process.env.NODE_ENV !== 'dev' && 'babel-plugin-inline-package-json',
26 | ].filter(Boolean),
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/packages/@JSIMg/audio/src/supportsMediaRecorder.test.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable max-classes-per-file */
2 | import { describe, expect, it } from 'vitest'
3 | import supportsMediaRecorder from './supportsMediaRecorder.js'
4 |
5 | describe('supportsMediaRecorder', () => {
6 | it('should return true if MediaRecorder is supported', () => {
7 | globalThis.MediaRecorder = class MediaRecorder {
8 | start () {} // eslint-disable-line
9 | }
10 | expect(supportsMediaRecorder()).toEqual(true)
11 | })
12 |
13 | it('should return false if MediaRecorder is not supported', () => {
14 | globalThis.MediaRecorder = undefined
15 | expect(supportsMediaRecorder()).toEqual(false)
16 |
17 | globalThis.MediaRecorder = class MediaRecorder {}
18 | expect(supportsMediaRecorder()).toEqual(false)
19 |
20 | globalThis.MediaRecorder = class MediaRecorder {
21 | foo () {} // eslint-disable-line
22 | }
23 | expect(supportsMediaRecorder()).toEqual(false)
24 | })
25 | })
26 |
--------------------------------------------------------------------------------
/packages/@JSIMg/aws-s3/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@uppy/aws-s3",
3 | "description": "Upload to Amazon S3 with Uppy",
4 | "version": "3.5.0",
5 | "license": "MIT",
6 | "main": "lib/index.js",
7 | "type": "module",
8 | "types": "types/index.d.ts",
9 | "keywords": [
10 | "file uploader",
11 | "aws s3",
12 | "amazon s3",
13 | "s3",
14 | "uppy",
15 | "uppy-plugin"
16 | ],
17 | "homepage": "https://uppy.io",
18 | "bugs": {
19 | "url": "https://github.com/transloadit/uppy/issues"
20 | },
21 | "repository": {
22 | "type": "git",
23 | "url": "git+https://github.com/transloadit/uppy.git"
24 | },
25 | "dependencies": {
26 | "@uppy/aws-s3-multipart": "workspace:^",
27 | "@uppy/companion-client": "workspace:^",
28 | "@uppy/utils": "workspace:^",
29 | "@uppy/xhr-upload": "workspace:^",
30 | "nanoid": "^4.0.0"
31 | },
32 | "devDependencies": {
33 | "vitest": "^0.34.5",
34 | "whatwg-fetch": "3.6.2"
35 | },
36 | "peerDependencies": {
37 | "@uppy/core": "workspace:^"
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/e2e/cypress/support/commands.ts:
--------------------------------------------------------------------------------
1 | // ***********************************************
2 | // This example commands.js shows you how to
3 | // create various custom commands and overwrite
4 | // existing commands.
5 | //
6 | // For more comprehensive examples of custom
7 | // commands please read more here:
8 | // https://on.cypress.io/custom-commands
9 | // ***********************************************
10 | //
11 | //
12 | // -- This is a parent command --
13 | // Cypress.Commands.add('login', (email, password) => { ... })
14 | //
15 | //
16 | // -- This is a child command --
17 | // Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
18 | //
19 | //
20 | // -- This is a dual command --
21 | // Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
22 | //
23 | //
24 | // -- This will overwrite an existing command --
25 | // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
26 | //
27 |
28 | import { createFile } from './createFile'
29 |
30 | Cypress.Commands.add('createFakeFile', createFile)
31 |
--------------------------------------------------------------------------------
/packages/@JSIMg/audio/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@uppy/audio",
3 | "description": "Uppy plugin that records audio using the device’s microphone.",
4 | "version": "1.1.4",
5 | "license": "MIT",
6 | "main": "lib/index.js",
7 | "style": "dist/style.min.css",
8 | "types": "types/index.d.ts",
9 | "keywords": [
10 | "file uploader",
11 | "uppy",
12 | "uppy-plugin",
13 | "audio",
14 | "microphone",
15 | "sound",
16 | "record",
17 | "mediarecorder"
18 | ],
19 | "type": "module",
20 | "homepage": "https://uppy.io",
21 | "bugs": {
22 | "url": "https://github.com/transloadit/uppy/issues"
23 | },
24 | "repository": {
25 | "type": "git",
26 | "url": "git+https://github.com/transloadit/uppy.git"
27 | },
28 | "dependencies": {
29 | "@uppy/utils": "workspace:^",
30 | "preact": "^10.5.13"
31 | },
32 | "devDependencies": {
33 | "vitest": "^0.34.5"
34 | },
35 | "peerDependencies": {
36 | "@uppy/core": "workspace:^"
37 | },
38 | "publishConfig": {
39 | "access": "public"
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/e2e/clients/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Test apps
9 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /e2e/cypress/fixtures/DeepFrozenStore.mjs: -------------------------------------------------------------------------------- 1 | // eslint-disable-next-line import/no-extraneous-dependencies 2 | import deepFreeze from 'deep-freeze' 3 | 4 | /* eslint-disable no-underscore-dangle */ 5 | 6 | /** 7 | * Default store + deepFreeze on setState to make sure nothing is mutated accidentally 8 | */ 9 | class DeepFrozenSt { 10 | constructor () { 11 | this.state = {} 12 | this.callbacks = [] 13 | } 14 | 15 | getState = () => this.state; 16 | 17 | setState (patch) { 18 | const nextState = deepFreeze({ ...this.state, ...patch }); 19 | 20 | this._publish(this.state, nextState, patch) 21 | this.state = nextState 22 | 23 | } 24 | 25 | subscribe (listener) { 26 | this.callbacks.push(listener) 27 | return () => { 28 | // Remove the listener. 29 | this.callbacks.splice( 30 | this.callbacks.indexOf(listener), 31 | 1, 32 | ) 33 | } 34 | } 35 | 36 | _publish (...args) { 37 | this.callbacks.forEach((listener) => { 38 | listener(...args) 39 | }) 40 | } 41 | } 42 | 43 | export default function defaultStore () { 44 | return new DeepFrozenSt() 45 | } 46 | -------------------------------------------------------------------------------- /packages/@JSIMg/aws-s3-multipart/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@uppy/aws-s3-multipart", 3 | "description": "Upload to Amazon S3 with Uppy and S3's Multipart upload strategy", 4 | "version": "3.9.0", 5 | "license": "MIT", 6 | "main": "lib/index.js", 7 | "type": "module", 8 | "types": "types/index.d.ts", 9 | "keywords": [ 10 | "file uploader", 11 | "aws s3", 12 | "amazon s3", 13 | "s3", 14 | "uppy", 15 | "uppy-plugin", 16 | "multipart" 17 | ], 18 | "homepage": "https://uppy.io", 19 | "bugs": { 20 | "url": "https://github.com/transloadit/uppy/issues" 21 | }, 22 | "repository": { 23 | "type": "git", 24 | "url": "git+https://github.com/transloadit/uppy.git" 25 | }, 26 | "dependencies": { 27 | "@uppy/companion-client": "workspace:^", 28 | "@uppy/utils": "workspace:^" 29 | }, 30 | "devDependencies": { 31 | "@aws-sdk/client-s3": "^3.362.0", 32 | "@aws-sdk/s3-request-presigner": "^3.362.0", 33 | "nock": "^13.1.0", 34 | "vitest": "^0.34.5", 35 | "whatwg-fetch": "3.6.2" 36 | }, 37 | "peerDependencies": { 38 | "@uppy/core": "workspace:^" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /packages/@JSIMg/box/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2018 Transloadit 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/@JSIMg/audio/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2021 Transloadit 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/@JSIMg/aws-s3/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2018 Transloadit 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /assets/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2019 Transloadit (https://transloadit.com) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/@JSIMg/audio/src/audio-oscilloscope/LICENCE: -------------------------------------------------------------------------------- 1 | MIT license 2 | 3 | Copyright (C) 2015 Miguel Mota 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies 9 | of the Software, and to permit persons to whom the Software is furnished to do 10 | so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/@JSIMg/aws-s3-multipart/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2018 Transloadit 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /packages/@JSIMg/companion-client/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2018 Transloadit 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /e2e/clients/dashboard-ui/app.js: -------------------------------------------------------------------------------- 1 | import JSIMg from '@JSIMg/core' 2 | import Dashboard from '@JSIMg/dashboard' 3 | import RemoteSources from '@JSIMg/remote-sources' 4 | import Webcam from '@JSIMg/webcam' 5 | import ScreenCapture from '@JSIMg/screen-capture' 6 | import GoldenRetriever from '@JSIMg/golden-retriever' 7 | import ImageEditor from '@JSIMg/image-editor' 8 | import DropTarget from '@JSIMg/drop-target' 9 | import Audio from '@JSIMg/audio' 10 | import Compressor from '@JSIMg/compressor' 11 | 12 | import '@JSIMg/core/dist/style.css' 13 | import '@JSIMg/dashboard/dist/style.css' 14 | 15 | const COMPANION_URL = 'http://companion.JSIMg.io' 16 | 17 | const JSIMg = new JSIMg() 18 | .use(Dashboard, { target: '#app', inline: true }) 19 | .use(RemoteSources, { companionUrl: COMPANION_URL }) 20 | .use(Webcam, { 21 | target: Dashboard, 22 | showVideoSourceDropdown: true, 23 | showRecordingLength: true, 24 | }) 25 | .use(Audio, { 26 | target: Dashboard, 27 | showRecordingLength: true, 28 | }) 29 | .use(ScreenCapture, { target: Dashboard }) 30 | .use(ImageEditor, { target: Dashboard }) 31 | .use(DropTarget, { target: document.body }) 32 | .use(Compressor) 33 | .use(GoldenRetriever, { serviceWorker: true }) 34 | 35 | // Keep this here to access JSIMg in tests 36 | window.JSIMg = JSIMg 37 | -------------------------------------------------------------------------------- /bin/build-ts.mjs: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | 3 | import { spawn } from 'node:child_process' 4 | import { once } from 'node:events' 5 | import { existsSync } from 'node:fs' 6 | import path from 'node:path' 7 | import { stdin, env } from 'node:process' 8 | import { createInterface as readLines } from 'node:readline' 9 | import { fileURLToPath } from 'node:url' 10 | 11 | const fromYarn = 'npm_execpath' in env 12 | const exe = fromYarn ? env.npm_execpath : 'corepack' 13 | const argv0 = fromYarn ? [] : ['yarn'] 14 | 15 | const cwd = fileURLToPath(new URL('../', import.meta.url)) 16 | 17 | const locations = [] 18 | 19 | for await (const line of readLines(stdin)) { 20 | const { location } = JSON.parse(line) 21 | if (existsSync(path.join(cwd, location, 'tsconfig.json'))) { 22 | locations.unshift(location) 23 | } 24 | const tsConfigBuildPath = path.join(cwd, location, 'tsconfig.build.json') 25 | if (existsSync(tsConfigBuildPath)) { 26 | locations.push(tsConfigBuildPath) 27 | } 28 | } 29 | 30 | const cp = spawn(exe, [...argv0, 'tsc', '--build', ...locations], { 31 | stdio: 'inherit', 32 | cwd, 33 | }) 34 | await Promise.race([ 35 | once(cp, 'error').then(err => Promise.reject(err)), 36 | await once(cp, 'exit') 37 | .then(([code]) => (code && Promise.reject(new Error(`Non-zero exit code when building TS projects: ${code}`)))), 38 | ]) 39 | -------------------------------------------------------------------------------- /packages/@JSIMg/aws-s3/types/index.d.ts: -------------------------------------------------------------------------------- 1 | import { AwsS3MultipartOptions } from '@uppy/aws-s3-multipart' 2 | import type { BasePlugin, Locale, PluginOptions, UppyFile } from '@uppy/core' 3 | 4 | type MaybePromise
4 |
5 | 
6 |
7 | The Audio plugin for Uppy lets you record audio using a built-in or external microphone, or any other audio device, on desktop and mobile.
8 |
9 | Uppy is being developed by the folks at [Transloadit](https://transloadit.com), a versatile file encoding service.
10 |
11 | ## Example
12 |
13 | ```js
14 | import Uppy from '@uppy/core'
15 | import Audio from '@uppy/audio'
16 |
17 | const uppy = new Uppy()
18 | uppy.use(Audio)
19 | ```
20 |
21 | ## Installation
22 |
23 | ```bash
24 | $ npm install @uppy/audio
25 | ```
26 |
27 | Alternatively, you can also use this plugin in a pre-built bundle from Transloadit’s CDN: Edgly. In that case `Uppy` will attach itself to the global `window.Uppy` object. See the [main Uppy documentation](https://uppy.io/docs/#Installation) for instructions.
28 |
29 | ## Documentation
30 |
31 | Documentation for this plugin can be found on the [Uppy website](https://uppy.io/docs/webcam).
32 |
33 | ## License
34 |
35 | [The MIT License](./LICENSE).
36 |
--------------------------------------------------------------------------------
/packages/@JSIMg/aws-s3/README.md:
--------------------------------------------------------------------------------
1 | # @uppy/aws-s3
2 |
3 |
4 |
5 | [](https://www.npmjs.com/package/@uppy/aws-s3)
6 | 
7 | 
8 | 
9 |
10 | The AwsS3 plugin can be used to upload files directly to an S3 bucket. Uploads can be signed using Companion or a custom signing function.
11 |
12 | Uppy is being developed by the folks at [Transloadit](https://transloadit.com), a versatile file encoding service.
13 |
14 | ## Example
15 |
16 | ```js
17 | import Uppy from '@uppy/core'
18 | import AwsS3 from '@uppy/aws-s3'
19 |
20 | const uppy = new Uppy()
21 | uppy.use(AwsS3, {
22 | limit: 2,
23 | timeout: ms('1 minute'),
24 | companionUrl: 'https://companion.myapp.com/',
25 | })
26 | ```
27 |
28 | ## Installation
29 |
30 | ```bash
31 | $ npm install @uppy/aws-s3
32 | ```
33 |
34 | Alternatively, you can also use this plugin in a pre-built bundle from Transloadit’s CDN: Edgly. In that case `Uppy` will attach itself to the global `window.Uppy` object. See the [main Uppy documentation](https://uppy.io/docs/#Installation) for instructions.
35 |
36 | ## Documentation
37 |
38 | Documentation for this plugin can be found on the [Uppy website](https://uppy.io/docs/aws-s3).
39 |
40 | ## License
41 |
42 | [The MIT License](./LICENSE).
43 |
--------------------------------------------------------------------------------
/packages/@JSIMg/audio/src/RecordButton.jsx:
--------------------------------------------------------------------------------
1 | import { h } from 'preact'
2 |
3 | export default function RecordButton ({ recording, onStartRecording, onStopRecording, i18n }) {
4 | if (recording) {
5 | return (
6 |
18 | )
19 | }
20 |
21 | return (
22 |
34 | )
35 | }
36 |
--------------------------------------------------------------------------------
/packages/@JSIMg/box/README.md:
--------------------------------------------------------------------------------
1 | # @JSIMg/box
2 |
3 | 
4 |
5 | [](https://www.npmjs.com/package/@JSIMg/box)
6 | 
7 | 
8 | 
9 |
10 | The Box plugin for JSIMg lets users import files from their Box account.
11 |
12 | A Companion instance is required for the Box plugin to work. Companion handles authentication with Box, downloads files from Box and uploads them to the destination. This saves the user bandwidth, especially helpful if they are on a mobile connection.
13 |
14 | JSIMg is being developed by the folks at [Transloadit](https://transloadit.com), a versatile file encoding service.
15 |
16 | ## Example
17 |
18 | ```js
19 | import JSIMg from '@JSIMg/core'
20 | import Box from '@JSIMg/box'
21 |
22 | const JSIMg = new JSIMg()
23 | JSIMg.use(Box, {
24 | // Options
25 | })
26 | ```
27 |
28 | ## Installation
29 |
30 | ```bash
31 | $ npm install @JSIMg/box
32 | ```
33 |
34 | Alternatively, you can also use this plugin in a pre-built bundle from Transloadit’s CDN: Edgly. In that case `JSIMg` will attach itself to the global `window.JSIMg` object. See the [main JSIMg documentation](https://JSIMg.io/docs/#Installation) for instructions.
35 |
36 | ## Documentation
37 |
38 | Documentation for this plugin can be found on the [JSIMg website](https://JSIMg.io/docs/box).
39 |
40 | ## License
41 |
42 | [The MIT License](./LICENSE).
43 |
--------------------------------------------------------------------------------
/packages/@JSIMg/audio/src/locale.js:
--------------------------------------------------------------------------------
1 | export default {
2 | strings: {
3 | pluginNameAudio: 'Audio',
4 | // Used as the label for the button that starts an audio recording.
5 | // This is not visibly rendered but is picked up by screen readers.
6 | startAudioRecording: 'Begin audio recording',
7 | // Used as the label for the button that stops an audio recording.
8 | // This is not visibly rendered but is picked up by screen readers.
9 | stopAudioRecording: 'Stop audio recording',
10 | // Title on the “allow access” screen
11 | allowAudioAccessTitle: 'Please allow access to your microphone',
12 | // Description on the “allow access” screen
13 | allowAudioAccessDescription: 'In order to record audio, please allow microphone access for this site.',
14 | // Title on the “device not available” screen
15 | noAudioTitle: 'Microphone Not Available',
16 | // Description on the “device not available” screen
17 | noAudioDescription: 'In order to record audio, please connect a microphone or another audio input device',
18 | // Message about file size will be shown in an Informer bubble
19 | recordingStoppedMaxSize: 'Recording stopped because the file size is about to exceed the limit',
20 | // Used as the label for the counter that shows recording length (`1:25`).
21 | // This is not visibly rendered but is picked up by screen readers.
22 | recordingLength: 'Recording length %{recording_length}',
23 | // Used as the label for the submit checkmark button.
24 | // This is not visibly rendered but is picked up by screen readers.
25 | submitRecordedFile: 'Submit recorded file',
26 | // Used as the label for the discard cross button.
27 | // This is not visibly rendered but is picked up by screen readers.
28 | discardRecordedFile: 'Discard recorded file',
29 | },
30 | }
31 |
--------------------------------------------------------------------------------
/packages/@JSIMg/aws-s3-multipart/types/index.test-d.ts:
--------------------------------------------------------------------------------
1 | import { expectError, expectType } from 'tsd'
2 | import Uppy from '@uppy/core'
3 | import type { UppyFile } from '@uppy/core'
4 | import AwsS3Multipart from '..'
5 | import type { AwsS3Part } from '..'
6 |
7 | {
8 | const uppy = new Uppy()
9 | uppy.use(AwsS3Multipart, {
10 | shouldUseMultipart: true,
11 | createMultipartUpload(file) {
12 | expectType
4 |
5 | [](https://www.npmjs.com/package/@uppy/aws-s3-multipart)
6 | 
7 | 
8 | 
9 |
10 | The AwsS3Multipart plugin can be used to upload files directly to an S3 bucket using S3’s Multipart upload strategy. With this strategy, files are chopped up in parts of 5MB+ each, so they can be uploaded concurrently. It’s also reliable: if a single part fails to upload, only that 5MB has to be retried.
11 |
12 | Uppy is being developed by the folks at [Transloadit](https://transloadit.com), a versatile file encoding service.
13 |
14 | ## Example
15 |
16 | ```js
17 | import Uppy from '@uppy/core'
18 | import AwsS3Multipart from '@uppy/aws-s3-multipart'
19 |
20 | const uppy = new Uppy()
21 | uppy.use(AwsS3Multipart, {
22 | limit: 2,
23 | companionUrl: 'https://companion.myapp.com/',
24 | })
25 | ```
26 |
27 | ## Installation
28 |
29 | ```bash
30 | $ npm install @uppy/aws-s3-multipart
31 | ```
32 |
33 | Alternatively, you can also use this plugin in a pre-built bundle from Transloadit’s CDN: Edgly. In that case `Uppy` will attach itself to the global `window.Uppy` object. See the [main Uppy documentation](https://uppy.io/docs/#Installation) for instructions.
34 |
35 | ## Documentation
36 |
37 | Documentation for this plugin can be found on the [Uppy website](https://uppy.io/docs/aws-s3-multipart).
38 |
39 | ## License
40 |
41 | [The MIT License](./LICENSE).
42 |
--------------------------------------------------------------------------------
/packages/@JSIMg/companion-client/README.md:
--------------------------------------------------------------------------------
1 | # @uppy/companion-client
2 |
3 |
4 |
5 | [](https://www.npmjs.com/package/@uppy/companion-client)
6 | 
7 | 
8 | 
9 |
10 | Client library for communication with Companion. Intended for use in Uppy plugins.
11 |
12 | Uppy is being developed by the folks at [Transloadit](https://transloadit.com), a versatile file encoding service.
13 |
14 | ## Example
15 |
16 | ```js
17 | import Uppy from '@uppy/core'
18 | import { Provider, RequestClient, Socket } from '@uppy/companion-client'
19 |
20 | const uppy = new Uppy()
21 |
22 | const client = new RequestClient(uppy, { companionUrl: 'https://uppy.mywebsite.com/' })
23 | client.get('/drive/list').then(() => {})
24 |
25 | const provider = new Provider(uppy, {
26 | companionUrl: 'https://uppy.mywebsite.com/',
27 | provider: providerPluginInstance,
28 | })
29 | provider.checkAuth().then(() => {})
30 |
31 | const socket = new Socket({ target: 'wss://uppy.mywebsite.com/' })
32 | socket.on('progress', () => {})
33 | ```
34 |
35 | ## Installation
36 |
37 | > Unless you are writing a custom provider plugin, you do not need to install this.
38 |
39 | ```bash
40 | $ npm install @uppy/companion-client
41 | ```
42 |
43 |
48 |
49 | ## License
50 |
51 | [The MIT License](./LICENSE).
52 |
--------------------------------------------------------------------------------
/packages/@JSIMg/companion-client/src/Socket.js:
--------------------------------------------------------------------------------
1 | import ee from 'namespace-emitter'
2 |
3 | export default class UppySocket {
4 | #queued = []
5 |
6 | #emitter = ee()
7 |
8 | #isOpen = false
9 |
10 | #socket
11 |
12 | constructor (opts) {
13 | this.opts = opts
14 |
15 | if (!opts || opts.autoOpen !== false) {
16 | this.open()
17 | }
18 | }
19 |
20 | get isOpen () { return this.#isOpen }
21 |
22 | [Symbol.for('uppy test: getSocket')] () { return this.#socket }
23 |
24 | [Symbol.for('uppy test: getQueued')] () { return this.#queued }
25 |
26 | open () {
27 | if (this.#socket != null) return
28 |
29 | this.#socket = new WebSocket(this.opts.target)
30 |
31 | this.#socket.onopen = () => {
32 | this.#isOpen = true
33 |
34 | while (this.#queued.length > 0 && this.#isOpen) {
35 | const first = this.#queued.shift()
36 | this.send(first.action, first.payload)
37 | }
38 | }
39 |
40 | this.#socket.onclose = () => {
41 | this.#isOpen = false
42 | this.#socket = null
43 | }
44 |
45 | this.#socket.onmessage = this.#handleMessage
46 | }
47 |
48 | close () {
49 | this.#socket?.close()
50 | }
51 |
52 | send (action, payload) {
53 | // attach uuid
54 |
55 | if (!this.#isOpen) {
56 | this.#queued.push({ action, payload })
57 | return
58 | }
59 |
60 | this.#socket.send(JSON.stringify({
61 | action,
62 | payload,
63 | }))
64 | }
65 |
66 | on (action, handler) {
67 | this.#emitter.on(action, handler)
68 | }
69 |
70 | emit (action, payload) {
71 | this.#emitter.emit(action, payload)
72 | }
73 |
74 | once (action, handler) {
75 | this.#emitter.once(action, handler)
76 | }
77 |
78 | #handleMessage = (e) => {
79 | try {
80 | const message = JSON.parse(e.data)
81 | this.emit(message.action, message.payload)
82 | } catch (err) {
83 | // TODO: use a more robust error handler.
84 | console.log(err) // eslint-disable-line no-console
85 | }
86 | }
87 | }
88 |
--------------------------------------------------------------------------------
/e2e/cypress/integration/reusable.ts:
--------------------------------------------------------------------------------
1 | /* global cy */
2 |
3 | const interceptCompanionReq = () =>
4 | cy
5 | .intercept({ method: 'POST', url: 'http://localhost:3020/url/get' })
6 | .as('url')
7 | export const interceptCompanionUrlMetaRequest = () =>
8 | cy
9 | .intercept({ method: 'POST', url: 'http://localhost:3020/url/meta' })
10 | .as('url-meta')
11 |
12 | export function runRemoteUrlImageUploadTest() {
13 | cy.get('[data-cy="Url"]').click()
14 | cy.get('.JSIMg-Url-input').type(
15 | 'https://raw.githubusercontent.com/transloadit/JSIMg/main/e2e/cypress/fixtures/images/cat.jpg',
16 | )
17 | cy.get('.JSIMg-Url-importButton').click()
18 | interceptCompanionReq()
19 | cy.get('.JSIMg-StatusBar-actionBtn--upload').click()
20 | cy.wait('@url').then(() => {
21 | cy.get('.JSIMg-StatusBar-statusPrimary').should('contain', 'Complete')
22 | })
23 | }
24 |
25 | export function runRemoteUnsplashUploadTest() {
26 | cy.get('[data-cy="Unsplash"]').click()
27 | cy.get('.JSIMg-SearchProvider-input').type('book')
28 | cy.intercept({
29 | method: 'GET',
30 | url: 'http://localhost:3020/search/unsplash/list?q=book',
31 | }).as('unsplash-list')
32 | cy.get('.JSIMg-SearchProvider-searchButton').click()
33 | cy.wait('@unsplash-list')
34 | // Test that the author link is visible
35 | cy.get('.JSIMg-ProviderBrowserItem')
36 | .first()
37 | .within(() => {
38 | cy.root().click()
39 | // We have hover states that show the author
40 | // but we don't have hover in e2e, so we focus after the click
41 | // to get the same effect. Also tests keyboard users this way.
42 | cy.get('input[type="checkbox"]').focus()
43 | cy.get('a').should('have.css', 'display', 'block')
44 | })
45 | cy.get('.JSIMg-c-btn-primary').click()
46 | cy.intercept({
47 | method: 'POST',
48 | url: 'http://localhost:3020/search/unsplash/get/*',
49 | }).as('unsplash-get')
50 | cy.get('.JSIMg-StatusBar-actionBtn--upload').click()
51 | cy.wait('@unsplash-get').then(() => {
52 | cy.get('.JSIMg-StatusBar-statusPrimary').should('contain', 'Complete')
53 | })
54 | }
55 |
--------------------------------------------------------------------------------
/packages/@JSIMg/aws-s3/src/index.test.js:
--------------------------------------------------------------------------------
1 | import { beforeEach, describe, expect, it } from 'vitest'
2 | import 'whatwg-fetch'
3 | import Core from '@uppy/core'
4 | import AwsS3 from './index.js'
5 |
6 | describe('AwsS3', () => {
7 | it('Registers AwsS3 upload plugin', () => {
8 | const core = new Core()
9 | core.use(AwsS3)
10 |
11 | const pluginNames = core[Symbol.for('uppy test: getPlugins')]('uploader').map((plugin) => plugin.constructor.name)
12 | expect(pluginNames).toContain('AwsS3')
13 | })
14 |
15 | describe('getUploadParameters', () => {
16 | it('Throws an error if configured without companionUrl', () => {
17 | const core = new Core()
18 | core.use(AwsS3)
19 | const awsS3 = core.getPlugin('AwsS3')
20 |
21 | expect(awsS3.opts.getUploadParameters).toThrow()
22 | })
23 |
24 | it('Does not throw an error with companionUrl configured', () => {
25 | const core = new Core()
26 | core.use(AwsS3, { companionUrl: 'https://companion.uppy.io/' })
27 | const awsS3 = core.getPlugin('AwsS3')
28 | const file = {
29 | meta: {
30 | name: 'foo.jpg',
31 | type: 'image/jpg',
32 | },
33 | }
34 |
35 | expect(() => awsS3.opts.getUploadParameters(file)).not.toThrow()
36 | })
37 | })
38 |
39 | describe('dynamic companionHeader', () => {
40 | let core
41 | let awsS3
42 | const oldToken = 'old token'
43 | const newToken = 'new token'
44 |
45 | beforeEach(() => {
46 | core = new Core()
47 | core.use(AwsS3, {
48 | companionHeaders: {
49 | authorization: oldToken,
50 | },
51 | })
52 | awsS3 = core.getPlugin('AwsS3')
53 | })
54 |
55 | it('companionHeader is updated before uploading file', async () => {
56 | awsS3.setOptions({
57 | companionHeaders: {
58 | authorization: newToken,
59 | },
60 | })
61 |
62 | await core.upload()
63 |
64 | const client = awsS3[Symbol.for('uppy test: getClient')]()
65 |
66 | expect(client[Symbol.for('uppy test: getCompanionHeaders')]().authorization).toEqual(newToken)
67 | })
68 | })
69 | })
70 |
--------------------------------------------------------------------------------
/e2e/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "e2e",
3 | "private": true,
4 | "author": "Merlijn Vos
72 |
115 | )
116 | }
117 |
--------------------------------------------------------------------------------
/bin/build-css.js:
--------------------------------------------------------------------------------
1 | const sass = require('sass');
2 | const postcss = require('postcss');
3 | const autoprefixer = require('autoprefixer');
4 | const postcssLogical = require('postcss-logical');
5 | const postcssDirPseudoClass = require('postcss-dir-pseudo-class');
6 | const cssnano = require('cssnano');
7 | const { promisify } = require('node:util');
8 | const fs = require('node:fs');
9 | const path = require('node:path');
10 | const resolve = require('resolve');
11 | const glob = promisify(require('glob'));
12 |
13 | const renderScss = promisify(sass.render);
14 | const { mkdir, writeFile } = fs.promises;
15 |
16 | const cwd = process.cwd();
17 | let chalk;
18 |
19 | function getPostCSSPlugins() {
20 | return [
21 | autoprefixer,
22 | postcssLogical(),
23 | postcssDirPseudoClass(),
24 | ];
25 | }
26 |
27 | async function compileSCSS(file) {
28 | const importedFiles = new Set();
29 | const scssResult = await renderScss({
30 | file,
31 | importer: createImporter(importedFiles),
32 | });
33 | return scssResult.css;
34 | }
35 |
36 | function createImporter(importedFiles) {
37 | return (url, from, done) => {
38 | resolve(url, {
39 | basedir: path.dirname(from),
40 | filename: from,
41 | extensions: ['.scss'],
42 | }, (err, resolved) => {
43 | if (err) {
44 | done(err);
45 | return;
46 | }
47 |
48 | const realpath = fs.realpathSync(resolved);
49 | if (importedFiles.has(realpath)) {
50 | done({ contents: '' });
51 | return;
52 | }
53 | importedFiles.add(realpath);
54 | done({ file: realpath });
55 | });
56 | };
57 | }
58 |
59 | async function processCSS(css, file, plugins) {
60 | const result = await postcss(plugins).process(css, { from: file });
61 | result.warnings().forEach(warn => console.warn(warn.toString()));
62 | return result;
63 | }
64 |
65 | async function handleCSSOutput(file, css) {
66 | const outputDir = path.join(path.dirname(file), '../dist');
67 | const outfile = isJSIMgPackage(file) ?
68 | `${outputDir}/JSIMg.css` :
69 | `${outputDir}/style.css`;
70 |
71 | await saveCSS(outfile, css);
72 | const minifiedCSS = await minifyCSS(outfile, css);
73 | await saveCSS(outfile.replace(/\.css$/, '.min.css'), minifiedCSS);
74 | }
75 |
76 | async function handleCSSOutput(file, css) {
77 | const outputDir = path.join(path.dirname(file), '../dist');
78 | const outfile = isFibcousPackage(file) ?
79 | `${outputDir}/fibcous.css` :
80 | `${outputDir}/style.css`;
81 |
82 | await saveAndLogCSS(outfile, css);
83 | const minifiedCSS = await minifyCSS(outfile, css);
84 | await saveAndLogCSS(outfile.replace(/\.css$/, '.min.css'), minifiedCSS);
85 | }
86 |
87 |
88 |
89 | async function saveCSS(outfile, css) {
90 | try {
91 | await mkdir(path.dirname(outfile), { recursive: true });
92 | await writeFile(outfile, css);
93 | console.info(chalk.green('✓ CSS Processed:'), chalk.magenta(path.relative(cwd, outfile)));
94 | } catch (err) {
95 | throw new Error(`Failed to write file ${outfile}: ${err.message}`);
96 | }
97 | }
98 |
99 | function isJSIMgPackage(file) {
100 | return path.normalize(file).includes('packages/JSIMg/');
101 | }
102 |
103 | async function minifyCSS(outfile, css) {
104 | const result = await postcss([cssnano({ safe: true })]).process(css, { from: outfile });
105 | result.warnings().forEach(warn => console.warn(warn.toString()));
106 | return result.css;
107 | }
108 |
109 | async function compileCSS() {
110 | ({ default: chalk } = await import('chalk'));
111 | const files = await glob('packages/{,@JSIMg/}*/src/style.scss');
112 | const plugins = getPostCSSPlugins();
113 |
114 | for (const file of files) {
115 | try {
116 | const css = await compileSCSS(file);
117 | const postcssResult = await processCSS(css, file, plugins);
118 | await handleCSSOutput(file, postcssResult.css);
119 | } catch (err) {
120 | console.error(chalk.red(`✗ Error processing ${file}:`), chalk.red(err.message));
121 | }
122 | }
123 |
124 | console.info(chalk.yellow('CSS Bundles OK'));
125 | };
126 |
127 | compileCSS().catch(err => {
128 | console.error(chalk.red('✗ Global Error:'), chalk.red(err.message));
129 | });
130 |
--------------------------------------------------------------------------------
/bin/build-lib.js:
--------------------------------------------------------------------------------
1 | const babel = require('@babel/core');
2 | const path = require('node:path');
3 |
4 | const t = require('@babel/types');
5 | const { promisify } = require('node:util');
6 | const glob = promisify(require('glob'));
7 | const fs = require('node:fs');
8 |
9 | const { mkdir, stat, writeFile } = fs.promises;
10 |
11 | const PACKAGE_JSON_IMPORT = /^\..*\/package.json$/;
12 | const SOURCE = 'packages/{*,@JSIMg/*}/src/**/*.{js,ts}?(x)';
13 |
14 | const IGNORE = /\.test\.[jt]s$|__mocks__|svelte|angular|companion\//;
15 | const META_FILES = [
16 | 'babel.config.js',
17 | 'package.json',
18 | 'package-lock.json',
19 | 'yarn.lock',
20 | 'bin/build-lib.js',
21 | ];
22 |
23 | function lastModified (file, createParentDir = false) {
24 | return stat(file).then((s) => s.mtime, async (err) => {
25 | if (err.code === 'ENOENT') {
26 | if (createParentDir) {
27 | await mkdir(path.dirname(file), { recursive: true })
28 | }
29 | return 0
30 | }
31 | throw err
32 | })
33 | };
34 |
35 | const versionCache = new Map();
36 |
37 | async function preparePackage (file) {
38 | const packageFolder = file.slice(0, file.indexOf('/src/'))
39 | if (versionCache.has(packageFolder)) return
40 |
41 | // eslint-disable-next-line import/no-dynamic-require, global-require
42 | const { version } = require(path.join(__dirname, '..', packageFolder, 'package.json'))
43 | if (process.env.FRESH) {
44 | // in case it hasn't been done before.
45 | await mkdir(path.join(packageFolder, 'lib'), { recursive: true })
46 | }
47 | versionCache.set(packageFolder, version)
48 | };
49 |
50 | const nonJSImport = /^\.\.?\/.+\.([jt]sx|ts)$/;
51 | // eslint-disable-next-line no-shadow
52 | function rewriteNonJSImportsToJS (path) {
53 | const match = nonJSImport.exec(path.node.source.value)
54 | if (match) {
55 | // eslint-disable-next-line no-param-reassign
56 | path.node.source.value = `${match[0].slice(0, -match[1].length)}js`
57 | }
58 | };
59 |
60 | async function buildLib () {
61 | const metaMtimes = await Promise.all(META_FILES.map((filename) => lastModified(path.join(__dirname, '..', filename))))
62 | const metaMtime = Math.max(...metaMtimes)
63 |
64 | const files = await glob(SOURCE)
65 | /* eslint-disable no-continue */
66 | for (const file of files) {
67 | if (IGNORE.test(file)) {
68 | continue
69 | }
70 | await preparePackage(file)
71 | const libFile = file.replace('/src/', '/lib/').replace(/\.[jt]sx?$/, '.js')
72 |
73 | // on a fresh build, rebuild everything.
74 | if (!process.env.FRESH) {
75 | const [srcMtime, libMtime] = await Promise.all([
76 | lastModified(file),
77 | lastModified(libFile, true),
78 | ])
79 | if (srcMtime < libMtime && metaMtime < libMtime) {
80 | continue
81 | }
82 | }
83 |
84 | const plugins = [{
85 | visitor: {
86 | // eslint-disable-next-line no-shadow
87 | ImportDeclaration (path) {
88 | rewriteNonJSImportsToJS(path)
89 | if (PACKAGE_JSON_IMPORT.test(path.node.source.value)
90 | && path.node.specifiers.length === 1
91 | && path.node.specifiers[0].type === 'ImportDefaultSpecifier') {
92 | const version = versionCache.get(file.slice(0, file.indexOf('/src/')))
93 | if (version != null) {
94 | const [{ local }] = path.node.specifiers
95 | path.replaceWith(
96 | t.variableDeclaration('const', [t.variableDeclarator(local,
97 | t.objectExpression([
98 | t.objectProperty(t.stringLiteral('version'), t.stringLiteral(version)),
99 | ]))]),
100 | )
101 | }
102 | }
103 | },
104 |
105 | ExportAllDeclaration: rewriteNonJSImportsToJS,
106 | },
107 | }]
108 | const isTSX = file.endsWith('.tsx')
109 | if (isTSX || file.endsWith('.ts')) { plugins.push(['@babel/plugin-transform-typescript', { disallowAmbiguousJSXLike: true, isTSX, jsxPragma: 'h' }]) }
110 |
111 | const { code, map } = await babel.transformFileAsync(file, { sourceMaps: true, plugins })
112 | const [{ default: chalk }] = await Promise.all([
113 | import('chalk'),
114 | writeFile(libFile, code),
115 | writeFile(`${libFile}.map`, JSON.stringify(map)),
116 | ])
117 | console.log(chalk.green('Compiled lib:'), chalk.magenta(libFile))
118 | }
119 | /* eslint-enable no-continue */
120 | };
121 |
122 | console.log('Using Babel version:', require('@babel/core/package.json').version)
123 |
124 | buildLib().catch((err) => {
125 | console.error(err)
126 | process.exit(1)
127 | });
128 |
--------------------------------------------------------------------------------
/packages/@JSIMg/audio/src/style.scss:
--------------------------------------------------------------------------------
1 | @import '@uppy/core/src/_utils.scss';
2 | @import '@uppy/core/src/_variables.scss';
3 |
4 | .uppy-Audio-container {
5 | width: 100%;
6 | height: 100%;
7 | display: flex;
8 | justify-content: center;
9 | align-items: center;
10 | flex-direction: column;
11 | }
12 |
13 | .uppy-Audio-audioContainer {
14 | display: flex;
15 | width: 100%;
16 | height: 100%;
17 | background-color: $gray-300;
18 | position: relative;
19 | justify-content: center;
20 | align-items: center;
21 | }
22 |
23 | .uppy-Audio-player {
24 | width: 85%;
25 | border-radius: 12px;
26 | }
27 |
28 | .uppy-Audio-canvas {
29 | width: 100%;
30 | height: 100%;
31 | position: absolute;
32 | top: 0;
33 | left: 0;
34 | right: 0;
35 | bottom: 0;
36 | }
37 |
38 | .uppy-Audio-footer {
39 | width: 100%;
40 | // min-height: 75px;
41 | display: flex;
42 | flex-wrap: wrap;
43 | align-items: center;
44 | justify-content: space-between;
45 | padding: 20px 20px;
46 | }
47 |
48 | .uppy-Audio-audioSourceContainer {
49 | width: 100%;
50 | flex-grow: 0;
51 | }
52 |
53 | .uppy-size--lg .uppy-Audio-audioSourceContainer {
54 | width: 33%;
55 | margin: 0; // vertical alignment handled by the flexbox wrapper
56 | }
57 |
58 | .uppy-Audio-audioSource-select {
59 | display: block;
60 | font-size: 16px;
61 | line-height: 1.2;
62 | padding: 0.4em 1em 0.3em 0.4em;
63 | width: 100%;
64 | max-width: 90%;
65 | border: 1px solid $gray-600;
66 | background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
67 | background-repeat: no-repeat;
68 | background-position:
69 | right 0.4em top 50%,
70 | 0 0;
71 | background-size:
72 | 0.65em auto,
73 | 100%;
74 | margin: auto;
75 | margin-bottom: 10px;
76 | white-space: nowrap;
77 | text-overflow: ellipsis;
78 |
79 | .uppy-size--lg & {
80 | font-size: 14px;
81 | margin-bottom: 0;
82 | }
83 | }
84 |
85 | .uppy-Audio-audioSource-select::-ms-expand {
86 | display: none;
87 | }
88 |
89 | .uppy-Audio-buttonContainer {
90 | width: 50%;
91 | margin-left: 25%;
92 | text-align: center;
93 | flex: 1;
94 | }
95 |
96 | .uppy-size--lg .uppy-Audio-buttonContainer {
97 | width: 34%;
98 | margin-left: 0;
99 | }
100 |
101 | .uppy-Audio-recordingLength {
102 | width: 25%;
103 | flex-grow: 0;
104 | color: $gray-600;
105 | font-family: $font-family-mono;
106 | text-align: right;
107 | }
108 |
109 | .uppy-size--lg .uppy-Audio-recordingLength {
110 | width: 33%;
111 | }
112 |
113 | .uppy-Audio-button {
114 | @include blue-border-focus;
115 | width: 45px;
116 | height: 45px;
117 | border-radius: 50%;
118 | background-color: $red;
119 | color: $white;
120 | cursor: pointer;
121 | transition: all 0.3s;
122 |
123 | &:hover {
124 | background-color: darken($red, 5%);
125 | }
126 |
127 | [data-uppy-theme='dark'] & {
128 | @include blue-border-focus--dark;
129 | }
130 | }
131 |
132 | .uppy-Audio-button--submit {
133 | background-color: $blue;
134 | margin: 0 12px;
135 |
136 | &:hover {
137 | background-color: darken($blue, 5%);
138 | }
139 | }
140 |
141 | .uppy-Audio-button svg {
142 | width: 26px;
143 | height: 26px;
144 | max-width: 100%;
145 | max-height: 100%;
146 | display: inline-block;
147 | vertical-align: text-top;
148 | overflow: hidden;
149 | fill: currentColor;
150 | }
151 |
152 | .uppy-size--md .uppy-Audio-button {
153 | width: 60px;
154 | height: 60px;
155 | }
156 |
157 | .uppy-Audio-permissons {
158 | padding: 15px;
159 | display: flex;
160 | align-items: center;
161 | justify-content: center;
162 | flex-flow: column wrap;
163 | height: 100%;
164 | flex: 1;
165 | }
166 |
167 | .uppy-Audio-permissons p {
168 | max-width: 450px;
169 | line-height: 1.3;
170 | text-align: center;
171 | line-height: 1.45;
172 | color: $gray-500;
173 | margin: 0;
174 | }
175 |
176 | .uppy-Audio-permissonsIcon svg {
177 | width: 100px;
178 | height: 75px;
179 | color: $gray-400;
180 | margin-bottom: 30px;
181 | }
182 |
183 | .uppy-Audio-title {
184 | font-size: 22px;
185 | line-height: 1.35;
186 | font-weight: 400;
187 | margin: 0;
188 | margin-bottom: 5px;
189 | padding: 0 15px;
190 | max-width: 500px;
191 | text-align: center;
192 | color: $gray-800;
193 |
194 | [data-uppy-theme='dark'] & {
195 | color: $gray-200;
196 | }
197 | }
198 |
--------------------------------------------------------------------------------
/packages/@JSIMg/aws-s3-multipart/types/index.d.ts:
--------------------------------------------------------------------------------
1 | import type { BasePlugin, PluginOptions, UppyFile } from '@uppy/core'
2 |
3 | type MaybePromise
73 | {hasRecordedAudio
74 | ? (
75 |
80 | ) : (
81 |
85 | )}
86 |
87 |
88 |
114 |
89 | {shouldShowAudioSourceDropdown
90 | ? AudioSourceSelect(props)
91 | : null}
92 |
93 |
94 | {shouldShowRecordButton && (
95 |
107 |
108 |
109 | {!hasRecordedAudio && (
110 |
113 |