src/components/hubl-status.js

-import { widgetFactory } from 'https://unpkg.com/@startinblox/core@0.9/dist/widgets/widget-factory.js';
-import { importCSS } from 'https://unpkg.com/@startinblox/core@0.9/dist/libs/helpers.js';
-import SlimSelect from 'https://dev.jspm.io/slim-select@1.23';
-
-const HublStatus = widgetFactory(
-  'hubl-status',
-  `<label>
-    <div>\${label}</div>
-    <select
-      data-holder
-      name="\${name}">
-      <option
-        value="Public"
-        \${value=="Public" ? 'selected' : ''}>Public</option>
-      <option
-        value="Private"
-        \${value=="Private" ? 'selected' : ''}>Privé</option>
-    </select>
-  </label>`,
-  '',
-  formWidget => {
-    let select = formWidget.querySelector('select');
-    if (!select) return;
-    const slimSelect = new SlimSelect({select: select});
-    importCSS('https://dev.jspm.io/slim-select/dist/slimselect.min.css');
-    select.addEventListener('change', () => slimSelect.render());
-  },
-);
-
-export { HublStatus }
\ No newline at end of file

src/context.json

+{
+  "inbox": "https://cdn.startinblox.com/owl#inbox",
+  "object": "https://cdn.startinblox.com/owl#object",
+  "author": "https://cdn.startinblox.com/owl#author",
+  "account": "https://cdn.startinblox.com/owl#account",
+  "jabberID": "foaf:jabberID",
+  "name": "rdfs:label"
+}

src/dependencies.pug

-script(type="module" src="/components/hubl-search-users.js" defer)
-script(type="module" src="/components/hubl-status.js" defer)
-
-script(type="module" src="https://unpkg.com/@startinblox/core@0.9" defer)
-//- script(type="module" src="/lib/sib-core/dist/index.js" defer)
-
-script(type="module" src="https://unpkg.com/@startinblox/oidc@0.8" defer)
-//- script(type="module" src="/lib/sib-oidc/index.js" defer)
-
-script(type="module" src="https://unpkg.com/@startinblox/router@0.7" defer)
-    //- script(type="module" src="/lib/sib-router/src/index.js" defer)
-
-script(type="module" src="https://unpkg.com/@startinblox/component-notifications@0.3" defer)
-    //- script(type="module" src="/lib/sib-notifications/index.js" defer)
-
-if endpoints.events || (endpoints.get && endpoints.get.events)
-    script(type="module" src="https://unpkg.com/@startinblox/component-event@0.1" defer)
-    //- script(type="module" src="/lib/sib-event/sib-event.js" defer)
-
-if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
-    script(type="module" src="https://unpkg.com/@startinblox/component-job-board@0.3" defer)
-    script(type="module" src="https://unpkg.com/@startinblox/component-conversation@0.3" defer)
-    //- script(type="module" src="/lib/sib-job-board/sib-job-board.js" defer)
-    //- script(type="module" src="/lib/sib-conversation/sib-conversation.js" defer)
-
-if (endpoints.uploads || (endpoints.get && endpoints.get.uploads)) && (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.users || (endpoints.get && endpoints.get.users))
-    script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.3" defer)
-    //- script(type="module" src="/lib/sib-directory/index.js" defer)
-
-if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
-    script(type="module" src="https://unpkg.com/@startinblox/component-dashboard@0.1" defer)
-    //- script(type="module" src="/lib/sib-dashboard/sib-dashboard.js" defer)
-
-if endpoints.users || (endpoints.get && endpoints.get.users)
-    script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.6" defer)
-    //- script(type="module" src="/lib/sib-chat/sib-chat.js" defer)
-
-script(src="/scripts/index.js" defer)
-
-//- Stylesheets
-link(rel='stylesheet', href='/styles/index.css')
-link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&subset=latin-ext')
-link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i')
-
-//- Context - Fix for LDFlex
-script(data-default-context, type="application/ld+json")
-    | {
-    |     "inbox": "http://happy-dev.fr/owl/#inbox",
-    |     "object": "http://happy-dev.fr/owl/#object",
-    |     "author": "http://happy-dev.fr/owl/#author",
-    |     "account": "http://happy-dev.fr/owl/#account",
-    |     "jabberID": "foaf:jabberID",
-    |     "picture": "foaf:depiction"
-    | }