chat-pane 2.4.12 → 2.4.14-alpha

package/lib/longChatPane.js

@@ -85,7 +85,7 @@ module.exports = {
      */
     // const DCT = $rdf.Namespace('http://purl.org/dc/terms/')
 
-    var preferencesFormText = "\n\n  @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n  @prefix solid: <http://www.w3.org/ns/solid/terms#>.\n  @prefix ui: <http://www.w3.org/ns/ui#>.\n  @prefix : <#>.\n\n  :this\n    <http://purl.org/dc/elements/1.1/title> \"Chat preferences\" ;\n    a ui:Form ;\n    ui:part :colorizeByAuthor, :expandImagesInline, :newestFirst, :inlineImageHeightEms;\n    ui:parts ( :colorizeByAuthor :expandImagesInline :newestFirst :inlineImageHeightEms ).\n\n:colorizeByAuthor a ui:TristateField; ui:property solid:colorizeByAuthor;\n  ui:label \"Color user input by user\".\n:expandImagesInline a ui:TristateField; ui:property solid:expandImagesInline;\n  ui:label \"Expand image URLs inline\".\n:newestFirst a ui:TristateField; ui:property solid:newestFirst;\n  ui:label \"Newest messages at the top\".\n\n:inlineImageHeightEms a ui:IntegerField; ui:property solid:inlineImageHeightEms;\n  ui:label \"Inline image height (lines)\".\n\n";
+    var preferencesFormText = "\n    @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n    @prefix solid: <http://www.w3.org/ns/solid/terms#>.\n    @prefix ui: <http://www.w3.org/ns/ui#>.\n    @prefix : <#>.\n\n    :this\n      <http://purl.org/dc/elements/1.1/title> \"Chat preferences\" ;\n      a ui:Form ;\n      ui:parts ( :colorizeByAuthor :expandImagesInline :newestFirst :inlineImageHeightEms\n                  :shiftEnterSendsMessage :authorDateOnLeft :showDeletedMessages).\n\n    :colorizeByAuthor a ui:TristateField; ui:property solid:colorizeByAuthor;\n    ui:label \"Color user input by user\".\n\n    :expandImagesInline a ui:TristateField; ui:property solid:expandImagesInline;\n    ui:label \"Expand image URLs inline\".\n\n    :newestFirst a ui:TristateField; ui:property solid:newestFirst;\n    ui:label \"Newest messages at the top\".\n\n    :inlineImageHeightEms a ui:IntegerField; ui:property solid:inlineImageHeightEms;\n    ui:label \"Inline image height (lines)\".\n\n    :shiftEnterSendsMessage a ui:TristateField; ui:property solid:shiftEnterSendsMessage;\n    ui:label \"Shift-Enter sends message\".\n\n    :authorDateOnLeft a ui:TristateField; ui:property solid:authorDateOnLeft;\n    ui:label \"Author & date of message on left\".\n\n    :showDeletedMessages a ui:TristateField; ui:property solid:showDeletedMessages;\n    ui:label \"Show placeholders for deleted messages\".\n";
     var preferencesForm = kb.sym('https://solid.github.io/solid-panes/longCharPane/preferencesForm.ttl#this');
     var preferencesFormDoc = preferencesForm.doc();
 

package/lib/longChatPane.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/longChatPane.js"],"names":["UI","require","ns","$rdf","mainClass","meeting","CHAT_LOCATION_IN_CONTAINER","SPANNER_ICON","SIDEBAR_COMPONENT_STYLE","style","sidebarComponentStyle","SIDEBAR_STYLE","sidebarStyle","module","exports","icon","icons","iconBase","name","label","subject","context","kb","session","store","holds","rdf","any","sioc","dct","mintClass","mintNew","newPaneOptions","updater","me","uri","Error","newInstance","sym","newBase","newChatDoc","doc","add","dc","Date","Promise","resolve","reject","put","statementsMatching","undefined","uri2","ok","message","render","paneOptions","dom","preferencesFormText","preferencesForm","preferencesFormDoc","parse","preferenceProperties","ui","property","map","st","object","renderPreferencesSidebar","noun","preferencesArea","createElement","appendChild","panelCloseButton","minWidth","maxHeight","triptychHeight","menuTable","registrationArea","statusArea","authn","currentUser","registrationControl","div","chatChannel","console","log","preferences","renderPreferencesForm","panel","removePanel","parentNode","removeChild","button","widgets","margin","backgroundColor","preferencesButtonPressed","_event","paneRight","contains","renderCreationControl","refreshTarget","creationDiv","creationContext","chatPane","paneRegistry","byName","relevantPanes","create","newThingUI","renderInstances","theClass","instancesDiv","registrationList","type","otherChatsArea","otherChatsHandler","paneLeft","participantsArea","participantsHandler","alert","pad","manageParticipation","selectedMessage","wf","triptych","paneRow","paneMiddle","paneBottom","paddingRight","paddingLeft","buttonCell","participantsIcon","participantsButton","addEventListener","otherChatsIcon","otherChatsButton","menuButton","setAttribute","options","infinite","participantsHandlerContext","buildPane","getPreferencesForClass","prefMap","complain","propuri","split","solo","infiniteMessageArea","chatControl","resize","overflow","then"],"mappings":"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","sourcesContent":["/*   Long Chat Pane\n **\n **  A long chat consists a of a series of chat files saved by date.\n */\n\nconst UI = require('solid-ui')\nconst ns = UI.ns\nconst $rdf = require('rdflib')\n\nconst mainClass = ns.meeting('LongChat') // @@ something from SIOC?\n\nconst CHAT_LOCATION_IN_CONTAINER = 'index.ttl#this'\n\n// const menuIcon = 'noun_897914.svg'\nconst SPANNER_ICON = 'noun_344563.svg'\n// resize: horizontal;  min-width: 20em;\nconst SIDEBAR_COMPONENT_STYLE = UI.style.sidebarComponentStyle || ' padding: 0.5em; width: 100%;'\nconst SIDEBAR_STYLE = UI.style.sidebarStyle || 'overflow-x: auto; overflow-y: auto; border-radius: 1em; border: 0.1em solid white;'\n// was purple border\nmodule.exports = {\n  CHAT_LOCATION_IN_CONTAINER,\n\n  // noun_704.svg Canoe   noun_346319.svg = 1 Chat  noun_1689339.svg = three chat\n  icon: UI.icons.iconBase + 'noun_1689339.svg',\n\n  name: 'long chat',\n\n  label: function (subject, context) {\n    const kb = context.session.store\n    if (kb.holds(subject, ns.rdf('type'), ns.meeting('LongChat'))) {\n      // subject is the object\n      return 'Chat channnel'\n    } // Looks like a message -- might not havre any class declared\n    if (\n      kb.any(subject, ns.sioc('content')) &&\n      kb.any(subject, ns.dct('created'))\n    ) {\n      return 'message'\n    }\n    return null // Suppress pane otherwise\n  },\n\n  mintClass: mainClass,\n\n  mintNew: function (context, newPaneOptions) {\n    const kb = context.session.store\n    var updater = kb.updater\n    if (newPaneOptions.me && !newPaneOptions.me.uri) {\n      throw new Error('chat mintNew:  Invalid userid ' + newPaneOptions.me)\n    }\n\n    var newInstance = (newPaneOptions.newInstance =\n      newPaneOptions.newInstance ||\n      kb.sym(newPaneOptions.newBase + CHAT_LOCATION_IN_CONTAINER))\n    var newChatDoc = newInstance.doc()\n\n    kb.add(newInstance, ns.rdf('type'), ns.meeting('LongChat'), newChatDoc)\n    kb.add(newInstance, ns.dc('title'), 'Chat channel', newChatDoc)\n    kb.add(newInstance, ns.dc('created'), new Date(), newChatDoc)\n    if (newPaneOptions.me) {\n      kb.add(newInstance, ns.dc('author'), newPaneOptions.me, newChatDoc)\n    }\n\n    return new Promise(function (resolve, reject) {\n      updater.put(\n        newChatDoc,\n        kb.statementsMatching(undefined, undefined, undefined, newChatDoc),\n        'text/turtle',\n        function (uri2, ok, message) {\n          if (ok) {\n            resolve(newPaneOptions)\n          } else {\n            reject(\n              new Error(\n                'FAILED to save new chat channel at: ' + uri2 + ' : ' + message\n              )\n            )\n          }\n        }\n      )\n    })\n  },\n\n  render: function (subject, context, paneOptions) {\n    const dom = context.dom\n    const kb = context.session.store\n\n    /* Preferences\n     **\n     **  Things like whether to color text by author webid, to expand image URLs inline,\n     ** expanded inline image height. ...\n     ** In general, preferences can be set per user, per user/app combo, per instance,\n     ** and per instance/user combo. Per instance? not sure about unless it is valuable\n     ** for everyone to be seeing the same thing.\n     */\n    // const DCT = $rdf.Namespace('http://purl.org/dc/terms/')\n\n    const preferencesFormText = `\n\n  @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n  @prefix solid: <http://www.w3.org/ns/solid/terms#>.\n  @prefix ui: <http://www.w3.org/ns/ui#>.\n  @prefix : <#>.\n\n  :this\n    <http://purl.org/dc/elements/1.1/title> \"Chat preferences\" ;\n    a ui:Form ;\n    ui:part :colorizeByAuthor, :expandImagesInline, :newestFirst, :inlineImageHeightEms;\n    ui:parts ( :colorizeByAuthor :expandImagesInline :newestFirst :inlineImageHeightEms ).\n\n:colorizeByAuthor a ui:TristateField; ui:property solid:colorizeByAuthor;\n  ui:label \"Color user input by user\".\n:expandImagesInline a ui:TristateField; ui:property solid:expandImagesInline;\n  ui:label \"Expand image URLs inline\".\n:newestFirst a ui:TristateField; ui:property solid:newestFirst;\n  ui:label \"Newest messages at the top\".\n\n:inlineImageHeightEms a ui:IntegerField; ui:property solid:inlineImageHeightEms;\n  ui:label \"Inline image height (lines)\".\n\n`\n    const preferencesForm = kb.sym(\n      'https://solid.github.io/solid-panes/longCharPane/preferencesForm.ttl#this'\n    )\n    const preferencesFormDoc = preferencesForm.doc()\n    if (!kb.holds(undefined, undefined, undefined, preferencesFormDoc)) {\n      // If not loaded already\n      $rdf.parse(preferencesFormText, kb, preferencesFormDoc.uri, 'text/turtle') // Load form directly\n    }\n    const preferenceProperties = kb\n      .statementsMatching(null, ns.ui.property, null, preferencesFormDoc)\n      .map(st => st.object)\n\n    //          Preferences Menu\n    //\n    // Build a menu a the side (@@ reactive: on top?)\n\n    async function renderPreferencesSidebar (context) {\n      // const noun = 'chat room'\n      const { dom, noun } = context\n      const preferencesArea = dom.createElement('div')\n      preferencesArea.appendChild(panelCloseButton(preferencesArea))\n      // @@ style below fix .. just make it onviious while testing\n      preferencesArea.style = SIDEBAR_COMPONENT_STYLE\n      preferencesArea.style.minWidth = '25em' // bit bigger\n      preferencesArea.style.maxHeight = triptychHeight\n      const menuTable = preferencesArea.appendChild(dom.createElement('table'))\n      const registrationArea = menuTable.appendChild(dom.createElement('tr'))\n      const statusArea = menuTable.appendChild(dom.createElement('tr'))\n\n      var me = UI.authn.currentUser()\n      if (me) {\n        await UI.authn.registrationControl(\n          { noun, me, statusArea, dom, div: registrationArea },\n          chatChannel,\n          mainClass\n        )\n        console.log('Registration control finsished.')\n        preferencesArea.appendChild(\n          UI.preferences.renderPreferencesForm(\n            chatChannel,\n            mainClass,\n            preferencesForm,\n            {\n              noun,\n              me,\n              statusArea,\n              div: preferencesArea,\n              dom,\n              kb\n            }\n          )\n        )\n      }\n      return preferencesArea\n    }\n\n    // @@ Split out into solid-ui\n\n    function panelCloseButton (panel) {\n      function removePanel () {\n        panel.parentNode.removeChild(panel)\n      }\n      const button =\n        UI.widgets.button(context.dom, UI.icons.iconBase + 'noun_1180156.svg', 'close', removePanel)\n      button.style.float = 'right'\n      button.style.margin = '0.7em'\n      delete button.style.backgroundColor // do not want white\n      return button\n    }\n    async function preferencesButtonPressed (_event) {\n      if (!preferencesArea) {\n        // Expand\n        preferencesArea = await renderPreferencesSidebar({ dom, noun: 'chat room' })\n      }\n      if (paneRight.contains(preferencesArea)) {\n        // Close menu  (hide or delete??)\n        preferencesArea.parentNode.removeChild(preferencesArea)\n        preferencesArea = null\n      } else {\n        paneRight.appendChild(preferencesArea)\n      }\n    } // preferencesButtonPressed\n\n    //          All my chats\n    //\n    /* Build a other chats list drawer the side\n     */\n\n    function renderCreationControl (refreshTarget, noun) {\n      var creationDiv = dom.createElement('div')\n      var me = UI.authn.currentUser()\n      var creationContext = {\n        // folder: subject,\n        div: creationDiv,\n        dom: dom,\n        noun: noun,\n        statusArea: creationDiv,\n        me: me,\n        refreshTarget: refreshTarget\n      }\n      const chatPane = context.session.paneRegistry.byName('chat')\n      const relevantPanes = [chatPane]\n      UI.create.newThingUI(creationContext, context, relevantPanes) // Have to pass panes down  newUI\n      return creationDiv\n    }\n\n    async function renderInstances (theClass, noun) {\n      const instancesDiv = dom.createElement('div')\n      var context = { dom, div: instancesDiv, noun: noun }\n      await UI.authn.registrationList(context, { public: true, private: true, type: theClass })\n      instancesDiv.appendChild(renderCreationControl(instancesDiv, noun))\n      return instancesDiv\n    }\n\n    var otherChatsArea = null\n    async function otherChatsHandler (_event) {\n      if (!otherChatsArea) { // Lazy build when needed\n        // Expand\n        otherChatsArea = dom.createElement('div')\n        otherChatsArea.style = SIDEBAR_COMPONENT_STYLE\n        otherChatsArea.style.maxHeight = triptychHeight\n        otherChatsArea.appendChild(panelCloseButton(otherChatsArea))\n\n        otherChatsArea.appendChild(await renderInstances(ns.meeting('LongChat'), 'chat'))\n      }\n      // Toggle visibility with button clicks\n      if (paneLeft.contains(otherChatsArea)) {\n        otherChatsArea.parentNode.removeChild(otherChatsArea)\n      } else {\n        paneLeft.appendChild(otherChatsArea)\n      }\n    } // otherChatsHandler\n\n    //          People in the chat\n    //\n    /* Build a participants list drawer the side\n     */\n    var participantsArea\n    function participantsHandler (_event) {\n      if (!participantsArea) {\n        // Expand\n        participantsArea = dom.createElement('div')\n        participantsArea.style = SIDEBAR_COMPONENT_STYLE\n        participantsArea.style.maxHeight = triptychHeight\n        participantsArea.appendChild(panelCloseButton(participantsArea))\n\n        // Record my participation and display participants\n        var me = UI.authn.currentUser()\n        if (!me) alert('Should be logeed in for partipants panel')\n        UI.pad.manageParticipation(\n          dom,\n          participantsArea,\n          chatChannel.doc(),\n          chatChannel,\n          me,\n          {}\n        )\n      }\n      // Toggle appearance in sidebar with clicks\n      // Note also it can remove itself using the X button\n      if (paneLeft.contains(participantsArea)) {\n        // Close participants  (hide or delete??)\n        participantsArea.parentNode.removeChild(participantsArea)\n        participantsArea = null\n      } else {\n        paneLeft.appendChild(participantsArea)\n      }\n    } // participantsHandler\n\n    var chatChannel = subject\n    var selectedMessage = null\n    if (kb.holds(subject, ns.rdf('type'), ns.meeting('LongChat'))) {\n      // subject is the chatChannel\n      console.log('Chat channnel')\n\n      // Looks like a message -- might not havre any class declared\n    } else if (\n      kb.any(subject, ns.sioc('content')) &&\n      kb.any(subject, ns.dct('created'))\n    ) {\n      console.log('message')\n      selectedMessage = subject\n      chatChannel = kb.any(null, ns.wf('message'), selectedMessage)\n      if (!chatChannel) throw new Error('Message has no link to chatChannel')\n    }\n\n    var div = dom.createElement('div')\n\n    // Three large columns for particpant, chat, Preferences.  formula below just as a note\n    // const windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight\n    const triptychHeight = '20cm' // @@ need to be able to set to  window!\n    var triptych = div.appendChild(dom.createElement('table'))\n    triptych.style.maxHeight = '12\"' // Screen max\n    var paneRow = triptych.appendChild(dom.createElement('tr'))\n    var paneLeft = paneRow.appendChild(dom.createElement('td'))\n    var paneMiddle = paneRow.appendChild(dom.createElement('td'))\n    var paneRight = paneRow.appendChild(dom.createElement('td'))\n    var paneBottom = triptych.appendChild(dom.createElement('tr'))\n    paneLeft.style = SIDEBAR_STYLE\n    paneLeft.style.paddingRight = '1em'\n    paneRight.style = SIDEBAR_STYLE\n    paneRight.style.paddingLeft = '1em'\n\n    paneBottom.appendChild(dom.createElement('td'))\n    const buttonCell = paneBottom.appendChild(dom.createElement('td'))\n    paneBottom.appendChild(dom.createElement('td'))\n\n    // Button to bring up participants drawer on left\n    const participantsIcon = 'noun_339237.svg'\n    var participantsButton = UI.widgets.button(\n      dom,\n      UI.icons.iconBase + participantsIcon,\n      'participants ...'\n    ) // wider var\n    buttonCell.appendChild(participantsButton)\n    participantsButton.addEventListener('click', participantsHandler)\n\n    // Button to bring up otherChats drawer on left\n    const otherChatsIcon = 'noun_1689339.svg' // long chat icon -- not ideal for a set of chats @@\n    var otherChatsButton = UI.widgets.button(\n      dom,\n      UI.icons.iconBase + otherChatsIcon,\n      'List of other chats ...'\n    ) // wider var\n    buttonCell.appendChild(otherChatsButton)\n    otherChatsButton.addEventListener('click', otherChatsHandler)\n\n    var preferencesArea = null\n    const menuButton = UI.widgets.button(\n      dom,\n      UI.icons.iconBase + SPANNER_ICON,\n      'Setting ...'\n    ) // wider var\n    buttonCell.appendChild(menuButton)\n    menuButton.style.float = 'right'\n    menuButton.addEventListener('click', preferencesButtonPressed)\n\n    div.setAttribute('class', 'chatPane')\n    const options = { infinite: true }\n    const participantsHandlerContext = { noun: 'chat room', div, dom: dom }\n    participantsHandlerContext.me = UI.authn.currentUser() // If already logged on\n\n    async function buildPane () {\n      let prefMap\n      try {\n        prefMap = await UI.preferences.getPreferencesForClass(\n          chatChannel, mainClass, preferenceProperties, participantsHandlerContext)\n      } catch (err) {\n        UI.widgets.complain(participantsHandlerContext, err)\n      }\n      for (const propuri in prefMap) {\n        options[propuri.split('#')[1]] = prefMap[propuri]\n      }\n      if (selectedMessage) {\n        options.selectedMessage = selectedMessage\n      }\n      if (paneOptions.solo) {\n        // This is the top pane, title, scrollbar etc are ours\n        options.solo = true\n      }\n      const chatControl = await UI.infiniteMessageArea(\n        dom,\n        kb,\n        chatChannel,\n        options\n      )\n      chatControl.style.resize = 'both'\n      chatControl.style.overflow = 'auto'\n      chatControl.style.maxHeight = triptychHeight\n      paneMiddle.appendChild(chatControl)\n    }\n    buildPane().then(console.log('async - chat pane built'))\n    return div\n  }\n}\n"],"file":"longChatPane.js"}
+{"version":3,"sources":["../src/longChatPane.js"],"names":["UI","require","ns","$rdf","mainClass","meeting","CHAT_LOCATION_IN_CONTAINER","SPANNER_ICON","SIDEBAR_COMPONENT_STYLE","style","sidebarComponentStyle","SIDEBAR_STYLE","sidebarStyle","module","exports","icon","icons","iconBase","name","label","subject","context","kb","session","store","holds","rdf","any","sioc","dct","mintClass","mintNew","newPaneOptions","updater","me","uri","Error","newInstance","sym","newBase","newChatDoc","doc","add","dc","Date","Promise","resolve","reject","put","statementsMatching","undefined","uri2","ok","message","render","paneOptions","dom","preferencesFormText","preferencesForm","preferencesFormDoc","parse","preferenceProperties","ui","property","map","st","object","renderPreferencesSidebar","noun","preferencesArea","createElement","appendChild","panelCloseButton","minWidth","maxHeight","triptychHeight","menuTable","registrationArea","statusArea","authn","currentUser","registrationControl","div","chatChannel","console","log","preferences","renderPreferencesForm","panel","removePanel","parentNode","removeChild","button","widgets","margin","backgroundColor","preferencesButtonPressed","_event","paneRight","contains","renderCreationControl","refreshTarget","creationDiv","creationContext","chatPane","paneRegistry","byName","relevantPanes","create","newThingUI","renderInstances","theClass","instancesDiv","registrationList","type","otherChatsArea","otherChatsHandler","paneLeft","participantsArea","participantsHandler","alert","pad","manageParticipation","selectedMessage","wf","triptych","paneRow","paneMiddle","paneBottom","paddingRight","paddingLeft","buttonCell","participantsIcon","participantsButton","addEventListener","otherChatsIcon","otherChatsButton","menuButton","setAttribute","options","infinite","participantsHandlerContext","buildPane","getPreferencesForClass","prefMap","complain","propuri","split","solo","infiniteMessageArea","chatControl","resize","overflow","then"],"mappings":"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","sourcesContent":["/*   Long Chat Pane\n **\n **  A long chat consists a of a series of chat files saved by date.\n */\n\nconst UI = require('solid-ui')\nconst ns = UI.ns\nconst $rdf = require('rdflib')\n\nconst mainClass = ns.meeting('LongChat') // @@ something from SIOC?\n\nconst CHAT_LOCATION_IN_CONTAINER = 'index.ttl#this'\n\n// const menuIcon = 'noun_897914.svg'\nconst SPANNER_ICON = 'noun_344563.svg'\n// resize: horizontal;  min-width: 20em;\nconst SIDEBAR_COMPONENT_STYLE = UI.style.sidebarComponentStyle || ' padding: 0.5em; width: 100%;'\nconst SIDEBAR_STYLE = UI.style.sidebarStyle || 'overflow-x: auto; overflow-y: auto; border-radius: 1em; border: 0.1em solid white;'\n// was purple border\nmodule.exports = {\n  CHAT_LOCATION_IN_CONTAINER,\n\n  // noun_704.svg Canoe   noun_346319.svg = 1 Chat  noun_1689339.svg = three chat\n  icon: UI.icons.iconBase + 'noun_1689339.svg',\n\n  name: 'long chat',\n\n  label: function (subject, context) {\n    const kb = context.session.store\n    if (kb.holds(subject, ns.rdf('type'), ns.meeting('LongChat'))) {\n      // subject is the object\n      return 'Chat channnel'\n    } // Looks like a message -- might not havre any class declared\n    if (\n      kb.any(subject, ns.sioc('content')) &&\n      kb.any(subject, ns.dct('created'))\n    ) {\n      return 'message'\n    }\n    return null // Suppress pane otherwise\n  },\n\n  mintClass: mainClass,\n\n  mintNew: function (context, newPaneOptions) {\n    const kb = context.session.store\n    var updater = kb.updater\n    if (newPaneOptions.me && !newPaneOptions.me.uri) {\n      throw new Error('chat mintNew:  Invalid userid ' + newPaneOptions.me)\n    }\n\n    var newInstance = (newPaneOptions.newInstance =\n      newPaneOptions.newInstance ||\n      kb.sym(newPaneOptions.newBase + CHAT_LOCATION_IN_CONTAINER))\n    var newChatDoc = newInstance.doc()\n\n    kb.add(newInstance, ns.rdf('type'), ns.meeting('LongChat'), newChatDoc)\n    kb.add(newInstance, ns.dc('title'), 'Chat channel', newChatDoc)\n    kb.add(newInstance, ns.dc('created'), new Date(), newChatDoc)\n    if (newPaneOptions.me) {\n      kb.add(newInstance, ns.dc('author'), newPaneOptions.me, newChatDoc)\n    }\n\n    return new Promise(function (resolve, reject) {\n      updater.put(\n        newChatDoc,\n        kb.statementsMatching(undefined, undefined, undefined, newChatDoc),\n        'text/turtle',\n        function (uri2, ok, message) {\n          if (ok) {\n            resolve(newPaneOptions)\n          } else {\n            reject(\n              new Error(\n                'FAILED to save new chat channel at: ' + uri2 + ' : ' + message\n              )\n            )\n          }\n        }\n      )\n    })\n  },\n\n  render: function (subject, context, paneOptions) {\n    const dom = context.dom\n    const kb = context.session.store\n\n    /* Preferences\n     **\n     **  Things like whether to color text by author webid, to expand image URLs inline,\n     ** expanded inline image height. ...\n     ** In general, preferences can be set per user, per user/app combo, per instance,\n     ** and per instance/user combo. Per instance? not sure about unless it is valuable\n     ** for everyone to be seeing the same thing.\n     */\n    // const DCT = $rdf.Namespace('http://purl.org/dc/terms/')\n    const preferencesFormText = `\n    @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n    @prefix solid: <http://www.w3.org/ns/solid/terms#>.\n    @prefix ui: <http://www.w3.org/ns/ui#>.\n    @prefix : <#>.\n\n    :this\n      <http://purl.org/dc/elements/1.1/title> \"Chat preferences\" ;\n      a ui:Form ;\n      ui:parts ( :colorizeByAuthor :expandImagesInline :newestFirst :inlineImageHeightEms\n                  :shiftEnterSendsMessage :authorDateOnLeft :showDeletedMessages).\n\n    :colorizeByAuthor a ui:TristateField; ui:property solid:colorizeByAuthor;\n    ui:label \"Color user input by user\".\n\n    :expandImagesInline a ui:TristateField; ui:property solid:expandImagesInline;\n    ui:label \"Expand image URLs inline\".\n\n    :newestFirst a ui:TristateField; ui:property solid:newestFirst;\n    ui:label \"Newest messages at the top\".\n\n    :inlineImageHeightEms a ui:IntegerField; ui:property solid:inlineImageHeightEms;\n    ui:label \"Inline image height (lines)\".\n\n    :shiftEnterSendsMessage a ui:TristateField; ui:property solid:shiftEnterSendsMessage;\n    ui:label \"Shift-Enter sends message\".\n\n    :authorDateOnLeft a ui:TristateField; ui:property solid:authorDateOnLeft;\n    ui:label \"Author & date of message on left\".\n\n    :showDeletedMessages a ui:TristateField; ui:property solid:showDeletedMessages;\n    ui:label \"Show placeholders for deleted messages\".\n`\n    const preferencesForm = kb.sym(\n      'https://solid.github.io/solid-panes/longCharPane/preferencesForm.ttl#this'\n    )\n    const preferencesFormDoc = preferencesForm.doc()\n    if (!kb.holds(undefined, undefined, undefined, preferencesFormDoc)) {\n      // If not loaded already\n      $rdf.parse(preferencesFormText, kb, preferencesFormDoc.uri, 'text/turtle') // Load form directly\n    }\n    const preferenceProperties = kb\n      .statementsMatching(null, ns.ui.property, null, preferencesFormDoc)\n      .map(st => st.object)\n\n    //          Preferences Menu\n    //\n    // Build a menu a the side (@@ reactive: on top?)\n\n    async function renderPreferencesSidebar (context) {\n      // const noun = 'chat room'\n      const { dom, noun } = context\n      const preferencesArea = dom.createElement('div')\n      preferencesArea.appendChild(panelCloseButton(preferencesArea))\n      // @@ style below fix .. just make it onviious while testing\n      preferencesArea.style = SIDEBAR_COMPONENT_STYLE\n      preferencesArea.style.minWidth = '25em' // bit bigger\n      preferencesArea.style.maxHeight = triptychHeight\n      const menuTable = preferencesArea.appendChild(dom.createElement('table'))\n      const registrationArea = menuTable.appendChild(dom.createElement('tr'))\n      const statusArea = menuTable.appendChild(dom.createElement('tr'))\n\n      var me = UI.authn.currentUser()\n      if (me) {\n        await UI.authn.registrationControl(\n          { noun, me, statusArea, dom, div: registrationArea },\n          chatChannel,\n          mainClass\n        )\n        console.log('Registration control finsished.')\n        preferencesArea.appendChild(\n          UI.preferences.renderPreferencesForm(\n            chatChannel,\n            mainClass,\n            preferencesForm,\n            {\n              noun,\n              me,\n              statusArea,\n              div: preferencesArea,\n              dom,\n              kb\n            }\n          )\n        )\n      }\n      return preferencesArea\n    }\n\n    // @@ Split out into solid-ui\n\n    function panelCloseButton (panel) {\n      function removePanel () {\n        panel.parentNode.removeChild(panel)\n      }\n      const button =\n        UI.widgets.button(context.dom, UI.icons.iconBase + 'noun_1180156.svg', 'close', removePanel)\n      button.style.float = 'right'\n      button.style.margin = '0.7em'\n      delete button.style.backgroundColor // do not want white\n      return button\n    }\n    async function preferencesButtonPressed (_event) {\n      if (!preferencesArea) {\n        // Expand\n        preferencesArea = await renderPreferencesSidebar({ dom, noun: 'chat room' })\n      }\n      if (paneRight.contains(preferencesArea)) {\n        // Close menu  (hide or delete??)\n        preferencesArea.parentNode.removeChild(preferencesArea)\n        preferencesArea = null\n      } else {\n        paneRight.appendChild(preferencesArea)\n      }\n    } // preferencesButtonPressed\n\n    //          All my chats\n    //\n    /* Build a other chats list drawer the side\n     */\n\n    function renderCreationControl (refreshTarget, noun) {\n      var creationDiv = dom.createElement('div')\n      var me = UI.authn.currentUser()\n      var creationContext = {\n        // folder: subject,\n        div: creationDiv,\n        dom: dom,\n        noun: noun,\n        statusArea: creationDiv,\n        me: me,\n        refreshTarget: refreshTarget\n      }\n      const chatPane = context.session.paneRegistry.byName('chat')\n      const relevantPanes = [chatPane]\n      UI.create.newThingUI(creationContext, context, relevantPanes) // Have to pass panes down  newUI\n      return creationDiv\n    }\n\n    async function renderInstances (theClass, noun) {\n      const instancesDiv = dom.createElement('div')\n      var context = { dom, div: instancesDiv, noun: noun }\n      await UI.authn.registrationList(context, { public: true, private: true, type: theClass })\n      instancesDiv.appendChild(renderCreationControl(instancesDiv, noun))\n      return instancesDiv\n    }\n\n    var otherChatsArea = null\n    async function otherChatsHandler (_event) {\n      if (!otherChatsArea) { // Lazy build when needed\n        // Expand\n        otherChatsArea = dom.createElement('div')\n        otherChatsArea.style = SIDEBAR_COMPONENT_STYLE\n        otherChatsArea.style.maxHeight = triptychHeight\n        otherChatsArea.appendChild(panelCloseButton(otherChatsArea))\n\n        otherChatsArea.appendChild(await renderInstances(ns.meeting('LongChat'), 'chat'))\n      }\n      // Toggle visibility with button clicks\n      if (paneLeft.contains(otherChatsArea)) {\n        otherChatsArea.parentNode.removeChild(otherChatsArea)\n      } else {\n        paneLeft.appendChild(otherChatsArea)\n      }\n    } // otherChatsHandler\n\n    //          People in the chat\n    //\n    /* Build a participants list drawer the side\n     */\n    var participantsArea\n    function participantsHandler (_event) {\n      if (!participantsArea) {\n        // Expand\n        participantsArea = dom.createElement('div')\n        participantsArea.style = SIDEBAR_COMPONENT_STYLE\n        participantsArea.style.maxHeight = triptychHeight\n        participantsArea.appendChild(panelCloseButton(participantsArea))\n\n        // Record my participation and display participants\n        var me = UI.authn.currentUser()\n        if (!me) alert('Should be logeed in for partipants panel')\n        UI.pad.manageParticipation(\n          dom,\n          participantsArea,\n          chatChannel.doc(),\n          chatChannel,\n          me,\n          {}\n        )\n      }\n      // Toggle appearance in sidebar with clicks\n      // Note also it can remove itself using the X button\n      if (paneLeft.contains(participantsArea)) {\n        // Close participants  (hide or delete??)\n        participantsArea.parentNode.removeChild(participantsArea)\n        participantsArea = null\n      } else {\n        paneLeft.appendChild(participantsArea)\n      }\n    } // participantsHandler\n\n    var chatChannel = subject\n    var selectedMessage = null\n    if (kb.holds(subject, ns.rdf('type'), ns.meeting('LongChat'))) {\n      // subject is the chatChannel\n      console.log('Chat channnel')\n\n      // Looks like a message -- might not havre any class declared\n    } else if (\n      kb.any(subject, ns.sioc('content')) &&\n      kb.any(subject, ns.dct('created'))\n    ) {\n      console.log('message')\n      selectedMessage = subject\n      chatChannel = kb.any(null, ns.wf('message'), selectedMessage)\n      if (!chatChannel) throw new Error('Message has no link to chatChannel')\n    }\n\n    var div = dom.createElement('div')\n\n    // Three large columns for particpant, chat, Preferences.  formula below just as a note\n    // const windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight\n    const triptychHeight = '20cm' // @@ need to be able to set to  window!\n    var triptych = div.appendChild(dom.createElement('table'))\n    triptych.style.maxHeight = '12\"' // Screen max\n    var paneRow = triptych.appendChild(dom.createElement('tr'))\n    var paneLeft = paneRow.appendChild(dom.createElement('td'))\n    var paneMiddle = paneRow.appendChild(dom.createElement('td'))\n    var paneRight = paneRow.appendChild(dom.createElement('td'))\n    var paneBottom = triptych.appendChild(dom.createElement('tr'))\n    paneLeft.style = SIDEBAR_STYLE\n    paneLeft.style.paddingRight = '1em'\n    paneRight.style = SIDEBAR_STYLE\n    paneRight.style.paddingLeft = '1em'\n\n    paneBottom.appendChild(dom.createElement('td'))\n    const buttonCell = paneBottom.appendChild(dom.createElement('td'))\n    paneBottom.appendChild(dom.createElement('td'))\n\n    // Button to bring up participants drawer on left\n    const participantsIcon = 'noun_339237.svg'\n    var participantsButton = UI.widgets.button(\n      dom,\n      UI.icons.iconBase + participantsIcon,\n      'participants ...'\n    ) // wider var\n    buttonCell.appendChild(participantsButton)\n    participantsButton.addEventListener('click', participantsHandler)\n\n    // Button to bring up otherChats drawer on left\n    const otherChatsIcon = 'noun_1689339.svg' // long chat icon -- not ideal for a set of chats @@\n    var otherChatsButton = UI.widgets.button(\n      dom,\n      UI.icons.iconBase + otherChatsIcon,\n      'List of other chats ...'\n    ) // wider var\n    buttonCell.appendChild(otherChatsButton)\n    otherChatsButton.addEventListener('click', otherChatsHandler)\n\n    var preferencesArea = null\n    const menuButton = UI.widgets.button(\n      dom,\n      UI.icons.iconBase + SPANNER_ICON,\n      'Setting ...'\n    ) // wider var\n    buttonCell.appendChild(menuButton)\n    menuButton.style.float = 'right'\n    menuButton.addEventListener('click', preferencesButtonPressed)\n\n    div.setAttribute('class', 'chatPane')\n    const options = { infinite: true }\n    const participantsHandlerContext = { noun: 'chat room', div, dom: dom }\n    participantsHandlerContext.me = UI.authn.currentUser() // If already logged on\n\n    async function buildPane () {\n      let prefMap\n      try {\n        prefMap = await UI.preferences.getPreferencesForClass(\n          chatChannel, mainClass, preferenceProperties, participantsHandlerContext)\n      } catch (err) {\n        UI.widgets.complain(participantsHandlerContext, err)\n      }\n      for (const propuri in prefMap) {\n        options[propuri.split('#')[1]] = prefMap[propuri]\n      }\n      if (selectedMessage) {\n        options.selectedMessage = selectedMessage\n      }\n      if (paneOptions.solo) {\n        // This is the top pane, title, scrollbar etc are ours\n        options.solo = true\n      }\n      const chatControl = await UI.infiniteMessageArea(\n        dom,\n        kb,\n        chatChannel,\n        options\n      )\n      chatControl.style.resize = 'both'\n      chatControl.style.overflow = 'auto'\n      chatControl.style.maxHeight = triptychHeight\n      paneMiddle.appendChild(chatControl)\n    }\n    buildPane().then(console.log('async - chat pane built'))\n    return div\n  }\n}\n"],"file":"longChatPane.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-pane",
-  "version": "2.4.12",
+  "version": "2.4.14-alpha",
   "description": "Solid-compatible Panes: Chat",
   "main": "./lib/main.js",
   "files": [
@@ -47,24 +47,25 @@
     "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.0",
     "path-browserify": "^1.0.1",
-    "solid-ui": "^2.4.10",
+    "rdflib": "^2.2.17",
+    "solid-ui": "^2.4.15-alpha",
     "stream-browserify": "^3.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.15.7",
-    "@babel/core": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-typescript": "^7.15.0",
-    "babel-loader": "^8.2.2",
+    "@babel/cli": "^7.16.0",
+    "@babel/core": "^7.16.0",
+    "@babel/preset-env": "^7.16.0",
+    "@babel/preset-typescript": "^7.16.0",
+    "babel-loader": "^8.2.3",
     "eslint": "^7.32.0",
     "html-webpack-plugin": "^4.5.2",
-    "husky": "^7.0.2",
-    "lint-staged": "^11.2.3",
+    "husky": "^7.0.4",
+    "lint-staged": "^11.2.6",
     "standard": "^16.0.4",
     "typescript": "^4.4.4",
     "webpack": "^4.46.0",
     "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^4.3.1"
+    "webpack-dev-server": "^4.4.0"
   },
   "husky": {
     "hooks": {

package/src/longChatPane.js

@@ -94,30 +94,38 @@ module.exports = {
      ** for everyone to be seeing the same thing.
      */
     // const DCT = $rdf.Namespace('http://purl.org/dc/terms/')
-
     const preferencesFormText = `
+    @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.
+    @prefix solid: <http://www.w3.org/ns/solid/terms#>.
+    @prefix ui: <http://www.w3.org/ns/ui#>.
+    @prefix : <#>.
+
+    :this
+      <http://purl.org/dc/elements/1.1/title> "Chat preferences" ;
+      a ui:Form ;
+      ui:parts ( :colorizeByAuthor :expandImagesInline :newestFirst :inlineImageHeightEms
+                  :shiftEnterSendsMessage :authorDateOnLeft :showDeletedMessages).
+
+    :colorizeByAuthor a ui:TristateField; ui:property solid:colorizeByAuthor;
+    ui:label "Color user input by user".
+
+    :expandImagesInline a ui:TristateField; ui:property solid:expandImagesInline;
+    ui:label "Expand image URLs inline".
 
-  @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.
-  @prefix solid: <http://www.w3.org/ns/solid/terms#>.
-  @prefix ui: <http://www.w3.org/ns/ui#>.
-  @prefix : <#>.
+    :newestFirst a ui:TristateField; ui:property solid:newestFirst;
+    ui:label "Newest messages at the top".
 
-  :this
-    <http://purl.org/dc/elements/1.1/title> "Chat preferences" ;
-    a ui:Form ;
-    ui:part :colorizeByAuthor, :expandImagesInline, :newestFirst, :inlineImageHeightEms;
-    ui:parts ( :colorizeByAuthor :expandImagesInline :newestFirst :inlineImageHeightEms ).
+    :inlineImageHeightEms a ui:IntegerField; ui:property solid:inlineImageHeightEms;
+    ui:label "Inline image height (lines)".
 
-:colorizeByAuthor a ui:TristateField; ui:property solid:colorizeByAuthor;
-  ui:label "Color user input by user".
-:expandImagesInline a ui:TristateField; ui:property solid:expandImagesInline;
-  ui:label "Expand image URLs inline".
-:newestFirst a ui:TristateField; ui:property solid:newestFirst;
-  ui:label "Newest messages at the top".
+    :shiftEnterSendsMessage a ui:TristateField; ui:property solid:shiftEnterSendsMessage;
+    ui:label "Shift-Enter sends message".
 
-:inlineImageHeightEms a ui:IntegerField; ui:property solid:inlineImageHeightEms;
-  ui:label "Inline image height (lines)".
+    :authorDateOnLeft a ui:TristateField; ui:property solid:authorDateOnLeft;
+    ui:label "Author & date of message on left".
 
+    :showDeletedMessages a ui:TristateField; ui:property solid:showDeletedMessages;
+    ui:label "Show placeholders for deleted messages".
 `
     const preferencesForm = kb.sym(
       'https://solid.github.io/solid-panes/longCharPane/preferencesForm.ttl#this'