npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@inrupt/artifact-generator

v4.0.0

Published

A generator for building artifacts (e.g. Java JARs, NPM modules, etc.) from RDF vocabularies.

Downloads

51

Readme

Artifact Generator

This tool automatically generates deployable artifacts for various programming languages (e.g., npm Node.js modules for JavaScript, JARs for Java, assemblies for C#, etc.). These artifacts contain source-code files defining programming-language constants for the terms (e.g., the Classes, Properties, and Constants) found in RDF vocabularies (such as Schema.org, FOAF, Activity Streams, Solid vocabularies, or your own custom vocabularies).

Quick start demo

To immediately appreciate some of the major capabilities enabled by the Artifact Generator, you can easily run our very simple Runnable Demo, which simply displays some very intuitive questions, with the answers coming directly from vocabulary metadata.

Prerequisites

npm

To install the Artifact Generator you will need npm (although it can also be run via npx).

We highly recommend the use of Node.js Version Manager (nvm) to manage multiple versions of npm, and also to set up your npm permissions properly. To install nvm, follow the instructions here.

Note on npm permissions:

If you do not use nvm, and you try to install the Artifact Generator globally, you may encounter EACCES permission errors, or other permission-related errors, when trying to run npm install -g. If so, please refer to this npm document on how to set your permissions correctly.

Table of contents

Quick start

There are a number of options for running the Artifact Generator:

  1. Install it globally (convenient if you plan to use it a lot, and you don't mind globally installed packages).
  2. Install it locally (convenient for regular use, but you want to avoid globally installed packages).
  3. Clone the repo and execute it from the install directory (slightly less convenient than a global install, but still useful if you plan to use it often).
  4. Use npx (very convenient for single time use, or just to try it out).

1. Global install

We don't recommend installing any Node.js packages globally, but if you do want to run the Artifact Generator easily from any directory on your local machine, you can do so by running:

npm -g install @inrupt/artifact-generator

Ensure the installation completed successfully:

artifact-generator --help

2. Local install

Create a new npm project and install the Artifact Generator as a dependency. You can then run it by referencing it's index.js from within the node_modules directory. For example:

> npm init
This utility will walk you through creating a package.json file.
:
:
Is this OK? (yes) 
>
> npm install @inrupt/artifact-generator
:
:
+ @inrupt/[email protected]
added 204 packages from 247 contributors in 25.349s

17 packages are looking for funding
  run `npm fund` for details
>
> node node_modules/@inrupt/artifact-generator/index.js --version
0.13.3
>

3. Clone the GitHub repository

If you wish to clone, build and run the Artifact Generator instead of installing it as a pre-built module, then follow these steps:

> git clone [email protected]:inrupt/artifact-generator.git
> cd artifact-generator
> npm install

You can now run the Artifact Generator from the root of the cloned directory by simply executing:

> node src/index.js <Normal Command-Line Options>
>
> node src/index.js --version
2.0.0
>

You can now replace all the example references below that begin with artifact-generator ... with node src/index.js ... instead.

4. Use npx

If you just want to try out the Artifact Generator, or don't like installing packages, then you can run it very easily using npx:

> npm_config_registry=https://npm.pkg.github.com/ npx @inrupt/artifact-generator --version

Create a Node.js artifact

We can very quickly demonstrate the generator using any publicly available RDF vocabulary.

In this example we'll use a simple Pet Rock vocabulary provided publicly by Inrupt, asking the generator not to prompt us for any manual input during the generation process (i.e., by using the --noPrompt option):

artifact-generator generate --inputResources https://team.inrupt.net/public/vocab/PetRock.ttl --noPrompt

This should generate a JavaScript artifact inside the default Generated directory. Specifically it should generate a JavaScript file named PET_ROCK.js in the directory Generated/SourceCodeArtifacts/JavaScript/GeneratedVocab that provides constants for all the terms described within the public Pet Rock RDF vocabulary.

By default, this will include Rollup configuration to bundle all of its dependencies and produce UMD and ES modules, which should be usable across Node.js and browsers. To build those, you need to run the install and build commands from inside the Generated/SourceCodeArtifacts/JavaScript/ directory:

npm install
npm run build

The output will be bundled into the Generated/SourceCodeArtifacts/JavaScript/dist directory.

If you'd prefer not to produce a bundled JavaScript artifact, you can run the generate command with the --supportBundling option set to false:

artifact-generator generate --inputResources https://team.inrupt.net/public/vocab/PetRock.ttl --noPrompt --supportBundling=false

We can now use this JavaScript artifact directly in our applications, both Node.js and browser-based. For example, for Node.js manually create a new package.json file using the following content that references the Pet Rock artifact we just generated:

{
  "name": "Artifact-Generator-Demo",
  "description": "Tiny demo application using generated JavaScript artifact from a custom Pet Rock RDF vocabulary.",
  "license": "MIT",
  "private": true,
  "dependencies": {
    "mock-local-storage": "^1.1.8",
    "@inrupt/generated-vocab-pet-rock": "file:Generated/SourceCodeArtifacts/JavaScript"
  }
}

...and create this trivial application as index.js:

require('mock-local-storage');
const { PET_ROCK } = require('@inrupt/generated-vocab-pet-rock');

console.log(`What is Pet Rock 'shininess'?\n`);

console.log(`Our vocabulary describes it as:`);
console.log(PET_ROCK.shininess.comment);

console.log(`Or in Spanish (our Pet Rock vocab has Spanish translations!):`);
console.log(PET_ROCK.shininess.asLanguage('es').comment);

Now simply npm install...

npm install

...and execute this super-simple Node.js application...

node index.js 

...and you should see the following output:

[demo]$ node index.js 
What is Pet Rock 'shininess'?

Our vocabulary describes it as:
"How wonderfully shiny a rock is."

Or in Spanish (our Pet Rock vocab has Spanish translations!):
"Qué maravillosamente brillante es una roca."
[demo]$ 

Create a front-end JavaScript artifact

If a bundled artifact is generated, it can be used directly in a <script> tag. If you copy-and-paste the following HTML into a new file in the directory from which you ran the Artifact Generator (i.e., the directory which should now have a Generated directory within it)...

<html>
	<body>
		<p>My Pet Rock shininess is defined as: "<span id="shininess-comment"></span>"<p>
        <p>in vocab [<span id="petrock-iri"></span>].</p>
	
	<script src="./Generated/SourceCodeArtifacts/JavaScript/dist/index.js" type="text/javascript"/></script>
	
	<script type="text/javascript">
		document.getElementById("shininess-comment").innerHTML = PET_ROCK.shininess.comment;
		document.getElementById("petrock-iri").innerHTML = PET_ROCK.NAMESPACE;
	</script>
	
	</body>
</html>

...and open this HTML file with a web browser, you should see:

My Pet Rock shininess is defined as: "How wonderfully shiny a rock is."
in vocab [https://team.inrupt.net/public/vocab/PetRock.ttl#].

There's more!

Don't forget, there's a lot more documentation related to the Artifact Generator, all contained under the /documentation directory of this repository, but also linked to from the Table of Contents section above!