Iiif-manifest-editor NPM

Digirati IIIF Manifest Editor

An extensible visual tool for creating IIIF Manifests and more
Compatible with IIIF Presentation API 2 and 3
Preview your work as you go in your viewer of choice
Create IIIF Manifests to drive custom narratives and other viewing experiences
Integrate the Manifest Editor into your own tools and workflows

screenshot of Manifest Editor

Up the project localy

pnpm build
pnpm dev

Background

In 2017 we started working on IIIF Manifest-driven narratives for the V&A, and in 2018 for Delft University of Technology Library. These were based on the first iteration of our Canvas Panel component.

In 2018 we developed an experimental IIIF Workbench for assembling complex canvases in a visual environment (like PowerPoint).

These combined to make a IIIF Manifest Editor that in normal, default mode produces IIIF Presentation 3 Manifests, but can be extended with plugins to produce IIIF Manifests with particular structures and custom behavior properties, to drive custom viewing experiences - slideshows, guided viewing and the complex digital exhibition layouts seen in the Delft examples. Development of branches of the Manifest Editor for different clients went hand in hand with new viewers and static site generators.

The new version

The new Manifest Editor builds on our experiences building content creation tools and custom viewing experiences. Our aim is for the new editor to be more sustainable, which in this context also means cheaper for ourselves and others to customise and adapt. This means a separation of viewing/previewing from content creation for most scenarios. We have ended up with multiple versions of the Manifest Editor, with different IIIF capabilities, user interfaces, and persistence mechanisms. Some versions integrate with our DLCS platform, allowing drag-and-drop creation of IIIF Image Services in real time.

We don't want to needlessly throw away the capabilities we have, but we want to maintain one editor going forward, that is simple and reliable to use, with excellent user experience. The needs of different adopters and users should be met by configuration, and choice of plugins, rather than different versions of the core editor.

Audience

People who want to learn IIIF
IIIF novices using a visual, PowerPoint-like tool for creating Manifests intended for viewing in Universal Viewer, Mirador and other standard IIIF environments
Museum staff assembling manifests intended for custom storytelling or digital exhibition environments
People who need tools to enhance existing (perhaps machine-generated) IIIF with additional information and structure
Researchers and students assembling their own IIIF by remixing existing sources
(and many more in the issues and discussions)

Features

Create new Manifest
Add Canvases
Add single resources (media) to a Canvas
Add multiple resources - create image choices, collages and more
Browse IIIF (via IIIF Collections) to import Canvases
Load any compliant version 2 or version 3 Manifest
Edit all properties of Manifests and other IIIF resources
Allow developers to make use of the Manifest Editor's application services to quickly develop extensions

Join the discussion

We're using GitHub discussions to explore ideas, and the Wiki to think about implementation.

Acknowledgements

The development of the IIIF Manifest Editor has been supported by:

Delft University of Technology Library
The National Gallery, Practical applications of IIIF project funded by AHRC as a Foundation Project within the Towards a National Collection programme. Dec 2021 - Apr 2022
Canadian Research Knowledge Network

