npm - profile-pane - Versions diffs - 3.0.0-aedb226d → 3.0.0-c007bb3f - Mend

profile-pane 3.0.0-aedb226d → 3.0.0-c007bb3f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/lib/ProfileView.d.ts.map +1 -1
package/lib/ProfileView.js +7 -3
package/lib/SocialPresenter.d.ts +2 -2
package/lib/SocialPresenter.d.ts.map +1 -1
package/lib/SocialPresenter.js +27 -6
package/lib/profile-pane.js +41 -11
package/lib/profile-pane.js.map +1 -1
package/lib/profile-pane.min.js +34 -34
package/lib/profile-pane.min.js.map +1 -1
package/package.json +1 -1

package/lib/ProfileView.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProfileView.d.ts","sourceRoot":"","sources":["../src/ProfileView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAa,MAAM,QAAQ,CAAA;AAC7C,OAAO,0BAA0B,CAAA;AAwBjC,wBAAsB,WAAW,CAC/B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,GAC1B,OAAO,CAAE,cAAc,CAAC,~~CAiI1B~~"}
1	+ {"version":3,"file":"ProfileView.d.ts","sourceRoot":"","sources":["../src/ProfileView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAa,MAAM,QAAQ,CAAA;AAC7C,OAAO,0BAA0B,CAAA;AAwBjC,wBAAsB,WAAW,CAC/B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,GAC1B,OAAO,CAAE,cAAc,CAAC,CAsI1B"}

package/lib/ProfileView.js CHANGED Viewed

@@ -33,9 +33,13 @@ function renderEditButton (subject) {
 */
 async function ProfileView(subject, context) {
-  const profileBasics = (0, _presenter.presentProfile)(subject, context.session.store);
-  const rolesByType = (0, _CVPresenter.presentCV)(subject, context.session.store);
-  const accounts = (0, _SocialPresenter.presentSocial)(subject, context.session.store);
+  const store = context.session.store;
+  // Load ontologies first
+  await (0, _SocialPresenter.loadProfileForm)(store);
+  const profileBasics = (0, _presenter.presentProfile)(subject, store);
+  const rolesByType = (0, _CVPresenter.presentCV)(subject, store);
+  const accounts = await (0, _SocialPresenter.presentSocial)(subject, store);
   const stuffData = await (0, _StuffPresenter.presentStuff)(subject);
   return (0, _litHtml.html)`
     <main

package/lib/SocialPresenter.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { LiveStore, NamedNode } from 'rdflib';
-export declare function loadProfileForm(store: LiveStore): void;
+export declare function loadProfileForm(store: LiveStore): Promise<void>;
 export interface Account {
     name: string;
     icon: string;
@@ -8,5 +8,5 @@ export interface Account {
 export interface SocialPresentation {
     accounts: Account[];
 }
-export declare function presentSocial(subject: NamedNode, store: LiveStore): SocialPresentation;
+export declare function presentSocial(subject: NamedNode, store: LiveStore): Promise<SocialPresentation>;
 //# sourceMappingURL=SocialPresenter.d.ts.map

package/lib/SocialPresenter.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SocialPresenter.d.ts","sourceRoot":"","sources":["../src/SocialPresenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,QAAQ,CAAA;~~AAM1D~~,wBAAgB,eAAe,CAAE,KAAK,EAAE,SAAS,~~QAOhD~~;AACD,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,~~wBAAgB~~,aAAa,~~CAC3B~~,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,SAAS,GACf,kBAAkB,~~CAiEpB~~"}
1	+ {"version":3,"file":"SocialPresenter.d.ts","sourceRoot":"","sources":["../src/SocialPresenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,QAAQ,CAAA;AAO1D,wBAAgB,eAAe,CAAE,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAgChE;AACD,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,wBAAsB,aAAa,CACjC,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,SAAS,GACf,OAAO,CAAC,kBAAkB,CAAC,CAiE7B"}

package/lib/SocialPresenter.js CHANGED Viewed

@@ -9,17 +9,38 @@ var _rdflib = require("rdflib");
 var _solidUi = require("solid-ui");
 /* babel-plugin-inline-import './ontology/profileForm.ttl' */
 const profileForm = "@prefix os: <http://www.w3.org/2000/10/swap/os#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n\n@prefix org: <http://www.w3.org/ns/org#>.\n@prefix esco: <http://data.europa.eu/esco/model#>.\n@prefix wd: <http://www.wikidata.org/entity/>.\n@prefix wdt: <http://www.wikidata.org/prop/direct/>.\n\n@prefix : <https://solidos.github.io/profile-pane/src/ontology/profileForm.ttl#>.\n@prefix soc: <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n\n# About forms: https://solidos.github.io/solid-ui/docs/forms-intro.html\n# About personal public data:  https://www.w3.org/DesignIssues/PersonalPublic.html\n\n:this\n    <http://purl.org/dc/elements/1.1/title> \"Profile form\" ;\n    a ui:Form ;\n    # ui:part :backgroundColor, :highlightColor;\n    ui:parts (\n      :styleGroup\n      :nicknameField\n      :pronounsForm\n      :LanguagesPrompt :LanguagesForm\n      :SocialsPrompt :SocialsForm\n      :CVGroup\n      :SkillsPrompt :SkillsForm\n      ).\n\n:styleGroup a ui:Group; ui:weight 0; ui:parts ( :styleHeading :backgroundColor :highlightColor ).\n    :styleHeading a ui:Heading; ui:contents \"The style of your public profile.\".\n    :backgroundColor a ui:ColorField; ui:property solid:profileBackgroundColor;\n      ui:label \"Background color\"; ui:default \"#ffffff\".\n    :highlightColor a ui:ColorField; ui:property solid:profileHighlightColor;\n      ui:label \"Highlight color\"; ui:default \"#000000\".\n\n# Nickname\n\n:nicknameField a ui:SingleLineTextField; ui:size 12; ui:property foaf:nick;\n      ui:label \"Short name for chats, etc.\"@en, \"nom court\"@fr.\n\n # Pronouns\n\n :pronounsForm a ui:Group; ui:weight 0; ui:parts ( :pronounsPrompt :subjectPronounForm :objectPronounForm :relativePronounForm) .\n\n    :pronounsPrompt a ui:Comment; ui:contents  \"What are your pronouns?\" .\n\n    :subjectPronounForm a ui:SingleLineTextField; ui:property solid:preferredSubjectPronoun;\n        ui:size 10; ui:label \"he/she/they...\" .\n    :objectPronounForm a ui:SingleLineTextField; ui:property solid:preferredObjectPronoun;\n        ui:size 10; ui:label \"him/her/them...\" .\n    :relativePronounForm a ui:SingleLineTextField; ui:property solid:preferredRelativePronoun;\n        ui:size 10; ui:label \"his/hers/theirs...\" .\n\n  # Curriculum Vitae: membership of organizations\n\n  :CVHeading a ui:Heading; ui:contents \"Public Curriculum Vitae\".\n  :CVPrompt a ui:Comment; ui:contents  \"What organizations have you been involved with?\" .\n\n    :CVGroup a ui:Group; ui:weight 1; ui:parts ( :CVHeading :CVPrompt :involvementWithOrganizationsForm ).\n\n\n  solid:Role a rdfs:Class; owl:oneOf ( solid:CurrentRole solid:FormerRole solid:FutureRole ). # Future Role too?\n\n  org:member owl:inverse [ ui:label \"involvement with company, org etc\" ]. # timelimited involvement\n\n  :involvementWithOrganizationsForm a ui:Multiple;\n      ui:label \"Involvement with Organization\";\n      ui:property org:member; ui:reverse true; # link back from role to member\n      ui:ordered false; # Allow user to order CV secions rather than force date order? No.\n      ui:part :RoleMembershipForm.\n\n# This is a big important form for one of a series of roles in the list.\n\n  :RoleMembershipForm a ui:Group; ui:weight 3; ui:parts ( :MembershipFormHeading :roleNameField\n        :escoOccupationField :orgField :RoleClassifier :RoleDatesForm :RoleDescriptionForm).\n\n     :MembershipFormHeading a ui:Heading; ui:contents \"Details of this role\"@en, \"D\xE9tailes de ce r\xF4le\"@fr .\n\n     :orgField a ui:Choice; ui:label \"Organization\"@en, \"Organization\"@fr;\n          ui:canMintNew true; ui:use :OrganizationCreationForm ;\n          ui:property org:organization;\n          ui:from vcard:Organization .\n     :roleNameField a ui:SingleLineTextField; ui:property vcard:role; ui:size 60 .\n\n    :escoOccupationField a ui:AutocompleteField;\n          ui:label \"occupation\"; ui:size 60;\n          ui:property org:role;\n          ui:dataSource :ESCO_Occupation_DataSource;\n           ui:targetClass schema:Occupation .\n\n         :ESCO_Occupation_DataSource a ui:DataSource;\n            schema:name \"ESCO\";\n            ui:targetClass schema:Occupation ;\n            schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n            ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&type=occupation&text=$(name)\".\n\n     :instituteIdentityField a ui:AutocompleteField; ui:label \"in wikidata\";\n          ui:size 60;\n          ui:property solid:publicId; ui:dataSource :WikidataOnOrganizations.\n\n     :WikidataOnOrganizations a ui:DataSource ;\n       schema:name \"Wikidata\";\n       ui:endpoint \"https://query.wikidata.org/sparql\" ;\n       ui:targetClass  <http://www.wikidata.org/entity/Q43229>; # Use if nothing else\n       ui:searchByNameQuery \"\"\"SELECT ?subject ?name\n       WHERE {\n         ?klass wdt:P279* $(targetClass) .\n         ?subject wdt:P31 ?klass .\n         ?subject rdfs:label ?name.\n         FILTER regex(?name, \"$(name)\", \"i\")\n       } LIMIT $(limit) \"\"\" .\n\n      :WikidataOnOrganizations ui:classMap\n       [ ui:internalClass schema:Corporation; ui:externalClass <http://www.wikidata.org/entity/Q6881511>], #Enterprise is for-profit\n       [ ui:internalClass schema:EducationalOrganization; ui:externalClass <http://www.wikidata.org/entity/Q178706>], #insitution\n       [ ui:internalClass schema:ResearchOrganization; ui:externalClass <http://www.wikidata.org/entity/Q31855>], # reearch insitutie\n       [ ui:internalClass schema:GovernmentOrganization; ui:externalClass <http://www.wikidata.org/entity/Q327333>], #government agency\n       [ ui:internalClass schema:MedicalOrganization; ui:externalClass <http://www.wikidata.org/entity/Q4287745>],\n       [ ui:internalClass schema:MusicGroup; ui:externalClass <http://www.wikidata.org/entity/Q32178211>], #music organization\n       [ ui:internalClass schema:NGO; ui:externalClass <http://www.wikidata.org/entity/Q163740>], #nonprofit organization @@\n       [ ui:internalClass schema:Occupation; ui:externalClass <http://www.wikidata.org/entity/Q28640>], # superclass: Profession\n       [ ui:internalClass schema:Organization; ui:externalClass <http://www.wikidata.org/entity/Q43229>], # Superclass; Organization\n       [ ui:internalClass schema:Project; ui:externalClass <http://www.wikidata.org/entity/Q170584>],\n       [ ui:internalClass schema:SportsOrganization; ui:externalClass <http://www.wikidata.org/entity/Q4438121>] .\n\n\n# eposodes in one's career - Roles\n\nsolid:Role owl:disjointUnionOf ( solid:PastRole solid:CurrentRole solid:FutureRole ) .\nsolid:PastRole a rdfs:Class; rdfs:label \"former role\"@en, \"ancien r\xF4le\"@fr, \"vergangene Rolle\"@de, \"rol anterior\"@es .\nsolid:CurrentRole a rdfs:Class; rdfs:label \"current role\"@en, \"r\xF4le actuel\"@fr, \"momentane Rolle\"@de , \"rol actual\"@es .\nsolid:FutureRole a rdfs:Class; rdfs:label \"future role\"@en, \"r\xF4le \xE0 venir\"@fr, \"zuk\xFCnftige Rolle\"@de, \"rol futuro\"@es .\n\n:RoleDatesGroup a ui:Group; ui:weight 0; ui:parts ( :RoleClassifier :RoleDatesForm ) .\n  :RoleClassifier a ui:Classifier; ui:label \"What sort of role?\"@en;\n      ui:category solid:Role .\n\n  :RoleDatesForm a ui:Options; ui:dependingOn rdf:type; ui:case\n     [ ui:for solid:PastRole; ui:use :TwoDateForm ],\n     [ ui:for solid:CurrentRole; ui:use :StartDateForm ],\n     [ ui:for solid:FutureRole; ui:use :StartDateForm ].\n\n      :StartDateForm a ui:DateField; ui:label \"start\"@en,\"d\xE9but\"@fr;\n          ui:property schema:startDate .\n      :TwoDateForm a ui:Group; ui:weight 0; ui:parts ( :StartDateForm :EndDateForm ) .\n      :EndDateForm a ui:DateField; ui:label \"end\"@en,\"fin\"@fr;\n          ui:property schema:endDate .\n\n:RoleDescriptionForm a ui:MultiLineTextField; ui:property schema:description;\n  ui:label \"Describe your role\" .\n\n# Organizations\n\n vcard:Organization ui:creationForm :OrganizationCreationForm  .\n\n# Ontology data to drive the classifier\n\nsolid:InterestingOrganization owl:disjointUnionOf  (\n# Airline - a Corporation\n# Consortium - a Corporation or a NGO\n schema:Corporation\n schema:EducationalOrganization\n schema:ResearchOrganization  # Proposed. https://github.com/schemaorg/schemaorg/issues/2877\n# FundingScheme - eh?\n schema:GovernmentOrganization\n# LibrarySystem\n# LocalBusiness - Corporation\n# MedicalOrganization - a Corporation or a NGO\n schema:NGO\n # NewsMediaOrganization - a Corporation or a NGO\nschema:PerformingGroup # a band\nschema:Project # like Solid\nschema:SportsOrganization # a Team\nsolid:OtherOrganization\n ) .\n\n# This until the schema.org ontology adopts it\nschema:ResearchOrganization a rdfs:Class; rdfs:label \"Research Organization\"@en, \"Organization de Recherche\"@fr ,\n   \"organizaci\xF3n de investigaci\xF3n\"@es, \"\u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u0628\u062D\u062B\"@ar, \"\u0905\u0928\u0941\u0938\u0902\u0927\u093E\u0928 \u0938\u0902\u0917\u0920\u0928\"@hi, \"Forschungsorganisation\"@de, \"shirika la utafiti\"@sw .\n\n  :OrganizationCreationForm a ui:Form; schema:name \"Form for editing an organization using public data\" ;\n    ui:parts ( :OrgClassifier :OrgSwitch   :OrganizationNameField :homePageURIField  ) .\n\n\n :OrgClassifier a ui:Classifier; ui:label \"What sort of organization?\"@en;\n    ui:category solid:InterestingOrganization .\n\n  :OrganizationNameField\n      a ui:SingleLineTextField ;\n      ui:label \"Organization Name\";\n      ui:maxLength \"200\" ;\n      ui:property schema:name ;\n      ui:size    80 .\n\n   :homePageURIField a ui:NamedNodeURIField; ui:size 80;\n      ui:label \"Home page URI\"@en;\n      ui:property  schema:uri . # @@ ??\n\n    :initituteTypeField a ui:Classifier;\n    ui:label \"What sort of organization\";\n    ui:category solid:InterestingOrganization .\n\n#  Depending on the type of org, chose a different form\n\n :OrgSwitch a ui:Options; ui:dependingOn rdf:type;\n   ui:case\n   [ ui:for schema:Corporation; ui:use :CorporationForm ],\n   [ ui:for schema:GovernmentOrganization; ui:use :GovernmentOrganizationForm ],\n   [ ui:for schema:PerformingGroup; ui:use :PerformingGroupForm ],\n   [ ui:for schema:Project; ui:use :ProjectForm ],\n   [ ui:for schema:NGO; ui:use :NGOForm ],\n   [ ui:for schema:EducationalOrganization; ui:use :EducationalOrganizationForm ],\n   [ ui:for schema:ResearchOrganization; ui:use :ResearchOrganizationForm ],\n   [ ui:for :SportsOrganization; ui:use :SportsOrganizationForm ],\n   [ ui:for solid:OtherOrganization; ui:use :OtherOrganizationForm ].\n\n\n  :CorporationForm a ui:Group; ui:weight 0; ui:parts ( :CorporationPrompt :CorporationAutocomplete ) .\n\n      :CorporationPrompt a ui:Comment; ui:contents \"Which corporation?\".\n\n      :CorporationAutocomplete a ui:AutocompleteField;\n      a ui:AutocompleteField; ui:label \"Corporation in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q6881511>; # Enterprise\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n      :WikidataInstancesByName a ui:DataSource ;\n        schema:name \"Wikidata instances by name\";\n        ui:endpoint \"https://query.wikidata.org/sparql\" ;\n        ui:searchByNameQuery \"\"\"SELECT ?subject ?name\n        WHERE {\n          ?klass wdt:P279* $(targetClass) .\n          ?subject wdt:P31 ?klass .\n          ?subject rdfs:label ?name.\n          FILTER regex(?name, \"$(name)\", \"i\")\n        } LIMIT $(limit) \"\"\" ;\n\n        # Note this form of the query is very experimental\n        ui:searchByName [   ui:construct { ?subject schema:name ?name } ;\n                            ui:where { ?klass wdt:P279 ?targetClass .\n                                       ?subject wdt:P31 ?klass; rdfs:label ?name .\n                                     };\n                        ].\n\n  :GovernmentOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :GovernmentOrganizationPrompt :GovernmentOrganizationAutocomplete ) .\n\n      :GovernmentOrganizationPrompt a ui:Comment; ui:contents \"Which GovernmentOrganization?\".\n\n      :GovernmentOrganizationAutocomplete\n      a ui:AutocompleteField; ui:label \"GovernmentOrganization in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q327333>; # GovernmentOrganization\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n    :EducationalOrganizationForm a ui:Group; ui:weight 1; ui:parts ( :EducationalOrganizationPrompt :EducationalOrganizationAutocomplete ) .\n\n        :EducationalOrganizationPrompt a ui:Comment; ui:contents \"Which Educational Organization?\".\n\n        :EducationalOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Educational Organization in wikidata\";\n             ui:size 60;\n             ui:targetClass  <http://www.wikidata.org/entity/Q2385804>; # EducationalOrganization\n             ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n    :ResearchOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :ResearchOrganizationPrompt :ResearchOrganizationAutocomplete ) .\n\n        :ResearchOrganizationPrompt a ui:Comment; ui:contents \"Which Research Organization?\".\n\n        :ResearchOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Research Insitute in wikidata\";\n             ui:size 60;\n             ui:targetClass  <http://www.wikidata.org/entity/Q31855>; # research institute\n             ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n  :NGOForm a ui:Group; ui:weight 0; ui:parts ( :NGOPrompt :NGOAutocomplete ) .\n\n      :NGOPrompt a ui:Comment; ui:contents \"Which NGO?\".\n\n      :NGOAutocomplete\n      a ui:AutocompleteField; ui:label \"NGO in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q163740>; # Non-profit org\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n  :PerformingGroupForm a ui:Group; ui:weight 0; ui:parts ( :PerformingGroupPrompt :PerformingGroupAutocomplete ) .\n\n      :PerformingGroupPrompt a ui:Comment; ui:contents \"Which PerformingGroup?\".\n\n      :PerformingGroupAutocomplete\n      a ui:AutocompleteField; ui:label \"PerformingGroup in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q32178211>; # Music Org\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n  :ProjectForm a ui:Group; ui:weight 0; ui:parts ( :ProjectPrompt :ProjectAutocomplete ) . #  :ProjectAutocomplete - no: supress, as not in WD\n\n      :ProjectPrompt a ui:Comment; ui:contents \"Which Project?\".\n\n      :ProjectAutocomplete\n      a ui:AutocompleteField; ui:label \"Project in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q170584>; # Project\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n  :SportsOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :SportsOrganizationPrompt :SportsOrganizationAutocomplete ) .\n\n      :SportsOrganizationPrompt a ui:Comment; ui:contents \"Which Sports Organization?\".\n\n      :SportsOrganizationAutocomplete\n      a ui:AutocompleteField; ui:label \"SportsOrganization in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q4438121>; # SportsOrganization\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n   :OtherOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :OrganizationNameField :homePageURIField ) .\n\n  #################### Skills\n\n  :SkillsPrompt a ui:Comment; ui:contents  \"Skills?\" .\n\n  :SkillsForm a ui:Multiple;\n      ui:label \"Skills\";\n      ui:property schema:skills;\n      ui:ordered false; # Allow reader to order skills\n      ui:part :SkillForm.\n\n  :SkillForm a ui:Group; ui:weight 1; ui:parts ( :escoSkillField ).\n\n        # :skillNameField a ui:SingleLineTextField; ui:property vcard:role; ui:size 30 .\n\n        :escoSkillField a ui:AutocompleteField;\n              ui:label \"skill\"; ui:size 30;\n              ui:property solid:publicId;\n              ui:dataSource :ESCO_Skill_DataSource;\n               ui:targetClass schema:Skill .\n\n        :ESCO_Skill_DataSource a ui:DataSource;\n           schema:name \"ESCO Skill\";\n           ui:targetClass esco:Skill ;\n           schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n           ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&limit=$(limit)&type=skill&text=$(name)\".\n\n# Language\n\n:LanguagesPrompt a ui:Comment; ui:contents  \"Languages?\" .\n\n:LanguagesForm a ui:Multiple;\n    ui:label \"Languages\";\n    ui:property schema:knowsLanguage; # @@@\n    ui:ordered true; # Allow user to order languages most important first.\n    ui:part :LanguageForm.\n\n:LanguageForm a ui:Group; ui:weight 1; ui:parts ( :WikidataLanguageField ).\n\n    :WikidataLanguageField a ui:AutocompleteField;\n          ui:label \"Language\"; ui:size 30;\n          ui:property solid:publicId; # @@\n          ui:dataSource :WikidataLanguageDataSource;\n           ui:targetClass schema:Language .\n\n    :WikidataLanguageDataSource\n        schema:name \"Wikidata languages\";\n        ui:endpoint \"https://query.wikidata.org/sparql\" ;\n        ui:objectURIBase <https://www.w3.org/ns/iana/language-code/>;\n        # Add this to any literal string returned as ?subject\n\n         ui:searchByNameQuery \"\"\"SELECT ?item ?subject ?name\nWHERE\n{ ?item wdt:P305 ?subject .\n  OPTIONAL {?item rdfs:label ?name}\n  OPTIONAL {?item wdt:P1705 ?name}\n  FILTER regex(?name, \"$(name)\", \"i\")\n  FILTER regex(?subject, \"^..$\", \"i\")\n}\"\"\" .\n # Note we restrict code to two-letter codes with the second regex, so as to limit the deluge of languages\n # Hope there are not any important ones which have three-letter codes.\n # Omitted: SERVICE wikibase:label { bd:serviceParam wikibase:language \"$(languages)\". }\n\n########### Social Media - other accounts\n#\n# Twitter, Linked In, Orkid, Mastodon, Matrix, Bluesky, Instagram, Facebook, Github,\n# Snapchat, TikTok, etc\n\n:SocialsPrompt a ui:Heading; ui:contents  \"Social Media etc?\" .\n:SocialsPrompt a ui:Comment; ui:contents  \"Link to accounts in social media sites, etc\" .\n\n:SocialsForm a ui:Multiple;\n    ui:label \"online account\";\n    ui:property foaf:account;\n    ui:ordered true; # Allow user to order occounts most important first.\n    ui:part :AccountsForm.\n\n:AccountsForm a ui:Group; ui:weight 1; ui:parts ( :AccountField :AccountIdField ).\n\n:AccountField a ui:Classifier; ui:label \"What sort of account?\"@en;\n      ui:multiple false ; \n      ui:category foaf:Account  .\n\n:AccountIdField a ui:Options . \n\n  :AccountIdField a ui:Options; ui:dependingOn rdf:type; ui:case\n     [ ui:for soc:BlueSkyAccount; ui:use :BlueSkyIdField ],\n     [ ui:for soc:DiggAccount; ui:use :DiggIdField],\n     [ ui:for soc:FacebookAccount; ui:use :FacebookIdField ],\n     [ ui:for soc:GithubAccount; ui:use :GithubIdField ],\n     [ ui:for soc:InstagramAccount; ui:use :InstagramIdField ],\n     [ ui:for soc:LinkedInAccount; ui:use :LinkedInIdField ],\n     [ ui:for soc:MastodonAccount; ui:use :MastodonIdField ],\n     [ ui:for soc:MatrixAccount; ui:use :MatrixIdField ],\n     [ ui:for soc:MediumAccount; ui:use :MediumIdField ],\n     [ ui:for soc:NostrAccount; ui:use :NostrIdField ],\n     [ ui:for soc:OrcidAccount; ui:use :OrcidIdField ],\n     [ ui:for soc:PinterestAccount; ui:use :PinterestIdField ],\n     [ ui:for soc:RedditAccount; ui:use :RedditIdField ],\n     [ ui:for soc:StravaAccount; ui:use :StravaIdField ],\n     [ ui:for soc:SnapchatAccount; ui:use :SnapchatIdField ],\n     [ ui:for soc:TiktokAccount; ui:use :TiktokIdField ],\n     [ ui:for soc:TumblrAccount; ui:use :TumblrIdField ],\n     [ ui:for soc:TwitterAccount; ui:use :TwitterIdField ],\n     [ ui:for soc:OtherAccount; ui:use :OtherIdForm  ] .\n\n  :BlueSkyIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Bluesky Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :DiggIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Digg Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :FacebookIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Facebook Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :GithubIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Github Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :InstagramIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Instagram Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :LinkedInIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Linked In Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MastodonIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Mastodon (Activity Pub) Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MatrixIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Matrix Username\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MediumIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Medium Username\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :NostrIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Nostr public key\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    70 .\n\n  :OrcidIdField\n      a ui:SingleLineTextField ;\n      ui:label \"ORCiD id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :PinterestIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Pinterest id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :RedditIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Reddit Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :StravaIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Strava Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :SnapchatIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Snapchat Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TiktokIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Tiktok Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TumblrIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Tumblr user name\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TwitterIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Twitter Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n# an unknown SN account needs more info\n\n  :OtherIdForm a ui:Group; ui:weight 0; ui:parts ( :OtherIdField :OtherIconField :OtherLabelield ).\n\n  :OtherIdField\n      a ui:NamedNodeURIField ;\n      ui:label \"URL of account to link to\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:homepage ; \n      ui:size    60 .\n\n  :OtherLabelield\n      a ui:SingleLineTextField ;\n      ui:label \"Label\";\n      ui:maxLength \"200\" ;\n      ui:property rdfs:label ; \n      ui:size    40 .\n\n  :OtherIconField\n      a ui:NamedNodeURIField ;\n      ui:label \"URL of icon to display\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:icon ;\n      ui:size    60 .\n\n\n\n# Subclass definitions for foaf:Account (embedded for UI category selector)\nsoc:BlueSkyAccount rdfs:subClassOf foaf:Account; rdfs:label \"Bluesky\" .\nsoc:Digg rdfs:subClassOf foaf:Account; rdfs:label \"Digg\" .\nsoc:FacebookAccount rdfs:subClassOf foaf:Account; rdfs:label \"Facebook\" .\nsoc:GithubAccount rdfs:subClassOf foaf:Account; rdfs:label \"Github\" .\nsoc:InstagramAccount rdfs:subClassOf foaf:Account; rdfs:label \"Instagram\" .\nsoc:LinkedInAccount rdfs:subClassOf foaf:Account; rdfs:label \"Linked In\" .\nsoc:MastodonAccount rdfs:subClassOf foaf:Account; rdfs:label \"Mastodon\" .\nsoc:MatrixAccount rdfs:subClassOf foaf:Account; rdfs:label \"Matrix\" .\nsoc:MediumAccount rdfs:subClassOf foaf:Account; rdfs:label \"Medium\" .\nsoc:NostrAccount rdfs:subClassOf foaf:Account; rdfs:label \"Nostr\" .\nsoc:OrcidAccount rdfs:subClassOf foaf:Account; rdfs:label \"ORCiD\" .\nsoc:PinterestAccount rdfs:subClassOf foaf:Account; rdfs:label \"Pinterest\" .\nsoc:RedditAccount rdfs:subClassOf foaf:Account; rdfs:label \"Reddit\" .\nsoc:SnapchatAccount rdfs:subClassOf foaf:Account; rdfs:label \"Snapchat\" .\nsoc:StravaAccount rdfs:subClassOf foaf:Account; rdfs:label \"Strava\" .\nsoc:TiktokAccount rdfs:subClassOf foaf:Account; rdfs:label \"TikTok\" .\nsoc:TumblrAccount rdfs:subClassOf foaf:Account; rdfs:label \"Tumblr\" .\nsoc:TwitterAccount rdfs:subClassOf foaf:Account; rdfs:label \"X (formerly Twitter)\" .\nsoc:OtherAccount rdfs:subClassOf foaf:Account; rdfs:label \"Other\" .\n\n\n\n# ENDS\n";
+/* babel-plugin-inline-import './ontology/socialMedia.ttl' */
+const socialMedia = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n\n@prefix org: <http://www.w3.org/ns/org#>.\n\n@prefix : <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n@prefix soc: <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n\n##### Ontology of Online Accounts\n\nfoaf:Account a rdfs:Class;\n    rdfs:label \"Online Account Provider\";\n    owl:disjointUnionOf ( :BlueSkyAccount :Digg :FacebookAccount :GithubAccount :InstagramAccount\n    :LinkedInAccount :MastodonAccount :MatrixAccount :MediumAccount :NostrAccount :OrcidAccount :PinterestAccount\n    :RedditAccount :SnapchatAccount :StravaAccount :TiktokAccount  :TumblrAccount  :TwitterAccount :OtherAccount) .\n\n:BlueSkyAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Bluesky\";\n    foaf:userProfilePrefix \"https://bsky.app/profile/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/bluesky-1.svg>;\n    foaf:homepage <https://bsky.app/> .\n\n:Digg rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Digg\";\n    foaf:userProfilePrefix \"https://www.digg.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/digg-icon.svg>;\n    foaf:homepage <https://www.digg.com/> .\n\n:FacebookAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Facebook\";\n    foaf:userProfilePrefix \"https://www.facebook.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/facebook-2020-2-1.svg>;\n    foaf:homepage <https://www.facebook.com/> .\n\n:GithubAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Github\";\n    foaf:userProfilePrefix \"https://www.github.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/github-icon.svg>;\n    foaf:homepage <https://github.com/> .\n\n:InstagramAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Instagram\";\n    foaf:userProfilePrefix \"https://www.instagram.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/instagram-2016-5.svg>;\n    foaf:homepage <https://www.instagram.com/> .\n\n:LinkedInAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Linked In\";\n    foaf:userProfilePrefix \"https://www.linkedin.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/linkedin-icon.svg>;\n    foaf:homepage <https://linkedin.com/> .\n\n:MastodonAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Mastodon\" ;\n    foaf:userProfilePrefix \"https://mastodon.social/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/mastodon-2.svg>;\n    foaf:homepage <https://joinmastodon.org/> .\n\n:MatrixAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Matrix\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/matrix-logo-black.svg> ;\n    foaf:userProfilePrefix \"https://matrix.to/#/\" ;\n    foaf:homepage <https://matrix.org/> .\n\n:MediumAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Medium\";\n    foaf:userProfilePrefix \"https://medium.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/medium-logo-wordmark-black.svg>;\n    foaf:homepage <https://medium.com/> .\n\n:NostrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Nostr\";\n    foaf:userProfilePrefix \"https://primal.net/p/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/nostr-icon-purple-on-white.svg>;\n    foaf:homepage <https://nostr.net/> .\n\n:OrcidAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"ORCiD\";\n    foaf:userProfilePrefix \"https://orcid.org/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/ORCID-1.svg>;\n    foaf:homepage <https://orcid.org/> .\n\n:PinterestAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Pinterest\";\n    foaf:userProfilePrefix \"https://pin.it/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/pinterest-2-1.svg>;\n    foaf:homepage <https://pinterest.com/> .\n\n:RedditAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Reddit\";\n    foaf:userProfilePrefix \"https://www.reddit.com/user/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/reddit-4.svg>;\n    foaf:homepage <https://reddit.com/> .\n\n:SnapchatAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Snapchat\";\n    foaf:userProfilePrefix \"https://www.snapchat.com/add/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/snapchat-1.svg>;\n    foaf:homepage <https://www.snapchat.com/> .\n\n:StravaAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Strava\";\n    foaf:userProfilePrefix \"https://www.strava.com/athletes/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/strava-2.svg>;\n    foaf:homepage <https://strava.com/> .\n\n:TiktokAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"TikTok\";\n    foaf:userProfilePrefix \"https://www.tiktok.com/@\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tiktok-icon-2.svg>;\n    foaf:homepage <https://www.tiktok.com/> .\n\n:TumblrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Tumblr\";\n    foaf:userProfilePrefix \"https://www.tumblr.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tumblr-icon.svg>;\n    foaf:homepage <https://www.tumblr.com/> .\n\n\n:TwitterAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"X (formerly Twitter)\";\n    foaf:userProfilePrefix \"https://x.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/x-2.svg>;\n    foaf:homepage <https://x.com/> .\n\n\n:OtherAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Other\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg> .\n\n# ends\n";
 const DEFAULT_ICON_URI = _solidUi.icons.iconBase + 'noun_10636_grey.svg'; // grey disc
 function loadProfileForm(store) {
   const preferencesForm = store.sym('https://solidos.github.io/profile-pane/src/ontology/profileForm.ttl#this');
   const preferencesFormDoc = preferencesForm.doc();
-  if (!store.holds(undefined, undefined, undefined, preferencesFormDoc)) {
-    // If not loaded already
-    (0, _rdflib.parse)(profileForm, store, preferencesFormDoc.uri, 'text/turtle', () => null); // Load form directly
-  }
+  const socialMediaDoc = store.sym('https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl').doc();
+  return new Promise((resolve, reject) => {
+    const promises = [];
+    if (!store.holds(undefined, undefined, undefined, preferencesFormDoc)) {
+      promises.push(new Promise((res, rej) => {
+        (0, _rdflib.parse)(profileForm, store, preferencesFormDoc.uri, 'text/turtle', err => {
+          if (err) rej(err);else res();
+        });
+      }));
+    }
+    if (!store.holds(undefined, undefined, undefined, socialMediaDoc)) {
+      promises.push(new Promise((res, rej) => {
+        (0, _rdflib.parse)(socialMedia, store, socialMediaDoc.uri, 'text/turtle', err => {
+          if (err) rej(err);else res();
+        });
+      }));
+    }
+    if (promises.length === 0) {
+      resolve();
+    } else {
+      Promise.all(promises).then(() => resolve()).catch(reject);
+    }
+  });
 }
-function presentSocial(subject, store) {
+async function presentSocial(subject, store) {
   function nameForAccount(subject) {
     const acIcon = store.any(subject, _solidUi.ns.foaf('name')) || store.any(subject, _solidUi.ns.rdfs('label')); // on the account itself?
     if (acIcon) return acIcon.value;
@@ -68,7 +89,7 @@ function presentSocial(subject, store) {
       homepage: homepageForAccount(ac)
     };
   }
-  loadProfileForm(store); // get ontology info
+  await loadProfileForm(store); // get ontology info
   const accountThings = store.anyJS(subject, _solidUi.ns.foaf('account')); // load the collection
   if (!accountThings) return {

package/lib/profile-pane.js CHANGED Viewed

@@ -4943,20 +4943,49 @@ function presentCV(subject, store) {
 ;// ./src/ontology/profileForm.ttl
 const profileForm_namespaceObject = "@prefix os: <http://www.w3.org/2000/10/swap/os#> .\n@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n\n@prefix org: <http://www.w3.org/ns/org#>.\n@prefix esco: <http://data.europa.eu/esco/model#>.\n@prefix wd: <http://www.wikidata.org/entity/>.\n@prefix wdt: <http://www.wikidata.org/prop/direct/>.\n\n@prefix : <https://solidos.github.io/profile-pane/src/ontology/profileForm.ttl#>.\n@prefix soc: <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n\n# About forms: https://solidos.github.io/solid-ui/docs/forms-intro.html\n# About personal public data:  https://www.w3.org/DesignIssues/PersonalPublic.html\n\n:this\n    <http://purl.org/dc/elements/1.1/title> \"Profile form\" ;\n    a ui:Form ;\n    # ui:part :backgroundColor, :highlightColor;\n    ui:parts (\n      :styleGroup\n      :nicknameField\n      :pronounsForm\n      :LanguagesPrompt :LanguagesForm\n      :SocialsPrompt :SocialsForm\n      :CVGroup\n      :SkillsPrompt :SkillsForm\n      ).\n\n:styleGroup a ui:Group; ui:weight 0; ui:parts ( :styleHeading :backgroundColor :highlightColor ).\n    :styleHeading a ui:Heading; ui:contents \"The style of your public profile.\".\n    :backgroundColor a ui:ColorField; ui:property solid:profileBackgroundColor;\n      ui:label \"Background color\"; ui:default \"#ffffff\".\n    :highlightColor a ui:ColorField; ui:property solid:profileHighlightColor;\n      ui:label \"Highlight color\"; ui:default \"#000000\".\n\n# Nickname\n\n:nicknameField a ui:SingleLineTextField; ui:size 12; ui:property foaf:nick;\n      ui:label \"Short name for chats, etc.\"@en, \"nom court\"@fr.\n\n # Pronouns\n\n :pronounsForm a ui:Group; ui:weight 0; ui:parts ( :pronounsPrompt :subjectPronounForm :objectPronounForm :relativePronounForm) .\n\n    :pronounsPrompt a ui:Comment; ui:contents  \"What are your pronouns?\" .\n\n    :subjectPronounForm a ui:SingleLineTextField; ui:property solid:preferredSubjectPronoun;\n        ui:size 10; ui:label \"he/she/they...\" .\n    :objectPronounForm a ui:SingleLineTextField; ui:property solid:preferredObjectPronoun;\n        ui:size 10; ui:label \"him/her/them...\" .\n    :relativePronounForm a ui:SingleLineTextField; ui:property solid:preferredRelativePronoun;\n        ui:size 10; ui:label \"his/hers/theirs...\" .\n\n  # Curriculum Vitae: membership of organizations\n\n  :CVHeading a ui:Heading; ui:contents \"Public Curriculum Vitae\".\n  :CVPrompt a ui:Comment; ui:contents  \"What organizations have you been involved with?\" .\n\n    :CVGroup a ui:Group; ui:weight 1; ui:parts ( :CVHeading :CVPrompt :involvementWithOrganizationsForm ).\n\n\n  solid:Role a rdfs:Class; owl:oneOf ( solid:CurrentRole solid:FormerRole solid:FutureRole ). # Future Role too?\n\n  org:member owl:inverse [ ui:label \"involvement with company, org etc\" ]. # timelimited involvement\n\n  :involvementWithOrganizationsForm a ui:Multiple;\n      ui:label \"Involvement with Organization\";\n      ui:property org:member; ui:reverse true; # link back from role to member\n      ui:ordered false; # Allow user to order CV secions rather than force date order? No.\n      ui:part :RoleMembershipForm.\n\n# This is a big important form for one of a series of roles in the list.\n\n  :RoleMembershipForm a ui:Group; ui:weight 3; ui:parts ( :MembershipFormHeading :roleNameField\n        :escoOccupationField :orgField :RoleClassifier :RoleDatesForm :RoleDescriptionForm).\n\n     :MembershipFormHeading a ui:Heading; ui:contents \"Details of this role\"@en, \"Détailes de ce rôle\"@fr .\n\n     :orgField a ui:Choice; ui:label \"Organization\"@en, \"Organization\"@fr;\n          ui:canMintNew true; ui:use :OrganizationCreationForm ;\n          ui:property org:organization;\n          ui:from vcard:Organization .\n     :roleNameField a ui:SingleLineTextField; ui:property vcard:role; ui:size 60 .\n\n    :escoOccupationField a ui:AutocompleteField;\n          ui:label \"occupation\"; ui:size 60;\n          ui:property org:role;\n          ui:dataSource :ESCO_Occupation_DataSource;\n           ui:targetClass schema:Occupation .\n\n         :ESCO_Occupation_DataSource a ui:DataSource;\n            schema:name \"ESCO\";\n            ui:targetClass schema:Occupation ;\n            schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n            ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&type=occupation&text=$(name)\".\n\n     :instituteIdentityField a ui:AutocompleteField; ui:label \"in wikidata\";\n          ui:size 60;\n          ui:property solid:publicId; ui:dataSource :WikidataOnOrganizations.\n\n     :WikidataOnOrganizations a ui:DataSource ;\n       schema:name \"Wikidata\";\n       ui:endpoint \"https://query.wikidata.org/sparql\" ;\n       ui:targetClass  <http://www.wikidata.org/entity/Q43229>; # Use if nothing else\n       ui:searchByNameQuery \"\"\"SELECT ?subject ?name\n       WHERE {\n         ?klass wdt:P279* $(targetClass) .\n         ?subject wdt:P31 ?klass .\n         ?subject rdfs:label ?name.\n         FILTER regex(?name, \"$(name)\", \"i\")\n       } LIMIT $(limit) \"\"\" .\n\n      :WikidataOnOrganizations ui:classMap\n       [ ui:internalClass schema:Corporation; ui:externalClass <http://www.wikidata.org/entity/Q6881511>], #Enterprise is for-profit\n       [ ui:internalClass schema:EducationalOrganization; ui:externalClass <http://www.wikidata.org/entity/Q178706>], #insitution\n       [ ui:internalClass schema:ResearchOrganization; ui:externalClass <http://www.wikidata.org/entity/Q31855>], # reearch insitutie\n       [ ui:internalClass schema:GovernmentOrganization; ui:externalClass <http://www.wikidata.org/entity/Q327333>], #government agency\n       [ ui:internalClass schema:MedicalOrganization; ui:externalClass <http://www.wikidata.org/entity/Q4287745>],\n       [ ui:internalClass schema:MusicGroup; ui:externalClass <http://www.wikidata.org/entity/Q32178211>], #music organization\n       [ ui:internalClass schema:NGO; ui:externalClass <http://www.wikidata.org/entity/Q163740>], #nonprofit organization @@\n       [ ui:internalClass schema:Occupation; ui:externalClass <http://www.wikidata.org/entity/Q28640>], # superclass: Profession\n       [ ui:internalClass schema:Organization; ui:externalClass <http://www.wikidata.org/entity/Q43229>], # Superclass; Organization\n       [ ui:internalClass schema:Project; ui:externalClass <http://www.wikidata.org/entity/Q170584>],\n       [ ui:internalClass schema:SportsOrganization; ui:externalClass <http://www.wikidata.org/entity/Q4438121>] .\n\n\n# eposodes in one's career - Roles\n\nsolid:Role owl:disjointUnionOf ( solid:PastRole solid:CurrentRole solid:FutureRole ) .\nsolid:PastRole a rdfs:Class; rdfs:label \"former role\"@en, \"ancien rôle\"@fr, \"vergangene Rolle\"@de, \"rol anterior\"@es .\nsolid:CurrentRole a rdfs:Class; rdfs:label \"current role\"@en, \"rôle actuel\"@fr, \"momentane Rolle\"@de , \"rol actual\"@es .\nsolid:FutureRole a rdfs:Class; rdfs:label \"future role\"@en, \"rôle à venir\"@fr, \"zukünftige Rolle\"@de, \"rol futuro\"@es .\n\n:RoleDatesGroup a ui:Group; ui:weight 0; ui:parts ( :RoleClassifier :RoleDatesForm ) .\n  :RoleClassifier a ui:Classifier; ui:label \"What sort of role?\"@en;\n      ui:category solid:Role .\n\n  :RoleDatesForm a ui:Options; ui:dependingOn rdf:type; ui:case\n     [ ui:for solid:PastRole; ui:use :TwoDateForm ],\n     [ ui:for solid:CurrentRole; ui:use :StartDateForm ],\n     [ ui:for solid:FutureRole; ui:use :StartDateForm ].\n\n      :StartDateForm a ui:DateField; ui:label \"start\"@en,\"début\"@fr;\n          ui:property schema:startDate .\n      :TwoDateForm a ui:Group; ui:weight 0; ui:parts ( :StartDateForm :EndDateForm ) .\n      :EndDateForm a ui:DateField; ui:label \"end\"@en,\"fin\"@fr;\n          ui:property schema:endDate .\n\n:RoleDescriptionForm a ui:MultiLineTextField; ui:property schema:description;\n  ui:label \"Describe your role\" .\n\n# Organizations\n\n vcard:Organization ui:creationForm :OrganizationCreationForm  .\n\n# Ontology data to drive the classifier\n\nsolid:InterestingOrganization owl:disjointUnionOf  (\n# Airline - a Corporation\n# Consortium - a Corporation or a NGO\n schema:Corporation\n schema:EducationalOrganization\n schema:ResearchOrganization  # Proposed. https://github.com/schemaorg/schemaorg/issues/2877\n# FundingScheme - eh?\n schema:GovernmentOrganization\n# LibrarySystem\n# LocalBusiness - Corporation\n# MedicalOrganization - a Corporation or a NGO\n schema:NGO\n # NewsMediaOrganization - a Corporation or a NGO\nschema:PerformingGroup # a band\nschema:Project # like Solid\nschema:SportsOrganization # a Team\nsolid:OtherOrganization\n ) .\n\n# This until the schema.org ontology adopts it\nschema:ResearchOrganization a rdfs:Class; rdfs:label \"Research Organization\"@en, \"Organization de Recherche\"@fr ,\n   \"organización de investigación\"@es, \"منظمة البحث\"@ar, \"अनुसंधान संगठन\"@hi, \"Forschungsorganisation\"@de, \"shirika la utafiti\"@sw .\n\n  :OrganizationCreationForm a ui:Form; schema:name \"Form for editing an organization using public data\" ;\n    ui:parts ( :OrgClassifier :OrgSwitch   :OrganizationNameField :homePageURIField  ) .\n\n\n :OrgClassifier a ui:Classifier; ui:label \"What sort of organization?\"@en;\n    ui:category solid:InterestingOrganization .\n\n  :OrganizationNameField\n      a ui:SingleLineTextField ;\n      ui:label \"Organization Name\";\n      ui:maxLength \"200\" ;\n      ui:property schema:name ;\n      ui:size    80 .\n\n   :homePageURIField a ui:NamedNodeURIField; ui:size 80;\n      ui:label \"Home page URI\"@en;\n      ui:property  schema:uri . # @@ ??\n\n    :initituteTypeField a ui:Classifier;\n    ui:label \"What sort of organization\";\n    ui:category solid:InterestingOrganization .\n\n#  Depending on the type of org, chose a different form\n\n :OrgSwitch a ui:Options; ui:dependingOn rdf:type;\n   ui:case\n   [ ui:for schema:Corporation; ui:use :CorporationForm ],\n   [ ui:for schema:GovernmentOrganization; ui:use :GovernmentOrganizationForm ],\n   [ ui:for schema:PerformingGroup; ui:use :PerformingGroupForm ],\n   [ ui:for schema:Project; ui:use :ProjectForm ],\n   [ ui:for schema:NGO; ui:use :NGOForm ],\n   [ ui:for schema:EducationalOrganization; ui:use :EducationalOrganizationForm ],\n   [ ui:for schema:ResearchOrganization; ui:use :ResearchOrganizationForm ],\n   [ ui:for :SportsOrganization; ui:use :SportsOrganizationForm ],\n   [ ui:for solid:OtherOrganization; ui:use :OtherOrganizationForm ].\n\n\n  :CorporationForm a ui:Group; ui:weight 0; ui:parts ( :CorporationPrompt :CorporationAutocomplete ) .\n\n      :CorporationPrompt a ui:Comment; ui:contents \"Which corporation?\".\n\n      :CorporationAutocomplete a ui:AutocompleteField;\n      a ui:AutocompleteField; ui:label \"Corporation in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q6881511>; # Enterprise\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n      :WikidataInstancesByName a ui:DataSource ;\n        schema:name \"Wikidata instances by name\";\n        ui:endpoint \"https://query.wikidata.org/sparql\" ;\n        ui:searchByNameQuery \"\"\"SELECT ?subject ?name\n        WHERE {\n          ?klass wdt:P279* $(targetClass) .\n          ?subject wdt:P31 ?klass .\n          ?subject rdfs:label ?name.\n          FILTER regex(?name, \"$(name)\", \"i\")\n        } LIMIT $(limit) \"\"\" ;\n\n        # Note this form of the query is very experimental\n        ui:searchByName [   ui:construct { ?subject schema:name ?name } ;\n                            ui:where { ?klass wdt:P279 ?targetClass .\n                                       ?subject wdt:P31 ?klass; rdfs:label ?name .\n                                     };\n                        ].\n\n  :GovernmentOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :GovernmentOrganizationPrompt :GovernmentOrganizationAutocomplete ) .\n\n      :GovernmentOrganizationPrompt a ui:Comment; ui:contents \"Which GovernmentOrganization?\".\n\n      :GovernmentOrganizationAutocomplete\n      a ui:AutocompleteField; ui:label \"GovernmentOrganization in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q327333>; # GovernmentOrganization\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n    :EducationalOrganizationForm a ui:Group; ui:weight 1; ui:parts ( :EducationalOrganizationPrompt :EducationalOrganizationAutocomplete ) .\n\n        :EducationalOrganizationPrompt a ui:Comment; ui:contents \"Which Educational Organization?\".\n\n        :EducationalOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Educational Organization in wikidata\";\n             ui:size 60;\n             ui:targetClass  <http://www.wikidata.org/entity/Q2385804>; # EducationalOrganization\n             ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n    :ResearchOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :ResearchOrganizationPrompt :ResearchOrganizationAutocomplete ) .\n\n        :ResearchOrganizationPrompt a ui:Comment; ui:contents \"Which Research Organization?\".\n\n        :ResearchOrganizationAutocomplete\n        a ui:AutocompleteField; ui:label \"Research Insitute in wikidata\";\n             ui:size 60;\n             ui:targetClass  <http://www.wikidata.org/entity/Q31855>; # research institute\n             ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n  :NGOForm a ui:Group; ui:weight 0; ui:parts ( :NGOPrompt :NGOAutocomplete ) .\n\n      :NGOPrompt a ui:Comment; ui:contents \"Which NGO?\".\n\n      :NGOAutocomplete\n      a ui:AutocompleteField; ui:label \"NGO in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q163740>; # Non-profit org\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n  :PerformingGroupForm a ui:Group; ui:weight 0; ui:parts ( :PerformingGroupPrompt :PerformingGroupAutocomplete ) .\n\n      :PerformingGroupPrompt a ui:Comment; ui:contents \"Which PerformingGroup?\".\n\n      :PerformingGroupAutocomplete\n      a ui:AutocompleteField; ui:label \"PerformingGroup in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q32178211>; # Music Org\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n\n  :ProjectForm a ui:Group; ui:weight 0; ui:parts ( :ProjectPrompt :ProjectAutocomplete ) . #  :ProjectAutocomplete - no: supress, as not in WD\n\n      :ProjectPrompt a ui:Comment; ui:contents \"Which Project?\".\n\n      :ProjectAutocomplete\n      a ui:AutocompleteField; ui:label \"Project in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q170584>; # Project\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n  :SportsOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :SportsOrganizationPrompt :SportsOrganizationAutocomplete ) .\n\n      :SportsOrganizationPrompt a ui:Comment; ui:contents \"Which Sports Organization?\".\n\n      :SportsOrganizationAutocomplete\n      a ui:AutocompleteField; ui:label \"SportsOrganization in wikidata\";\n           ui:size 60;\n           ui:targetClass  <http://www.wikidata.org/entity/Q4438121>; # SportsOrganization\n           ui:property solid:publicId; ui:dataSource :WikidataInstancesByName.\n\n   :OtherOrganizationForm a ui:Group; ui:weight 0; ui:parts ( :OrganizationNameField :homePageURIField ) .\n\n  #################### Skills\n\n  :SkillsPrompt a ui:Comment; ui:contents  \"Skills?\" .\n\n  :SkillsForm a ui:Multiple;\n      ui:label \"Skills\";\n      ui:property schema:skills;\n      ui:ordered false; # Allow reader to order skills\n      ui:part :SkillForm.\n\n  :SkillForm a ui:Group; ui:weight 1; ui:parts ( :escoSkillField ).\n\n        # :skillNameField a ui:SingleLineTextField; ui:property vcard:role; ui:size 30 .\n\n        :escoSkillField a ui:AutocompleteField;\n              ui:label \"skill\"; ui:size 30;\n              ui:property solid:publicId;\n              ui:dataSource :ESCO_Skill_DataSource;\n               ui:targetClass schema:Skill .\n\n        :ESCO_Skill_DataSource a ui:DataSource;\n           schema:name \"ESCO Skill\";\n           ui:targetClass esco:Skill ;\n           schema:logo <https://ec.europa.eu/esco/portal/static_resource2/images/logo/logo_en.gif>;\n           ui:searchByNameURI \"https://ec.europa.eu/esco/api/search?language=$(language)&limit=$(limit)&type=skill&text=$(name)\".\n\n# Language\n\n:LanguagesPrompt a ui:Comment; ui:contents  \"Languages?\" .\n\n:LanguagesForm a ui:Multiple;\n    ui:label \"Languages\";\n    ui:property schema:knowsLanguage; # @@@\n    ui:ordered true; # Allow user to order languages most important first.\n    ui:part :LanguageForm.\n\n:LanguageForm a ui:Group; ui:weight 1; ui:parts ( :WikidataLanguageField ).\n\n    :WikidataLanguageField a ui:AutocompleteField;\n          ui:label \"Language\"; ui:size 30;\n          ui:property solid:publicId; # @@\n          ui:dataSource :WikidataLanguageDataSource;\n           ui:targetClass schema:Language .\n\n    :WikidataLanguageDataSource\n        schema:name \"Wikidata languages\";\n        ui:endpoint \"https://query.wikidata.org/sparql\" ;\n        ui:objectURIBase <https://www.w3.org/ns/iana/language-code/>;\n        # Add this to any literal string returned as ?subject\n\n         ui:searchByNameQuery \"\"\"SELECT ?item ?subject ?name\nWHERE\n{ ?item wdt:P305 ?subject .\n  OPTIONAL {?item rdfs:label ?name}\n  OPTIONAL {?item wdt:P1705 ?name}\n  FILTER regex(?name, \"$(name)\", \"i\")\n  FILTER regex(?subject, \"^..$\", \"i\")\n}\"\"\" .\n # Note we restrict code to two-letter codes with the second regex, so as to limit the deluge of languages\n # Hope there are not any important ones which have three-letter codes.\n # Omitted: SERVICE wikibase:label { bd:serviceParam wikibase:language \"$(languages)\". }\n\n########### Social Media - other accounts\n#\n# Twitter, Linked In, Orkid, Mastodon, Matrix, Bluesky, Instagram, Facebook, Github,\n# Snapchat, TikTok, etc\n\n:SocialsPrompt a ui:Heading; ui:contents  \"Social Media etc?\" .\n:SocialsPrompt a ui:Comment; ui:contents  \"Link to accounts in social media sites, etc\" .\n\n:SocialsForm a ui:Multiple;\n    ui:label \"online account\";\n    ui:property foaf:account;\n    ui:ordered true; # Allow user to order occounts most important first.\n    ui:part :AccountsForm.\n\n:AccountsForm a ui:Group; ui:weight 1; ui:parts ( :AccountField :AccountIdField ).\n\n:AccountField a ui:Classifier; ui:label \"What sort of account?\"@en;\n      ui:multiple false ; \n      ui:category foaf:Account  .\n\n:AccountIdField a ui:Options . \n\n  :AccountIdField a ui:Options; ui:dependingOn rdf:type; ui:case\n     [ ui:for soc:BlueSkyAccount; ui:use :BlueSkyIdField ],\n     [ ui:for soc:DiggAccount; ui:use :DiggIdField],\n     [ ui:for soc:FacebookAccount; ui:use :FacebookIdField ],\n     [ ui:for soc:GithubAccount; ui:use :GithubIdField ],\n     [ ui:for soc:InstagramAccount; ui:use :InstagramIdField ],\n     [ ui:for soc:LinkedInAccount; ui:use :LinkedInIdField ],\n     [ ui:for soc:MastodonAccount; ui:use :MastodonIdField ],\n     [ ui:for soc:MatrixAccount; ui:use :MatrixIdField ],\n     [ ui:for soc:MediumAccount; ui:use :MediumIdField ],\n     [ ui:for soc:NostrAccount; ui:use :NostrIdField ],\n     [ ui:for soc:OrcidAccount; ui:use :OrcidIdField ],\n     [ ui:for soc:PinterestAccount; ui:use :PinterestIdField ],\n     [ ui:for soc:RedditAccount; ui:use :RedditIdField ],\n     [ ui:for soc:StravaAccount; ui:use :StravaIdField ],\n     [ ui:for soc:SnapchatAccount; ui:use :SnapchatIdField ],\n     [ ui:for soc:TiktokAccount; ui:use :TiktokIdField ],\n     [ ui:for soc:TumblrAccount; ui:use :TumblrIdField ],\n     [ ui:for soc:TwitterAccount; ui:use :TwitterIdField ],\n     [ ui:for soc:OtherAccount; ui:use :OtherIdForm  ] .\n\n  :BlueSkyIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Bluesky Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :DiggIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Digg Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :FacebookIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Facebook Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :GithubIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Github Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :InstagramIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Instagram Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :LinkedInIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Linked In Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MastodonIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Mastodon (Activity Pub) Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MatrixIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Matrix Username\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :MediumIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Medium Username\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    40 .\n\n  :NostrIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Nostr public key\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\";  # @@\n      ui:size    70 .\n\n  :OrcidIdField\n      a ui:SingleLineTextField ;\n      ui:label \"ORCiD id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :PinterestIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Pinterest id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :RedditIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Reddit Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :StravaIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Strava Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :SnapchatIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Snapchat Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TiktokIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Tiktok Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TumblrIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Tumblr user name\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n  :TwitterIdField\n      a ui:SingleLineTextField ;\n      ui:label \"Twitter Id\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:accountName ; \n      ui:pattern \"@[a-z0-9A-Z_-]*\";  # @@\n      ui:size    40 .\n\n# an unknown SN account needs more info\n\n  :OtherIdForm a ui:Group; ui:weight 0; ui:parts ( :OtherIdField :OtherIconField :OtherLabelield ).\n\n  :OtherIdField\n      a ui:NamedNodeURIField ;\n      ui:label \"URL of account to link to\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:homepage ; \n      ui:size    60 .\n\n  :OtherLabelield\n      a ui:SingleLineTextField ;\n      ui:label \"Label\";\n      ui:maxLength \"200\" ;\n      ui:property rdfs:label ; \n      ui:size    40 .\n\n  :OtherIconField\n      a ui:NamedNodeURIField ;\n      ui:label \"URL of icon to display\";\n      ui:maxLength \"200\" ;\n      ui:property foaf:icon ;\n      ui:size    60 .\n\n\n\n# Subclass definitions for foaf:Account (embedded for UI category selector)\nsoc:BlueSkyAccount rdfs:subClassOf foaf:Account; rdfs:label \"Bluesky\" .\nsoc:Digg rdfs:subClassOf foaf:Account; rdfs:label \"Digg\" .\nsoc:FacebookAccount rdfs:subClassOf foaf:Account; rdfs:label \"Facebook\" .\nsoc:GithubAccount rdfs:subClassOf foaf:Account; rdfs:label \"Github\" .\nsoc:InstagramAccount rdfs:subClassOf foaf:Account; rdfs:label \"Instagram\" .\nsoc:LinkedInAccount rdfs:subClassOf foaf:Account; rdfs:label \"Linked In\" .\nsoc:MastodonAccount rdfs:subClassOf foaf:Account; rdfs:label \"Mastodon\" .\nsoc:MatrixAccount rdfs:subClassOf foaf:Account; rdfs:label \"Matrix\" .\nsoc:MediumAccount rdfs:subClassOf foaf:Account; rdfs:label \"Medium\" .\nsoc:NostrAccount rdfs:subClassOf foaf:Account; rdfs:label \"Nostr\" .\nsoc:OrcidAccount rdfs:subClassOf foaf:Account; rdfs:label \"ORCiD\" .\nsoc:PinterestAccount rdfs:subClassOf foaf:Account; rdfs:label \"Pinterest\" .\nsoc:RedditAccount rdfs:subClassOf foaf:Account; rdfs:label \"Reddit\" .\nsoc:SnapchatAccount rdfs:subClassOf foaf:Account; rdfs:label \"Snapchat\" .\nsoc:StravaAccount rdfs:subClassOf foaf:Account; rdfs:label \"Strava\" .\nsoc:TiktokAccount rdfs:subClassOf foaf:Account; rdfs:label \"TikTok\" .\nsoc:TumblrAccount rdfs:subClassOf foaf:Account; rdfs:label \"Tumblr\" .\nsoc:TwitterAccount rdfs:subClassOf foaf:Account; rdfs:label \"X (formerly Twitter)\" .\nsoc:OtherAccount rdfs:subClassOf foaf:Account; rdfs:label \"Other\" .\n\n\n\n# ENDS\n";
+;// ./src/ontology/socialMedia.ttl
+const socialMedia_namespaceObject = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n\n@prefix org: <http://www.w3.org/ns/org#>.\n\n@prefix : <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n@prefix soc: <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n\n##### Ontology of Online Accounts\n\nfoaf:Account a rdfs:Class;\n    rdfs:label \"Online Account Provider\";\n    owl:disjointUnionOf ( :BlueSkyAccount :Digg :FacebookAccount :GithubAccount :InstagramAccount\n    :LinkedInAccount :MastodonAccount :MatrixAccount :MediumAccount :NostrAccount :OrcidAccount :PinterestAccount\n    :RedditAccount :SnapchatAccount :StravaAccount :TiktokAccount  :TumblrAccount  :TwitterAccount :OtherAccount) .\n\n:BlueSkyAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Bluesky\";\n    foaf:userProfilePrefix \"https://bsky.app/profile/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/bluesky-1.svg>;\n    foaf:homepage <https://bsky.app/> .\n\n:Digg rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Digg\";\n    foaf:userProfilePrefix \"https://www.digg.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/digg-icon.svg>;\n    foaf:homepage <https://www.digg.com/> .\n\n:FacebookAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Facebook\";\n    foaf:userProfilePrefix \"https://www.facebook.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/facebook-2020-2-1.svg>;\n    foaf:homepage <https://www.facebook.com/> .\n\n:GithubAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Github\";\n    foaf:userProfilePrefix \"https://www.github.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/github-icon.svg>;\n    foaf:homepage <https://github.com/> .\n\n:InstagramAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Instagram\";\n    foaf:userProfilePrefix \"https://www.instagram.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/instagram-2016-5.svg>;\n    foaf:homepage <https://www.instagram.com/> .\n\n:LinkedInAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Linked In\";\n    foaf:userProfilePrefix \"https://www.linkedin.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/linkedin-icon.svg>;\n    foaf:homepage <https://linkedin.com/> .\n\n:MastodonAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Mastodon\" ;\n    foaf:userProfilePrefix \"https://mastodon.social/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/mastodon-2.svg>;\n    foaf:homepage <https://joinmastodon.org/> .\n\n:MatrixAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Matrix\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/matrix-logo-black.svg> ;\n    foaf:userProfilePrefix \"https://matrix.to/#/\" ;\n    foaf:homepage <https://matrix.org/> .\n\n:MediumAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Medium\";\n    foaf:userProfilePrefix \"https://medium.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/medium-logo-wordmark-black.svg>;\n    foaf:homepage <https://medium.com/> .\n\n:NostrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Nostr\";\n    foaf:userProfilePrefix \"https://primal.net/p/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/nostr-icon-purple-on-white.svg>;\n    foaf:homepage <https://nostr.net/> .\n\n:OrcidAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"ORCiD\";\n    foaf:userProfilePrefix \"https://orcid.org/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/ORCID-1.svg>;\n    foaf:homepage <https://orcid.org/> .\n\n:PinterestAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Pinterest\";\n    foaf:userProfilePrefix \"https://pin.it/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/pinterest-2-1.svg>;\n    foaf:homepage <https://pinterest.com/> .\n\n:RedditAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Reddit\";\n    foaf:userProfilePrefix \"https://www.reddit.com/user/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/reddit-4.svg>;\n    foaf:homepage <https://reddit.com/> .\n\n:SnapchatAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Snapchat\";\n    foaf:userProfilePrefix \"https://www.snapchat.com/add/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/snapchat-1.svg>;\n    foaf:homepage <https://www.snapchat.com/> .\n\n:StravaAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Strava\";\n    foaf:userProfilePrefix \"https://www.strava.com/athletes/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/strava-2.svg>;\n    foaf:homepage <https://strava.com/> .\n\n:TiktokAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"TikTok\";\n    foaf:userProfilePrefix \"https://www.tiktok.com/@\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tiktok-icon-2.svg>;\n    foaf:homepage <https://www.tiktok.com/> .\n\n:TumblrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Tumblr\";\n    foaf:userProfilePrefix \"https://www.tumblr.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tumblr-icon.svg>;\n    foaf:homepage <https://www.tumblr.com/> .\n\n\n:TwitterAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"X (formerly Twitter)\";\n    foaf:userProfilePrefix \"https://x.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/x-2.svg>;\n    foaf:homepage <https://x.com/> .\n\n\n:OtherAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Other\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg> .\n\n# ends\n";
 ;// ./src/SocialPresenter.ts
 const DEFAULT_ICON_URI = external_UI_.icons.iconBase + 'noun_10636_grey.svg'; // grey disc
 function loadProfileForm(store) {
     const preferencesForm = store.sym('https://solidos.github.io/profile-pane/src/ontology/profileForm.ttl#this');
     const preferencesFormDoc = preferencesForm.doc();
-    if (!store.holds(undefined, undefined, undefined, preferencesFormDoc)) {
-        // If not loaded already
-        (0,external_rdflib_.parse)(profileForm_namespaceObject, store, preferencesFormDoc.uri, 'text/turtle', () => null); // Load form directly
-    }
+    const socialMediaDoc = store.sym('https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl').doc();
+    return new Promise((resolve, reject) => {
+        const promises = [];
+        if (!store.holds(undefined, undefined, undefined, preferencesFormDoc)) {
+            promises.push(new Promise((res, rej) => {
+                (0,external_rdflib_.parse)(profileForm_namespaceObject, store, preferencesFormDoc.uri, 'text/turtle', (err) => {
+                    if (err)
+                        rej(err);
+                    else
+                        res();
+                });
+            }));
+        }
+        if (!store.holds(undefined, undefined, undefined, socialMediaDoc)) {
+            promises.push(new Promise((res, rej) => {
+                (0,external_rdflib_.parse)(socialMedia_namespaceObject, store, socialMediaDoc.uri, 'text/turtle', (err) => {
+                    if (err)
+                        rej(err);
+                    else
+                        res();
+                });
+            }));
+        }
+        if (promises.length === 0) {
+            resolve();
+        }
+        else {
+            Promise.all(promises).then(() => resolve()).catch(reject);
+        }
+    });
 }
-function presentSocial(subject, store) {
+async function presentSocial(subject, store) {
     function nameForAccount(subject) {
         const acIcon = store.any(subject, external_UI_.ns.foaf('name')) ||
             store.any(subject, external_UI_.ns.rdfs('label')); // on the account itself?
@@ -5009,7 +5038,7 @@ function presentSocial(subject, store) {
             homepage: homepageForAccount(ac)
         };
     }
-    loadProfileForm(store); // get ontology info
+    await loadProfileForm(store); // get ontology info
     const accountThings = store.anyJS(subject, external_UI_.ns.foaf('account')); // load the collection
     if (!accountThings)
         return { accounts: [] }; // could have been undefined
@@ -5548,9 +5577,12 @@ function renderEditButton (subject) {
 }
 */
 async function ProfileView_ProfileView(subject, context) {
-    const profileBasics = presentProfile(subject, context.session.store);
-    const rolesByType = presentCV(subject, context.session.store);
-    const accounts = presentSocial(subject, context.session.store);
+    const store = context.session.store;
+    // Load ontologies first
+    await loadProfileForm(store);
+    const profileBasics = presentProfile(subject, store);
+    const rolesByType = presentCV(subject, store);
+    const accounts = await presentSocial(subject, store);
     const stuffData = await presentStuff(subject);
     return b `
     <main
@@ -5706,8 +5738,6 @@ function paneDiv(context, subject, paneName) {
     return container;
 }
-;// ./src/ontology/socialMedia.ttl
-const socialMedia_namespaceObject = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n\n@prefix org: <http://www.w3.org/ns/org#>.\n\n@prefix : <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n@prefix soc: <https://solidos.github.io/profile-pane/src/ontology/socialMedia.ttl#>.\n\n##### Ontology of Online Accounts\n\nfoaf:Account a rdfs:Class;\n    rdfs:label \"Online Account Provider\";\n    owl:disjointUnionOf ( :BlueSkyAccount :Digg :FacebookAccount :GithubAccount :InstagramAccount\n    :LinkedInAccount :MastodonAccount :MatrixAccount :MediumAccount :NostrAccount :OrcidAccount :PinterestAccount\n    :RedditAccount :SnapchatAccount :StravaAccount :TiktokAccount  :TumblrAccount  :TwitterAccount :OtherAccount) .\n\n:BlueSkyAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Bluesky\";\n    foaf:userProfilePrefix \"https://bsky.app/profile/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/bluesky-1.svg>;\n    foaf:homepage <https://bsky.app/> .\n\n:Digg rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Digg\";\n    foaf:userProfilePrefix \"https://www.digg.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/digg-icon.svg>;\n    foaf:homepage <https://www.digg.com/> .\n\n:FacebookAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Facebook\";\n    foaf:userProfilePrefix \"https://www.facebook.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/facebook-2020-2-1.svg>;\n    foaf:homepage <https://www.facebook.com/> .\n\n:GithubAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Github\";\n    foaf:userProfilePrefix \"https://www.github.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/github-icon.svg>;\n    foaf:homepage <https://github.com/> .\n\n:InstagramAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Instagram\";\n    foaf:userProfilePrefix \"https://www.instagram.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/instagram-2016-5.svg>;\n    foaf:homepage <https://www.instagram.com/> .\n\n:LinkedInAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Linked In\";\n    foaf:userProfilePrefix \"https://www.linkedin.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/linkedin-icon.svg>;\n    foaf:homepage <https://linkedin.com/> .\n\n:MastodonAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Mastodon\" ;\n    foaf:userProfilePrefix \"https://mastodon.social/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/mastodon-2.svg>;\n    foaf:homepage <https://joinmastodon.org/> .\n\n:MatrixAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Matrix\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/matrix-logo-black.svg> ;\n    foaf:userProfilePrefix \"https://matrix.to/#/\" ;\n    foaf:homepage <https://matrix.org/> .\n\n:MediumAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Medium\";\n    foaf:userProfilePrefix \"https://medium.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/medium-logo-wordmark-black.svg>;\n    foaf:homepage <https://medium.com/> .\n\n:NostrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Nostr\";\n    foaf:userProfilePrefix \"https://primal.net/p/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/nostr-icon-purple-on-white.svg>;\n    foaf:homepage <https://nostr.net/> .\n\n:OrcidAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"ORCiD\";\n    foaf:userProfilePrefix \"https://orcid.org/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/ORCID-1.svg>;\n    foaf:homepage <https://orcid.org/> .\n\n:PinterestAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Pinterest\";\n    foaf:userProfilePrefix \"https://pin.it/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/pinterest-2-1.svg>;\n    foaf:homepage <https://pinterest.com/> .\n\n:RedditAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Reddit\";\n    foaf:userProfilePrefix \"https://www.reddit.com/user/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/reddit-4.svg>;\n    foaf:homepage <https://reddit.com/> .\n\n:SnapchatAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Snapchat\";\n    foaf:userProfilePrefix \"https://www.snapchat.com/add/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/snapchat-1.svg>;\n    foaf:homepage <https://www.snapchat.com/> .\n\n:StravaAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Strava\";\n    foaf:userProfilePrefix \"https://www.strava.com/athletes/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/strava-2.svg>;\n    foaf:homepage <https://strava.com/> .\n\n:TiktokAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"TikTok\";\n    foaf:userProfilePrefix \"https://www.tiktok.com/@\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tiktok-icon-2.svg>;\n    foaf:homepage <https://www.tiktok.com/> .\n\n:TumblrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Tumblr\";\n    foaf:userProfilePrefix \"https://www.tumblr.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tumblr-icon.svg>;\n    foaf:homepage <https://www.tumblr.com/> .\n\n\n:TwitterAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"X (formerly Twitter)\";\n    foaf:userProfilePrefix \"https://x.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/x-2.svg>;\n    foaf:homepage <https://x.com/> .\n\n\n:OtherAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Other\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg> .\n\n# ends\n";
 ;// ./src/editProfilePane/editProfile.view.ts
 /**
  * Profile Editing App Pane