profile-pane 3.2.0 → 3.2.2-test.0

package/lib/utils/debug.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.error = error;
+exports.log = log;
+exports.trace = trace;
+exports.warn = warn;
+/* eslint-disable no-console */
+
+function log(...args) {
+  console.log(...args);
+}
+function warn(...args) {
+  console.warn(...args);
+}
+function error(...args) {
+  console.error(...args);
+}
+function trace(...args) {
+  console.trace(...args);
+}

package/lib/utils/errorDisplay.d.ts

@@ -0,0 +1,2 @@
+export declare function formatDisplayError(error: unknown, fallbackMessage?: string): string;
+//# sourceMappingURL=errorDisplay.d.ts.map

package/lib/utils/errorDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorDisplay.d.ts","sourceRoot":"","sources":["../../src/utils/errorDisplay.ts"],"names":[],"mappings":"AAYA,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAEnF"}

package/lib/utils/errorDisplay.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatDisplayError = formatDisplayError;
+function stringifyUnknown(value) {
+  if (typeof value === 'string') return value;
+  if (value instanceof Error) return value.message || value.name;
+  if (value == null) return '';
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function formatDisplayError(error, fallbackMessage) {
+  return (fallbackMessage || stringifyUnknown(error) || 'Something went wrong.').trim();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profile-pane",
-  "version": "3.2.0",
+  "version": "3.2.2-test.0",
   "description": "A SolidOS compatible pane to display a personal profile page",
   "sideEffects": [
     "*.css"
@@ -13,15 +13,21 @@
   "types": "lib/index.d.ts",
   "files": [
     "/lib",
+    "/icons-png",
     "README.md",
     "LICENSE"
   ],
   "scripts": {
     "clean": "rm -rf lib",
     "build": "npm run clean && npm run typecheck && npm run build-dist && npm run build-js",
-    "build-js": "babel src --out-dir lib --extensions '.ts' && tsc --emitDeclarationOnly",
+    "build-js": "babel src --out-dir lib --extensions '.ts' --copy-files && tsc --emitDeclarationOnly",
     "build-dist": "webpack --progress",
-    "watch-js": "babel src --out-dir lib --extensions '.ts' --watch",
+    "dev": "sh -c 'npm run watch & npm run start'",
+    "watch": "sh -c 'npm run watch:solid-ui & npm run watch-js & npm run watch-styles & npm run watch-dist & wait'",
+    "watch:workspace": "sh -c 'npm run watch-js & npm run watch-styles & npm run watch-dist & wait'",
+    "watch:solid-ui": "sh -c 'cd ../solid-ui && npm run watch'",
+    "watch-js": "babel src --out-dir lib --extensions '.ts' --copy-files --watch",
+    "watch-styles": "node scripts/watch-styles.mjs",
     "watch-dist": "webpack --watch",
     "lint": "eslint",
     "lint-fix": "eslint --fix",
@@ -29,9 +35,10 @@
     "test-coverage": "jest --coverage",
     "typecheck": "tsc --noEmit",
     "typecheck-test": "tsc --noEmit -p tsconfig.test.json",
-    "ignore:prepublishOnly": "npm run test && npm run build",
+    "prepush": "npm test && npm run lint-fix && npm run typecheck && npm run typecheck-test",
+    "prepublishOnly": "npm run test && npm run build",
     "preversion": "npm run lint && npm run typecheck && npm test",
-    "ignore:postpublish": "git push origin main --follow-tags",
+    "postpublish": "git push origin main --follow-tags",
     "start": "webpack serve --config webpack.dev.config.mjs --open"
   },
   "keywords": [
@@ -48,8 +55,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "lit-html": "^3.3.2",
-    "pane-registry": "^3.1.0",
+    "@solid-data-modules/contacts-rdflib": "^0.7.1",
+    "lit-html": "^3.3.3",
+    "pane-registry": "^3.1.1",
     "qrcode": "^1.5.4",
     "validate-color": "^2.2.4"
   },
@@ -64,37 +72,37 @@
   "devDependencies": {
     "@babel/cli": "^7.28.6",
     "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.0",
+    "@babel/preset-env": "^7.29.5",
     "@babel/preset-typescript": "^7.28.5",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@types/jest": "^30.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.55.0",
-    "@typescript-eslint/parser": "^8.55.0",
-    "axe-core": "^4.11.1",
-    "babel-jest": "^30.2.0",
-    "babel-loader": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.3",
+    "@typescript-eslint/parser": "^8.59.3",
+    "axe-core": "^4.11.4",
+    "babel-jest": "^30.4.1",
+    "babel-loader": "^10.1.1",
     "babel-plugin-inline-import": "^3.0.0",
     "chat-pane": "^3.0.3",
     "contacts-pane": "^3.2.0",
     "copy-webpack-plugin": "^14.0.0",
     "css-loader": "^7.1.4",
-    "eslint": "^9.39.2",
-    "html-webpack-plugin": "^5.6.6",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
+    "eslint": "^9.39.4",
+    "html-webpack-plugin": "^5.6.7",
+    "jest": "^30.4.2",
+    "jest-environment-jsdom": "^30.4.1",
     "jest-fetch-mock": "^3.0.3",
-    "jsdom": "^29.0.0",
+    "jsdom": "^29.1.1",
     "node-polyfill-webpack-plugin": "^4.1.0",
-    "rdflib": "^2.3.6",
-    "solid-logic": "^4.0.6",
-    "solid-ui": "^3.1.0",
+    "rdflib": "^2.3.9",
+    "solid-logic": "^4.0.7",
+    "solid-ui": "^3.1.1-test.0",
     "style-loader": "^4.0.0",
-    "terser-webpack-plugin": "^5.3.16",
-    "ts-loader": "^9.5.4",
-    "typescript": "^5.9.3",
-    "webpack": "^5.105.2",
+    "terser-webpack-plugin": "^5.6.0",
+    "ts-loader": "^9.5.7",
+    "typescript": "^6.0.3",
+    "webpack": "^5.106.2",
     "webpack-cli": "^7.0.2",
-    "webpack-dev-server": "^5.2.3"
+    "webpack-dev-server": "^5.2.4"
   }
 }

package/lib/ChatWithMe.d.ts

@@ -1,7 +0,0 @@
-import { TemplateResult } from 'lit-html';
-import { DataBrowserContext } from 'pane-registry';
-import { NamedNode } from 'rdflib';
-import { ViewerMode } from './types';
-import './styles/ChatWithMe.css';
-export declare const ChatWithMe: (subject: NamedNode, context: DataBrowserContext, viewerMode: ViewerMode) => TemplateResult;
-//# sourceMappingURL=ChatWithMe.d.ts.map

package/lib/ChatWithMe.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatWithMe.d.ts","sourceRoot":"","sources":["../src/ChatWithMe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAMlC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,yBAAyB,CAAA;AAGhC,eAAO,MAAM,UAAU,GACrB,SAAS,SAAS,EAClB,SAAS,kBAAkB,EAC3B,YAAY,UAAU,KACrB,cA0FF,CAAA"}

package/lib/ChatWithMe.js

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChatWithMe = void 0;
-var _litHtml = require("lit-html");
-var _solidUi = require("solid-ui");
-var _solidLogic = require("solid-logic");
-var _asyncReplace = require("lit-html/directives/async-replace.js");
-var _texts = require("./texts");
-var _buttonsHelper = require("./buttonsHelper");
-require("./styles/ChatWithMe.css");
-const ChatWithMe = (subject, context, viewerMode) => {
-  const logic = context.session.logic;
-  const longChatPane = context.session.paneRegistry.byName('long chat');
-  async function* chatContainer() {
-    const chatContainer = context.dom.createElement('section');
-    chatContainer.setAttribute('class', 'chatSection section-centered');
-    chatContainer.setAttribute('aria-labelledby', 'chat-section-title');
-    chatContainer.setAttribute('role', 'region');
-    chatContainer.setAttribute('data-testid', 'chat');
-
-    // Add hidden title for screen readers
-    const title = context.dom.createElement('h3');
-    title.id = 'chat-section-title';
-    title.className = 'sr-only';
-    title.textContent = 'Communication';
-    chatContainer.appendChild(title);
-    let exists;
-    try {
-      yield (0, _litHtml.html)`
-      <div class="buttonSubSection">
-        <div class="profile__action-button loading-text center" role="status" aria-live="polite">
-          ${_texts.loadingMessage.toUpperCase()}
-        </div>
-      </div>
-      `;
-      exists = await logic.chat.getChat(subject, false);
-    } catch (e) {
-      exists = false;
-    }
-    if (exists) {
-      const chatArea = context.dom.createElement('div');
-      chatArea.setAttribute('role', 'log');
-      chatArea.setAttribute('aria-label', 'Chat conversation');
-      chatArea.appendChild(longChatPane.render(exists, context, {}));
-      chatContainer.appendChild(chatArea);
-      yield chatContainer;
-    } else {
-      const me = _solidLogic.authn.currentUser();
-      let label = (0, _buttonsHelper.checkIfAnyUserLoggedIn)(me) ? _texts.chatWithMeButtonText.toUpperCase() : _texts.logInToChatWithMeButtonText.toUpperCase();
-      const button = _solidUi.widgets.button(context.dom, undefined, label, setButtonHandler, {
-        needsBorder: true
-      });
-      async function setButtonHandler(event) {
-        event.preventDefault();
-        try {
-          const chat = await logic.chat.getChat(subject, true);
-          chatContainer.innerHTML = '';
-          chatContainer.appendChild(longChatPane.render(chat, context, {}));
-        } catch (error) {
-          (0, _buttonsHelper.complain)(chatContainer, context, error);
-        }
-      }
-      button.refresh = refreshButton();
-      function refreshButton() {
-        const me = _solidLogic.authn.currentUser();
-        if ((0, _buttonsHelper.checkIfAnyUserLoggedIn)(me)) {
-          button.innerHTML = _texts.chatWithMeButtonText.toUpperCase();
-        } else {
-          //not logged in
-          button.innerHTML = _texts.logInToChatWithMeButtonText.toUpperCase();
-        }
-      }
-      button.setAttribute('type', 'button');
-      button.setAttribute('aria-describedby', 'chat-button-description');
-      const description = context.dom.createElement('span');
-      description.id = 'chat-button-description';
-      description.className = 'sr-only';
-      description.textContent = 'Start a new conversation or sign in to continue existing chat';
-      button.classList.add('profile__action-button', 'btn-primary', 'action-button-focus');
-      chatContainer.appendChild(button);
-      chatContainer.appendChild(description);
-      yield chatContainer;
-    }
-  }
-  return (0, _litHtml.html)` ${(0, _asyncReplace.asyncReplace)(chatContainer())} `;
-};
-exports.ChatWithMe = ChatWithMe;

package/lib/QRCodeCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QRCodeCard.d.ts","sourceRoot":"","sources":["../src/QRCodeCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAa,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,yBAAyB,CAAA;AAMhC,KAAK,gBAAgB,GAAG,SAAS,GAAG,MAAM,CAAA;AAyF1C,eAAO,MAAM,UAAU,GACrB,MAAM,gBAAgB,EACtB,OAAO,OAAO,EACd,OAAO,OAAO,KACb,cAiEF,CAAA"}

package/lib/addMeToYourFriends.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"addMeToYourFriends.d.ts","sourceRoot":"","sources":["../src/addMeToYourFriends.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAM,MAAM,QAAQ,CAAA;AASjD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,0BAA0B,CAAA;AAIjC,QAAA,MAAM,qBAAqB,GACzB,SAAS,SAAS,EAClB,SAAS,kBAAkB,EAC3B,YAAY,UAAU,KACrB,cAkBF,CAAA;AAED,QAAA,MAAM,8BAA8B,GAClC,SAAS,SAAS,EAClB,SAAS,kBAAkB,KAC1B,iBA+CF,CAAA;AAED,iBAAe,YAAY,CACzB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,SAAS,GACnB,OAAO,CAAC,IAAI,CAAC,CAoBf;AAOD,iBAAe,kBAAkB,CAC/B,KAAK,EAAE,SAAS,EAChB,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,SAAS,GACnB,OAAO,CAAC,OAAO,CAAC,CAKlB;AAED,OAAO,EACL,qBAAqB,EACrB,8BAA8B,EAC9B,YAAY,EACZ,kBAAkB,EACnB,CAAA"}

package/lib/sections/heading/camera.d.ts

@@ -1,19 +0,0 @@
-import { IndexedFormula, NamedNode } from 'rdflib';
-/** A control to capture a picture using camera
- * @param {Docuemnt} dom - The Document object
- * @param {IndexedForumla} store - The quadstore to store data in
- * @param {NamedNode} getImageDoc() - NN of the image file to be created
- * @param {function} doneCallback - Called when a picture has been taken
- */
-export declare function cameraCaptureControl(dom: HTMLDocument, store: IndexedFormula, getImageDoc: () => NamedNode, doneCallback: (imageDoc: NamedNode | null) => Promise<void>): HTMLDivElement;
-/** A button to capture a picture using camera
- * @param {Docuemnt} dom - The Document object
- * @param {IndexedForumla} store - The quadstore to store data in
- * @param {fuunction} getImageDoc - returns NN of the image file to be created
- * @param {function<Node>} doneCallback - called with the image taken
- * @returns {DomElement} - A div element with the button in it
- *
- * This expands the button to a large control when it is pressed
- */
-export declare function cameraButton(dom: HTMLDocument, store: IndexedFormula, getImageDoc: () => NamedNode, doneCallback: (imageDoc: NamedNode | null) => Promise<void>): HTMLElement;
-//# sourceMappingURL=camera.d.ts.map

package/lib/sections/heading/camera.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../../src/sections/heading/camera.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AASlD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,MAAM,SAAS,EAC5B,YAAY,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,kBA2J5D;AAED;;;;;;;;GAQG;AAEH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,MAAM,SAAS,EAC5B,YAAY,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,GAC1D,WAAW,CAqBb"}

package/lib/sections/heading/camera.js

@@ -1,199 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cameraButton = cameraButton;
-exports.cameraCaptureControl = cameraCaptureControl;
-var _solidUi = require("solid-ui");
-var _litHtml = require("lit-html");
-var _profileIcons = require("../../icons-svg/profileIcons");
-//
-//   Media input widget
-//
-//
-// Workflow:
-// The HTML5 functionality (on mobile) is to prompt for either
-// a realtime camera capture, OR a selection from images already on the device
-// (eg camera roll).
-//
-// The solid alternative is to either take a photo
-// or access camera roll (etc) OR to access solid cloud storage of favorite photo albums.
-// (Especially latest taken ones)
-//
-
-// Copied from solid-ui needed to change somethings, have made a PR in solid-ui 
-
-const cameraIcon = _solidUi.icons.iconBase + 'noun_Camera_1618446_000000.svg'; // Get it from github
-const retakeIcon = _solidUi.icons.iconBase + 'noun_479395.svg'; // Get it from github
-
-const contentType = 'image/png';
-
-/** A control to capture a picture using camera
- * @param {Docuemnt} dom - The Document object
- * @param {IndexedForumla} store - The quadstore to store data in
- * @param {NamedNode} getImageDoc() - NN of the image file to be created
- * @param {function} doneCallback - Called when a picture has been taken
- */
-function cameraCaptureControl(dom, store, getImageDoc, doneCallback) {
-  const div = dom.createElement('div');
-  div.className = 'profile-edit-dialog__camera-control flex-column-center';
-  let destination, imageBlob, player, canvas;
-  const setButtonVisible = (button, visible) => {
-    button.style.display = visible ? 'inline-flex' : 'none';
-  };
-  const table = div.appendChild(dom.createElement('table'));
-  const mainTR = table.appendChild(dom.createElement('tr'));
-  const main = mainTR.appendChild(dom.createElement('td'));
-  main.setAttribute('colspan', '4');
-  main.style.textAlign = 'center';
-  const actionBar = div.appendChild(dom.createElement('div'));
-  actionBar.className = 'profile-edit-dialog__camera-control-actions';
-
-  /* Had to move away from widgets.button because of styling */
-  const cancelButton = div.appendChild(dom.createElement('button'));
-  cancelButton.type = 'button';
-  cancelButton.classList.add('profile-edit-dialog__camera-control-cancel');
-  cancelButton.setAttribute('aria-label', 'Close camera');
-  cancelButton.setAttribute('title', 'Close');
-  (0, _litHtml.render)(_profileIcons.closeIcon, cancelButton);
-  cancelButton.addEventListener('click', _event => {
-    stopVideo();
-    doneCallback(null);
-  });
-  const retakeButton = actionBar.appendChild(_solidUi.widgets.button(dom, retakeIcon, 'Retake'));
-  retakeButton.classList.add('profile-edit-dialog__camera-control-action');
-  retakeButton.addEventListener('click', _event => {
-    retake();
-  });
-  retakeButton.textContent = 'Retake';
-  setButtonVisible(retakeButton, false);
-  const shutterButton = actionBar.appendChild(_solidUi.widgets.button(dom, _solidUi.icons.iconBase + 'noun_10636.svg', 'Snap'));
-  shutterButton.classList.add('profile-edit-dialog__camera-control-action');
-  shutterButton.addEventListener('click', grabCanvas);
-  shutterButton.textContent = 'Take Photo';
-  setButtonVisible(shutterButton, false);
-  const sendButton = actionBar.appendChild(_solidUi.widgets.continueButton(dom));
-  sendButton.classList.add('profile-edit-dialog__camera-control-action');
-  sendButton.addEventListener('click', _event => {
-    saveBlob(imageBlob, destination);
-  });
-  sendButton.textContent = 'Use Photo';
-  setButtonVisible(sendButton, false);
-  function displayPlayer() {
-    player = main.appendChild(dom.createElement('video'));
-    player.setAttribute('controls', '1');
-    player.setAttribute('autoplay', '1');
-    player.setAttribute('style', _solidUi.style.controlStyle);
-    if (!navigator.mediaDevices) {
-      throw new Error('navigator.mediaDevices not available');
-    }
-    navigator.mediaDevices.getUserMedia(constraints).then(stream => {
-      player.srcObject = stream;
-      setButtonVisible(shutterButton, true);
-      setButtonVisible(sendButton, false);
-      setButtonVisible(retakeButton, false);
-    }).catch(err => {
-      console.error('Unable to start camera preview', err);
-      doneCallback(null);
-    });
-  }
-  const constraints = {
-    video: {
-      facingMode: {
-        ideal: 'environment'
-      }
-    }
-  };
-  function retake() {
-    main.removeChild(canvas);
-    displayPlayer(); // Make new one as old one is stuck black
-  }
-  function grabCanvas() {
-    // Draw the video frame to the canvas.
-    canvas = dom.createElement('canvas');
-    canvas.setAttribute('width', _solidUi.style.canvasWidth);
-    canvas.setAttribute('height', _solidUi.style.canvasHeight);
-    canvas.setAttribute('style', _solidUi.style.controlStyle);
-    main.appendChild(canvas);
-    const context = canvas.getContext('2d');
-    if (!context) {
-      throw new Error('Could not get canvas context for camera snapshot');
-    }
-    context.drawImage(player, 0, 0, canvas.width, canvas.height);
-    stopVideo();
-    player.parentNode.removeChild(player);
-    canvas.toBlob(blob => {
-      if (!blob) {
-        throw new Error('Camera snapshot failed: no image blob produced');
-      }
-      const msg = `got blob type ${blob.type} size ${blob.size}`;
-      console.debug(msg);
-      destination = getImageDoc();
-      imageBlob = blob; // save for review
-      reviewImage();
-      // alert(msg)
-    }, contentType); // toBlob
-  }
-  function reviewImage() {
-    setButtonVisible(sendButton, true);
-    setButtonVisible(retakeButton, true);
-    setButtonVisible(shutterButton, false);
-  }
-  function stopVideo() {
-    if (player && player.srcObject) {
-      player.srcObject.getVideoTracks().forEach(track => track.stop());
-    }
-  }
-  function saveBlob(blob, destination) {
-    if (!blob || !destination) return;
-    const contentType = blob.type;
-    // if (!confirm('Save picture to ' + destination + ' ?')) return
-    console.debug('Putting ' + blob.size + ' bytes of ' + contentType + ' to ' + destination)
-    // @@ TODO Remove casting
-;
-    store.fetcher.webOperation('PUT', destination.uri, {
-      data: blob,
-      contentType
-    }).then(_resp => {
-      console.debug('ok saved ' + destination);
-      stopVideo();
-      doneCallback(destination);
-    }, err => {
-      stopVideo();
-      alert(err);
-    });
-  }
-
-  // Attach the video stream to the video element and autoplay.
-  displayPlayer();
-  return div;
-}
-
-/** A button to capture a picture using camera
- * @param {Docuemnt} dom - The Document object
- * @param {IndexedForumla} store - The quadstore to store data in
- * @param {fuunction} getImageDoc - returns NN of the image file to be created
- * @param {function<Node>} doneCallback - called with the image taken
- * @returns {DomElement} - A div element with the button in it
- *
- * This expands the button to a large control when it is pressed
- */
-
-function cameraButton(dom, store, getImageDoc, doneCallback) {
-  const div = dom.createElement('div');
-  const but = _solidUi.widgets.button(dom, cameraIcon, 'Take picture');
-  let control;
-  async function restoreButton(imageDoc) {
-    div.removeChild(control);
-    div.appendChild(but);
-    await doneCallback(imageDoc);
-  }
-  div.appendChild(but);
-  but.addEventListener('click', _event => {
-    div.removeChild(but);
-    control = cameraCaptureControl(dom, store, getImageDoc, restoreButton);
-    div.appendChild(control);
-  });
-  return div;
-}

package/lib/styles/BioSection.css

@@ -1,77 +0,0 @@
-.bioDescriptionWrap {
-	margin: 0;
-	position: relative;
-	isolation: isolate;
-}
-
-.bioDescriptionText {
-	margin: 0;
-	width: 100%;
-	max-width: none;
-	display: -webkit-box;
-	-webkit-box-orient: vertical;
-	-webkit-line-clamp: 3;
-	line-clamp: 3;
-	line-height: var(--line-height-base, 1.5);
-	position: relative;
-	overflow: hidden;
-}
-
-.bioDescriptionText:not(.isExpanded)::after {
-	content: '';
-	position: absolute;
-	right: 0;
-	top: calc(100% - 1.5em);
-	width: 50%;
-	height: 1.5em;
-	background: var(--color-card-bg);
-	pointer-events: none;
-}
-
-.bioDescriptionText.isExpanded {
-	display: block;
-	-webkit-line-clamp: unset;
-	line-clamp: unset;
-	overflow: visible;
-}
-
-.bioDescriptionToggle {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	background: none;
-	color: var(--color-primary);
-	cursor: pointer;
-	font: inherit;
-	font-size: var(--font-size-sm);
-	line-height: var(--line-height-base, 1.5);
-	position: absolute;
-	left: 50%;
-	bottom: 0;
-	background-color: var(--color-card-bg);
-	white-space: nowrap;
-	min-height: auto;
-	min-width: auto;
-	padding-left: 0;
-	padding-right: 0;
-	padding-top: 0;
-	padding-bottom: 0;
-	margin-left: 0;
-	margin-right: 0;
-	z-index: 0;
-}
-
-.bioDescriptionWrap .bioDescriptionText:not(.isExpanded) + .bioDescriptionToggle {
-	top: calc(100% - 1.5em + 0.28em - 12px);
-	bottom: auto;
-	transform: translateY(7px);
-}
-
-.bioDescriptionText.isExpanded + .bioDescriptionToggle {
-	position: static;
-	display: inline;
-	padding-left: 0;
-	top: auto;
-	bottom: auto;
-	transform: none;
-}