JSONStream abbrev add-stream agent-base aggregate-error ansi-colors ansi-escapes ansi-regex ansi-styles any-promise anymatch aproba arg argparse array-differ array-ify array-union arrify async asynckit axios balanced-match base64-js before-after-hook bin-links binary-extensions bl brace-expansion braces buffer buffer-from byte-size cacache callsites camelcase camelcase-css camelcase-keys chalk chalk-template chardet chokidar chownr ci-info clean-stack cli-cursor cli-spinners cli-width cliui clone clone-deep cmd-shim color-convert color-name color-support columnify combined-stream commander common-ancestor-path compare-func concat-map concat-stream console-control-strings conventional-changelog-angular conventional-changelog-core conventional-changelog-preset-loader conventional-changelog-writer conventional-commits-filter conventional-commits-parser conventional-recommended-bump copy-anything core-util-is cosmiconfig cross-spawn cssesc dargs dateformat debug decamelize decamelize-keys dedent defaults define-lazy-prop delayed-stream deprecation detect-indent didyoumean diff-sequences dir-glob dlv dot-prop dotenv dotenv-expand duplexer eastasianwidth effect ejs emoji-regex encoding end-of-stream enquirer env-paths envinfo err-code errno error-ex escalade escape-string-regexp eslint eslint-config-prettier eslint-config-turbo eslint-import-resolver-alias eslint-import-resolver-node eslint-import-resolver-typescript eslint-module-utils eslint-plugin-eslint-comments eslint-plugin-import eslint-plugin-jest eslint-plugin-jsx-a11y eslint-plugin-only-warn eslint-plugin-playwright eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-testing-library eslint-plugin-tsdoc eslint-plugin-turbo eslint-plugin-unicorn eslint-plugin-vitest eslint-scope eslint-visitor-keys esprima eventemitter3 execa exponential-backoff external-editor fast-check fast-glob fastq figures filelist fill-range find-up flat follow-redirects foreground-child form-data front-matter fs-constants fs-extra fs-minipass fs.realpath function-bind get-caller-file get-east-asian-width get-pkg-repo get-port get-stream git-raw-commits git-remote-origin-url git-semver-tags git-up git-url-parse gitconfiglocal glob glob-parent globby graceful-fs handlebars hard-rejection has-flag has-unicode hasown hosted-git-info http-cache-semantics http-proxy-agent https-proxy-agent human-signals iconv-lite icss-utils ieee754 ignore ignore-walk image-size immutable import-fresh import-local imurmurhash indent-string inflight inherits ini init-package-json inquirer ip-address is-arrayish is-binary-path is-ci is-core-module is-docker is-extglob is-fullwidth-code-point is-glob is-interactive is-lambda is-number is-obj is-plain-obj is-plain-object is-ssh is-stream is-text-path is-unicode-supported is-what is-wsl isarray isexe isobject jackspeak jake jest-diff jest-get-type jiti js-tokens js-yaml jsbn json-parse-better-errors json-parse-even-better-errors json-stringify-nice json-stringify-safe json5 jsonc-parser jsonfile jsonparse just-diff just-diff-apply kind-of kleur less libnpmaccess libnpmpublish lilconfig lines-and-columns load-json-file locate-path lodash lodash.camelcase lodash.ismatch log-symbols lru-cache make-dir make-fetch-happen map-obj meow merge-stream merge2 micromatch mime mime-db mime-types mimic-fn min-indent minimatch minimist minimist-options minipass minipass-collect minipass-fetch minipass-flush minipass-pipeline minipass-sized minizlib mkdirp modify-values mri ms multimatch mute-stream mz nanoid needle negotiator neo-async node-fetch node-gyp node-machine-id nopt normalize-package-data normalize-path npm-bundled npm-install-checks npm-normalize-package-bin npm-package-arg npm-packlist npm-pick-manifest npm-registry-fetch npm-run-path nx object-assign object-hash once onetime open ora os-tmpdir p-finally p-limit p-locate p-map p-map-series p-pipe p-queue p-reduce p-timeout p-try p-waterfall package-json-from-dist pacote parent-module parse-conflict-json parse-json parse-node-version parse-path parse-url path-exists path-is-absolute path-key path-parse path-scurry path-type picocolors picomatch pify pirates pkg-dir postcss postcss-import postcss-js postcss-load-config postcss-modules-extract-imports postcss-modules-local-by-default postcss-modules-scope postcss-nested postcss-selector-parser postcss-value-parser prettier-plugin-packagejson pretty-format proc-log process-nextick-args proggy promise-all-reject-late promise-call-limit promise-inflight promise-retry prompts promzard protocols proxy-from-env prr pure-rand queue-microtask quick-lru react-is read read-cache read-cmd-shim read-package-json-fast read-pkg read-pkg-up read-yaml-file readable-stream readdirp redent require-directory reserved-words resolve resolve-cwd resolve-from restore-cursor retry reusify rimraf run-async run-parallel rxjs sade safe-buffer safer-buffer sass sax semver set-blocking shallow-clone shebang-command shebang-regex signal-exit sigstore sisteransi slash smart-buffer socks socks-proxy-agent sort-keys source-map source-map-js spdx-correct spdx-exceptions spdx-expression-parse spdx-license-ids split split2 sprintf-js ssri stdin-discarder string-width string-width-cjs string_decoder strip-ansi strip-ansi-cjs strip-bom strip-final-newline strip-indent strong-log-transformer stylus sucrase supports-color supports-preserve-symlinks-flag tar tar-stream temp-dir text-extensions thenify thenify-all through through2 tightrope tmp to-regex-range tr46 treeverse trim-newlines ts-interface-checker ts-toolbelt tsconfig-paths tuf-js turbo-linux-64 type-fest typedarray uglify-js unicorn-magic unique-filename unique-slug universal-user-agent universalify upath util-deprecate uuid validate-npm-package-license validate-npm-package-name walk-up-path wcwidth webidl-conversions whatwg-url which wide-align wordwrap wrap-ansi wrap-ansi-cjs wrappy write-file-atomic write-json-file write-pkg xtend y18n yallist yaml yargs yargs-parser

3 months ago

3 months ago

3 months ago

3 months ago