From 4665c5cc5c331e5a9c57336eb4b675ba866beee9 Mon Sep 17 00:00:00 2001 From: Melvin Carvalho Date: Tue, 30 Dec 2025 11:02:54 +0100 Subject: [PATCH 1/7] chore: swap solid-logic to solid-logic-jss - Update package name to solid-ui-jss - Swap solid-logic dependency to solid-logic-jss - Update all imports from 'solid-logic' to 'solid-logic-jss' - Update README with JSS references and credits - Configure Jest for ESM modules (solid-logic-jss, solid-oidc, jose) All 52 test suites pass (628 tests). --- .storybook/preview.js | 2 +- README.md | 44 +++---- jest.config.mjs | 9 +- package-lock.json | 111 ++++++++++++------ package.json | 17 +-- src/acl/acl.ts | 2 +- src/acl/add-agent-buttons.ts | 2 +- src/chat/bookmarks.js | 2 +- src/chat/chatLogic.js | 2 +- src/chat/dateFolder.js | 2 +- src/chat/infinite.js | 2 +- src/chat/keys.ts | 2 +- src/chat/message.js | 2 +- src/chat/messageTools.js | 2 +- src/chat/thread.js | 2 +- src/create/create.ts | 2 +- src/folders.js | 2 +- src/footer/index.ts | 2 +- src/header/index.ts | 2 +- src/login/login.ts | 2 +- src/matrix/matrix.ts | 2 +- src/messageArea.js | 2 +- src/pad.ts | 2 +- src/participation.ts | 2 +- src/preferences.js | 2 +- src/table.js | 2 +- src/tabs.ts | 2 +- src/utils/index.js | 2 +- src/utils/keyHelpers/accessData.ts | 2 +- src/utils/keyHelpers/acl.ts | 2 +- src/utils/keyHelpers/otherHelpers.ts | 2 +- src/utils/label.ts | 2 +- src/widgets/buttons.ts | 2 +- src/widgets/forms.js | 2 +- .../forms/autocomplete/autocompleteBar.ts | 2 +- .../forms/autocomplete/autocompleteField.ts | 2 +- .../forms/autocomplete/autocompletePicker.ts | 2 +- src/widgets/forms/autocomplete/language.ts | 2 +- src/widgets/forms/autocomplete/publicData.ts | 2 +- src/widgets/forms/basic.ts | 2 +- src/widgets/forms/comment.ts | 2 +- src/widgets/forms/fieldFunction.ts | 2 +- src/widgets/forms/formStyle.ts | 2 +- src/widgets/peoplePicker.js | 2 +- test/unit/README.md | 2 +- test/unit/acl/access-controller.test.ts | 2 +- test/unit/acl/access-groups.test.ts | 2 +- test/unit/acl/acl.test.ts | 2 +- test/unit/acl/add-agent-buttons.test.ts | 2 +- test/unit/chat/bookmarks.test.ts | 2 +- test/unit/chat/keys.test.ts | 2 +- test/unit/chat/message.test.ts | 2 +- test/unit/folders.test.ts | 2 +- test/unit/footer/index.test.ts | 2 +- test/unit/header/index.test.ts | 2 +- test/unit/helpers/clearStore.ts | 2 +- test/unit/table.test.ts | 2 +- test/unit/tabs.test.ts | 2 +- test/unit/utils/keyHelpers/accessData.test.ts | 2 +- test/unit/utils/keyHelpers/acl.test.ts | 2 +- .../utils/keyHelpers/otherHelpers.test.ts | 2 +- test/unit/utils/label.test.ts | 2 +- test/unit/widgets/buttons.test.ts | 2 +- .../forms/autocomplete/autocomplete.test.ts | 2 +- .../forms/autocomplete/language.test.ts | 2 +- test/unit/widgets/forms/basic.test.ts | 2 +- test/unit/widgets/forms/comment.test.ts | 2 +- test/unit/widgets/forms/index.test.ts | 2 +- 68 files changed, 178 insertions(+), 131 deletions(-) diff --git a/.storybook/preview.js b/.storybook/preview.js index e01c288ab..00afc45b1 100644 --- a/.storybook/preview.js +++ b/.storybook/preview.js @@ -1,6 +1,6 @@ // For backward compatibility, provide rdflib and solid-logic as globals import * as rdflib from 'rdflib' -import * as solidLogic from 'solid-logic' +import * as solidLogic from 'solid-logic-jss' // Some legacy code might expect these as globals if (typeof window !== 'undefined') { diff --git a/README.md b/README.md index 252a1b484..1558876c8 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,14 @@ -# solid-ui +# solid-ui-jss -[![NPM Package](https://img.shields.io/npm/v/solid-ui.svg)](https://www.npmjs.com/package/solid-ui) +[![NPM Package](https://img.shields.io/npm/v/solid-ui-jss.svg)](https://www.npmjs.com/package/solid-ui-jss) -User Interface widgets and utilities for Solid (solid-ui) +User Interface widgets and utilities for Solid (JSS variant with minimal solid-oidc authentication) These are HTML5 widgets which connect to a solid store. Building blocks for solid-based apps. Vanilla JS. Includes large widgets like chat, table, matrix, form fields, and small widgets. -See [Solid-Ui Storybook](http://solidos.github.io/solid-ui/examples/storybook/) for UI widgets. -See [Solid-UI API](https://solidos.github.io/solid-ui/docs/api/) for UI functions. +See [Solid-Ui Storybook](http://javascriptsolidserver.github.io/solid-ui-jss/examples/storybook/) for UI widgets. +See [Solid-UI API](https://javascriptsolidserver.github.io/solid-ui-jss/docs/api/) for UI functions. See [Forms introduction](./docs/FormsReadme.md) for UI vocabulary implementation. ## Table of Contents @@ -30,15 +30,15 @@ always appreciated. ## Install via npm ```sh -npm install solid-ui rdflib solid-logic +npm install solid-ui-jss rdflib solid-logic-jss ``` Then import in your JavaScript/TypeScript code: ```js -import * as UI from 'solid-ui' +import * as UI from 'solid-ui-jss' import * as $rdf from 'rdflib' -import * as SolidLogic from 'solid-logic' +import * as SolidLogic from 'solid-logic-jss' // Example: Create a button const button = UI.widgets.button( @@ -52,7 +52,7 @@ document.body.appendChild(button) ## Use Directly in a Browser -Solid-UI provides both **UMD** and **ESM** bundles for direct browser usage. Both bundles externalize `rdflib` and `solid-logic`, which must be loaded separately. +Solid-UI-JSS provides both **UMD** and **ESM** bundles for direct browser usage. Both bundles externalize `rdflib` and `solid-logic-jss`, which must be loaded separately. ### Available Files @@ -79,10 +79,10 @@ Load via ` - - - - + + + + @@ -205,8 +205,8 @@ Use import maps for cleaner module specifiers: