Package Exports
- solid-logic
Readme
solid-logic
Core business logic of SolidOS which can be used for any webapp as well.
Usage
📦 Install via npm
npm install solid-logic rdflibImportant:
rdflibis a peer dependency - you must install it separately.
Import in your project (ESM/TypeScript)
import { solidLogicSingleton, store, authn } from 'solid-logic';
// Example usage
console.log('Current user:', authn.currentUser());🌐 Use directly in a browser
Both UMD and ESM bundles externalize rdflib to keep bundle sizes small and avoid version conflicts.
Available Files
| Format | File | Usage | Global Variable |
|---|---|---|---|
| UMD | dist/solid-logic.js |
Development | window.SolidLogic |
| UMD | dist/solid-logic.min.js |
Production | window.SolidLogic |
| ESM | dist/solid-logic.esm.js |
Development | Import only |
| ESM | dist/solid-logic.esm.min.js |
Production | Import only |
UMD Bundle (Script Tags)
⚠️ Important: Load rdflib before solid-logic or you'll get $rdf is not defined errors.
<!-- 1. Load rdflib first (creates window.$rdf) -->
<script src="https://cdn.jsdelivr.net/npm/rdflib/dist/rdflib.min.js"></script>
<!-- 2. Load solid-logic (expects $rdf to exist) -->
<script src="https://unpkg.com/solid-logic/dist/solid-logic.min.js"></script>
<script>
// Access via global variable
const { solidLogicSingleton, store, authn } = window.SolidLogic;
// Example usage
console.log('Store:', store);
console.log('Authentication:', authn.currentUser());
</script>ESM Bundle (Native Modules)
<script type="module">
import * as $rdf from 'https://esm.sh/rdflib';
import { solidLogicSingleton, store, authn } from 'https://esm.sh/solid-logic';
// Example usage
console.log('Store:', store);
console.log('Authentication:', authn.currentUser());
</script>ESM with Import Maps (Recommended)
<script type="importmap">
{
"imports": {
"rdflib": "https://esm.sh/rdflib",
"solid-logic": "https://esm.sh/solid-logic"
}
}
</script>
<script type="module">
import * as $rdf from 'rdflib';
import { solidLogicSingleton, store, authn } from 'solid-logic';
// Example usage - cleaner imports!
console.log('Store:', store);
console.log('Authentication:', authn.currentUser());
</script>Common Exports
import {
solidLogicSingleton, // Complete singleton instance
store, // RDF store
authn, // Authentication logic
authSession, // Authentication session
ACL_LINK, // ACL constants
getSuggestedIssuers, // Identity provider suggestions
createTypeIndexLogic, // Type index functionality
// Error classes
UnauthorizedError,
NotFoundError,
FetchError
} from 'solid-logic';How to develop
Check the scripts in the package.json for build, watch, lint and test.
Used stack
- TypeScript + Babel
- Jest
- ESLint
- Webpack
How to release
Change version and push directly to main. This will trigger the npm release latest script in CI.
History
Solid-logic was a move to separate business logic from UI functionality so that people using different UI frameworks could use logic code.
It was created when the "chat with me" feature was built. We needed to share logic between chat-pane and profile-pane (which was part of solid-panes back then I think) due to that feature. The whole idea of it is to separate core solid logic from UI components, to make logic reusable, e.g. by other UI libraries or even non web apps like CLI tools etc.