lincd-cli 0.1.13 → 0.1.14

package/defaults/app/src/App.scss

@@ -0,0 +1,3 @@
+.app {
+  display:block;
+}

package/defaults/app/src/App.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+export function App()
+{
+  return <div className="app">${name} - LINCD App</div>;
+}

package/defaults/app/src/index.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import {createRoot} from 'react-dom/client';
+import {App} from './App';
+
+declare var document;
+if (typeof document !== 'undefined') {
+  const container = document.getElementById('root');
+  const root = createRoot(container!);
+  root.render(<App></App>);
+}

package/defaults/app/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "sourceMap": true,
+    "target": "es6",
+    "outDir": "lib",
+    "declaration": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "skipLibCheck": true,
+    "jsx": "react",
+    "baseUrl": "./",
+    "rootDir": "src"
+  },
+  "files": ["./src/index.tsx"]
+}

package/defaults/app2/backend/src/server.js

@@ -0,0 +1,152 @@
+'use strict';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+//not sure what this does, but removing it causes errors
+// const babelRegister = require('@babel/register');
+// babelRegister({
+// 	ignore: [/[\\\/](frontend\/build|frontend\/lib|backend\/lib|node_modules)[\\\/]/],
+// 	presets: [['react-app', {runtime: 'automatic'}]],
+// 	plugins: ['@babel/transform-modules-commonjs'],
+// });
+//make sure nodejs doesn't choke when css files are imported in js
+const ignore_styles_1 = __importDefault(require("ignore-styles"));
+(0, ignore_styles_1.default)(['.sass', '.scss', '.css']);
+const node_fetch_1 = __importDefault(require("node-fetch"));
+const body_parser_1 = __importDefault(require("body-parser"));
+const fs_1 = __importDefault(require("fs"));
+globalThis.fetch = node_fetch_1.default;
+const express = require('express');
+const compress = require('compression');
+const { readFileSync } = require('fs');
+const path = require('path');
+const render_1 = __importDefault(require("./render"));
+const JSONWriter_1 = require("lincd-jsonld/lib/JSONWriter");
+const Schema_1 = require("lincd-graphql/lib/shapes/Schema");
+const GraphQLParser_1 = require("lincd-graphql/lib/GraphQLParser");
+const JSONLDWriter_1 = require("lincd-jsonld/lib/JSONLDWriter");
+const PORT = process.env.PORT || 4000;
+const app = express();
+const REGISTRY_URL = process.env.REGISTRY_URL;
+//does this compress things with gzip?
+app.use(compress());
+app.use(body_parser_1.default.json());
+// app.use(bodyParser.urlencoded({extended: true}));
+app.use('/static', express.static('./frontend/web'));
+app.use('/images', express.static('./frontend/web/images'));
+app.use('/css', express.static('./frontend/web/css'));
+app.use('/js', express.static('./frontend/build'));
+app.get('*', handleErrors(async function (req, res) {
+    //make sure the frontend bundle has finished building
+    await waitForWebpack();
+    (0, render_1.default)(req.url, res);
+}));
+//reject any requests that are not from localhost
+function localOnly(req, res, next) {
+    var hostmachine = req.headers.host.split(':')[0];
+    if (hostmachine !== 'localhost' && hostmachine !== 'dev.lincd.org' && hostmachine !== 'www.lincd.org') {
+        return res.send(401);
+    }
+    next();
+}
+const sendJson = async function (res, obj) {
+    let json = await JSONWriter_1.JSONWriter.stringify(obj, true);
+    // console.log('Sending data...', json);
+    res.send(json);
+};
+/**
+ * Handles data requests from the frontend and sends them off to the registry.
+ * We don't expose the registry through a URL. instead we always access it on the local network from the backend.
+ */
+app.post('/request/*', async (req, res) => {
+    let url = REGISTRY_URL + req.url.substr('/request'.length);
+    let body = req.body;
+    // if(Object.keys(body).length === 0)
+    // {
+    //   console.warn("Empty body");
+    //   console.warn('Content type :'+req.headers['content-type']);
+    //   res.send(false);
+    //   return;
+    // }
+    return (0, node_fetch_1.default)(url, {
+        method: 'POST',
+        headers: {
+            Accept: 'application/json, text/plain, */*',
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(body),
+    })
+        .then((res) => {
+        if (!res.ok) {
+            throw new Error(url + ' returned ' + res.status + ' - ' + res.statusText);
+        }
+        return res.json();
+    })
+        .then((jsonObject) => {
+        sendJson(res, jsonObject);
+    })
+        .catch((err) => {
+        console.warn('error during internal registry request to ' + url + ': ', err);
+    });
+});
+app.post('/api/tools/graphql', async (req, res) => {
+    let { url, headers } = req.body;
+    // let parser = new GraphQLParser(url);
+    let parseResult = await GraphQLParser_1.GraphQLParser.parseSchema(url, headers); //parser.parseSchema();
+    if (parseResult instanceof Schema_1.Schema) {
+        let rawJSONLD = await JSONLDWriter_1.JSONLDWriter.toJSONObject([parseResult.node, parseResult.publicShapes]);
+        fs_1.default.writeFile(path.join('../tmp', url.replace(/[^a-z0-9]+/gi, '-') + '.json'), JSON.stringify(rawJSONLD, null, 2), (err) => {
+            console.log(err);
+        });
+    }
+    sendJson(res, parseResult instanceof Schema_1.Schema ? parseResult.node : parseResult);
+    // if (type === owl.Ontology) {
+    // sendJson(res, instances);
+});
+app
+    .listen(PORT, () => {
+    console.log(`Up and running at http://localhost:${PORT}`);
+})
+    .on('error', function (error) {
+    if (error.syscall !== 'listen') {
+        throw error;
+    }
+    const isPipe = (portOrPipe) => Number.isNaN(portOrPipe);
+    const bind = isPipe(PORT) ? 'Pipe ' + PORT : 'Port ' + PORT;
+    switch (error.code) {
+        case 'EACCES':
+            console.error(bind + ' requires elevated privileges');
+            process.exit(1);
+            break;
+        case 'EADDRINUSE':
+            console.error(bind + ' is already in use');
+            process.exit(1);
+            break;
+        default:
+            throw error;
+    }
+});
+function handleErrors(fn) {
+    return async function (req, res, next) {
+        try {
+            return await fn(req, res);
+        }
+        catch (x) {
+            next(x);
+        }
+    };
+}
+async function waitForWebpack() {
+    while (true) {
+        try {
+            readFileSync(path.resolve(__dirname, '../../frontend/build/main.js'));
+            return;
+        }
+        catch (err) {
+            console.log('Could not find webpack build output. Will retry in a second...');
+            await new Promise((resolve) => setTimeout(resolve, 1000));
+        }
+    }
+}
+//# sourceMappingURL=server.js.map

package/defaults/app2/backend/src/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["server.ts"],"names":[],"mappings":"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"}

package/defaults/app2/backend/src/server.tsx

@@ -0,0 +1,137 @@
+'use strict';
+
+//prevent errors in node.js when (s)css files are imported in js
+import register from 'ignore-styles';
+import fetch from 'node-fetch';
+import bodyParser from 'body-parser';
+
+import {JSONWriter} from 'lincd-jsonld/lib/utils/JSONWriter';
+import * as React from 'react';
+import {renderToPipeableStream} from 'react-dom/server';
+import App from '../../frontend/src/App';
+import {StaticRouter} from 'react-router-dom/server';
+
+register(['.sass', '.scss', '.css']);
+
+declare var globalThis: any;
+globalThis.fetch = fetch;
+
+const express = require('express');
+const compress = require('compression');
+const {readFileSync} = require('fs');
+const path = require('path');
+
+let assets = {
+  'main.js': '/js/main.js', //output js bundle from Webpack of frontend/src
+  'main.css': '/js/main.css', //output css from Webpack of frontend/src
+};
+
+const isProduction = process.env.NODE_ENV === 'production';
+if (!isProduction) {
+  assets['tailwind-cdn'] = 'https://cdn.tailwindcss.com';
+}
+
+const PORT = process.env.PORT || 4000;
+const app = express();
+
+//compress server output with gzip
+app.use(compress());
+app.use(bodyParser.json());
+
+app.use('/static', express.static('./frontend/web'));
+app.use('/images', express.static('./frontend/web/images'));
+app.use('/css', express.static('./frontend/web/css'));
+app.use('/js', express.static('./frontend/build'));
+
+app.get(
+  '*',
+  handleErrors(async function (req, res) {
+    //make sure the frontend bundle has finished building
+    await waitForWebpack();
+    render(req.url, res);
+  }),
+);
+
+const sendJson = async function (res, obj) {
+  let json = await JSONWriter.stringify(obj, true);
+  res.send(json);
+};
+
+app
+  .listen(PORT, () => {
+    console.log(`Up and running at http://localhost:${PORT}`);
+  })
+  .on('error', function (error) {
+    if (error.syscall !== 'listen') {
+      throw error;
+    }
+    const isPipe = (portOrPipe) => Number.isNaN(portOrPipe);
+    const bind = isPipe(PORT) ? 'Pipe ' + PORT : 'Port ' + PORT;
+    switch (error.code) {
+      case 'EACCES':
+        console.error(bind + ' requires elevated privileges');
+        process.exit(1);
+        break;
+      case 'EADDRINUSE':
+        console.error(bind + ' is already in use');
+        process.exit(1);
+        break;
+      default:
+        throw error;
+    }
+  });
+
+function handleErrors(fn) {
+  return async function (req, res, next) {
+    try {
+      return await fn(req, res);
+    } catch (x) {
+      next(x);
+    }
+  };
+}
+
+async function waitForWebpack() {
+  while (true) {
+    try {
+      readFileSync(path.resolve(__dirname, '../../frontend/build/main.js'));
+      return;
+    } catch (err) {
+      console.log('Could not find webpack build output. Will retry in a second...');
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+    }
+  }
+}
+
+function render(url, res) {
+  res.socket.on('error', (error) => {
+    console.error('Fatal', error);
+  });
+  let didError = false;
+
+  const stream = renderToPipeableStream(
+    <React.StrictMode>
+      <StaticRouter location={url}>
+        <App assets={assets} />
+      </StaticRouter>
+    </React.StrictMode>,
+    {
+      bootstrapScripts: [
+        assets['main.js'], //generated webpack bundle from frontend/src
+      ],
+      onShellReady() {
+        // If something errored before we started streaming, we set the error code appropriately.
+        res.statusCode = didError ? 500 : 200;
+        res.setHeader('Content-type', 'text/html');
+        stream.pipe(res);
+      },
+      onError(x) {
+        didError = true;
+        console.error(x);
+      },
+    },
+  );
+  // Abandon and switch to client rendering if enough time passes.
+  // Try lowering this to see the client recover.
+  setTimeout(() => stream.abort(), 10000);
+}

package/defaults/app2/frontend/src/App.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_error_boundary_1 = require("react-error-boundary");
+const Html_1 = __importDefault(require("./Html"));
+const Spinner_1 = __importDefault(require("./Spinner"));
+const Layout_1 = __importDefault(require("./Layout"));
+const react_router_dom_1 = require("react-router-dom");
+const MappingTools_1 = require("./MappingTools");
+const Browse = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./Browse' /* webpackPrefetch: true */))));
+const Docs = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./Docs' /* webpackPrefetch: true */))));
+const Academy = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./Academy' /* webpackPrefetch: true */))));
+const Home = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./Home' /* webpackPrefetch: true */))));
+function App({ assets = typeof window !== 'undefined' ? window['assetManifest'] : {} }) {
+    return ((0, jsx_runtime_1.jsx)(Html_1.default, { assets: assets, title: "LINCD - Linked Interoperable Code & Data", children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Spinner_1.default, {}), children: (0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: Error, children: (0, jsx_runtime_1.jsx)(Content, {}) }) }) }));
+}
+exports.default = App;
+function Content() {
+    let [sidebarIsOpen, setSidebarisOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsx)(Layout_1.default, { sidebarIsOpen: sidebarIsOpen, setSidebarIsOpen: setSidebarisOpen, children: (0, jsx_runtime_1.jsx)("div", { className: "content", children: (0, jsx_runtime_1.jsxs)(react_router_dom_1.Routes, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/", element: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Spinner_1.default, {}), children: (0, jsx_runtime_1.jsx)(Home, {}) }) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/browse/*", element: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Spinner_1.default, {}), children: (0, jsx_runtime_1.jsx)(Browse, { sidebarIsOpen: sidebarIsOpen }) }) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/browse/mapping-tools", element: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Spinner_1.default, {}), children: (0, jsx_runtime_1.jsx)(MappingTools_1.MappingTools, {}) }) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/academy", element: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Spinner_1.default, {}), children: (0, jsx_runtime_1.jsx)(Academy, {}) }) })] }) }) }));
+}
+function Error({ error }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { color: 'white', margin: '2rem' }, children: [(0, jsx_runtime_1.jsx)("h1", { children: "Application Error" }), (0, jsx_runtime_1.jsx)("pre", { style: { whiteSpace: 'pre-wrap', padding: '1rem' }, children: error.stack })] }));
+}
+//# sourceMappingURL=App.js.map

package/defaults/app2/frontend/src/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["App.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA+C;AAC/C,+DAAmD;AACnD,kDAA0B;AAC1B,wDAAgC;AAChC,sDAA8B;AAC9B,uDAA+C;AAC/C,iDAA4C;AAE5C,MAAM,MAAM,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,UAAU,CAAC,2BAA2B,GAAC,CAAC,CAAC;AAC1E,MAAM,IAAI,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,QAAQ,CAAC,2BAA2B,GAAC,CAAC,CAAC;AACtE,MAAM,OAAO,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,WAAW,CAAC,2BAA2B,GAAC,CAAC,CAAC;AAC5E,MAAM,IAAI,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,QAAQ,CAAC,2BAA2B,GAAC,CAAC,CAAC;AAEtE,SAAwB,GAAG,CAAC,EAAC,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,EAAC;IACjG,OAAO,CACL,uBAAC,cAAI,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAC,0CAA0C,YACpE,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,uBAAC,iBAAO,KAAG,YAC7B,uBAAC,oCAAa,IAAC,iBAAiB,EAAE,KAAK,YACrC,uBAAC,OAAO,KAAG,GACG,GACP,GACN,CACR,CAAC;AACJ,CAAC;AAVD,sBAUC;AAED,SAAS,OAAO;IACd,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAmB,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExE,OAAO,CACL,uBAAC,gBAAM,IAAC,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,YACtE,gCAAK,SAAS,EAAC,SAAS,YACtB,wBAAC,yBAAM,eACL,uBAAC,wBAAK,IACJ,IAAI,EAAC,GAAG,EACR,OAAO,EACL,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,uBAAC,iBAAO,KAAG,YAC7B,uBAAC,IAAI,KAAG,GACC,GAEb,EASF,uBAAC,wBAAK,IACJ,IAAI,EAAC,WAAW,EAChB,OAAO,EACL,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,uBAAC,iBAAO,KAAG,YAC7B,uBAAC,MAAM,IAAC,aAAa,EAAE,aAAa,GAAI,GAE/B,GAEb,EACF,uBAAC,wBAAK,IACJ,IAAI,EAAC,uBAAuB,EAC5B,OAAO,EACL,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,uBAAC,iBAAO,KAAG,YAC7B,uBAAC,2BAAY,KAAG,GACP,GAEb,EACF,uBAAC,wBAAK,IACJ,IAAI,EAAC,UAAU,EACf,OAAO,EACL,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,uBAAC,iBAAO,KAAG,YAC7B,uBAAC,OAAO,KAAG,GACF,GAEb,IACK,GACL,GACC,CACV,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,EAAC,KAAK,EAAC;IACpB,OAAO,CACL,iCAAK,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAC,aAC1C,+DAA0B,EAC1B,gCAAK,KAAK,EAAE,EAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAC,YAAG,KAAK,CAAC,KAAK,GAAO,IACtE,CACP,CAAC;AACJ,CAAC"}

package/defaults/app2/frontend/src/App.tsx

@@ -0,0 +1,35 @@
+import {lazy, Suspense} from 'react';
+import {ErrorBoundary} from 'react-error-boundary';
+import Html from './Html';
+import Spinner from './Spinner';
+import Layout from './Layout';
+
+declare var window;
+export default function App({assets = typeof window !== 'undefined' ? window['assetManifest'] : {}}) {
+  return (
+    <Html assets={assets} title="${name} - LINCD App">
+      <Suspense fallback={<Spinner />}>
+        <ErrorBoundary FallbackComponent={Error}>
+          <Content />
+        </ErrorBoundary>
+      </Suspense>
+    </Html>
+  );
+}
+
+function Content() {
+  return (
+    <Layout>
+      <div>${name} - LINCD App</div>
+    </Layout>
+  );
+}
+
+function Error({error}) {
+  return (
+    <div style={{color: 'white', margin: '2rem'}}>
+      <h1>Application Error</h1>
+      <pre style={{whiteSpace: 'pre-wrap', padding: '1rem'}}>{error.stack}</pre>
+    </div>
+  );
+}

package/defaults/app2/frontend/src/Html.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Html({ assets, children, title }) {
+    return ((0, jsx_runtime_1.jsxs)("html", { lang: "en", children: [(0, jsx_runtime_1.jsxs)("head", { children: [(0, jsx_runtime_1.jsx)("meta", { charSet: "utf-8" }), (0, jsx_runtime_1.jsx)("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), (0, jsx_runtime_1.jsx)("link", { rel: "shortcut icon", href: "/static/favicon.ico" }), (0, jsx_runtime_1.jsx)("link", { rel: "stylesheet", href: assets['webpack.css'] }), (0, jsx_runtime_1.jsx)("title", { children: title })] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)("noscript", { dangerouslySetInnerHTML: {
+                            __html: `<b>Enable JavaScript to run this app.</b>`,
+                        } }), children, (0, jsx_runtime_1.jsx)("script", { dangerouslySetInnerHTML: {
+                            __html: `assetManifest = ${JSON.stringify(assets)};`,
+                        } })] })] }));
+}
+exports.default = Html;
+//# sourceMappingURL=Html.js.map

package/defaults/app2/frontend/src/Html.tsx

@@ -0,0 +1,29 @@
+export default function Html({assets, children, title}) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="shortcut icon" href="/static/favicon.ico" />
+        <link rel="stylesheet" href={assets['main.css']} />
+        {assets['tailwind-cdn'] && (
+        	<script src={assets['tailwind-cdn']}></script>
+        )}
+        <title>{title}</title>
+      </head>
+      <body>
+        <noscript
+          dangerouslySetInnerHTML={{
+            __html: `<b>Enable JavaScript to run this app.</b>`,
+          }}
+        />
+        {children}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `assetManifest = ${JSON.stringify(assets)};`,
+          }}
+        />
+      </body>
+    </html>
+  );
+}

package/defaults/app2/frontend/src/Layout.js

@@ -0,0 +1,153 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NavBar_1 = __importDefault(require("./NavBar"));
+const react_1 = require("react");
+const Sidebar_1 = __importDefault(require("./Sidebar"));
+const Spinner_1 = __importDefault(require("./Spinner"));
+const react_router_dom_1 = require("react-router-dom");
+const useWindowSize_1 = require("./hooks/useWindowSize");
+const registry_1 = require("./hooks/registry");
+const lincd_1 = require("lincd-modules/lib/ontologies/lincd");
+const rdfs_1 = require("lincd-rdfs/lib/ontologies/rdfs");
+const dcterms_1 = require("lincd-dcmi/lib/ontologies/dcterms");
+const dc_1 = require("lincd-dcmi/lib/ontologies/dc");
+const async_1 = __importDefault(require("react-select/async"));
+const Shape_1 = require("lincd/lib/shapes/Shape");
+const Component_1 = require("lincd-modules/lib/shapes/Component");
+const Module_1 = require("lincd-modules/lib/shapes/Module");
+const OntologyFile_1 = require("lincd-modules/lib/shapes/OntologyFile");
+const npm_1 = require("lincd-npm/lib/ontologies/npm");
+const Ontology_1 = require("lincd-owl/lib/shapes/Ontology");
+const react_2 = __importDefault(require("react"));
+class MenuOption {
+}
+function Layout({ sidebarIsOpen, setSidebarIsOpen, children }) {
+    //sidebar will behave differently from this size, see scss
+    let sidebarBreakpoint = 768 + 1;
+    let adjustContentWidthBasedOnSidebar = function (width = typeof window !== 'undefined' ? window.innerWidth : undefined) {
+        return typeof width && width > sidebarBreakpoint;
+    };
+    let { width } = (0, useWindowSize_1.useWindowSize)();
+    (0, react_1.useEffect)(() => {
+        setSidebarIsOpen(adjustContentWidthBasedOnSidebar(width));
+    }, [width]);
+    let navigate = (0, react_router_dom_1.useNavigate)();
+    let processChange = debounce((value, callback) => searchRegistry(value, navigate).then((res) => callback(res)));
+    let searchBarRef;
+    if (!searchBarRef) {
+        searchBarRef = react_2.default.createRef();
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "wrapper landing-page", children: (0, jsx_runtime_1.jsx)("div", { className: "dashboard", children: (0, jsx_runtime_1.jsx)("header", { children: (0, jsx_runtime_1.jsxs)("div", { className: 'search-bar' + (sidebarIsOpen ? ' small' : ''), children: [(0, jsx_runtime_1.jsx)(async_1.default, { cacheOptions: true, ref: searchBarRef, id: "lincd-search", loadingMessage: (searchBar) => `Searching for '${searchBar.inputValue}'`, noOptionsMessage: (searchBar) => searchBar.inputValue.length == 0
+                                        ? 'Start typing to search the registry!'
+                                        : `No results found for '${searchBar.inputValue}'`, loadOptions: (searchQuery, callback) => {
+                                        processChange(searchQuery, callback);
+                                    }, placeholder: "Search LINCD...", onChange: (option) => {
+                                        option.navigate();
+                                        searchBarRef['current'].select.clearValue();
+                                    }, onKeyDown: (e) => {
+                                        let target = e.target;
+                                        switch (e.key) {
+                                            case 'Home':
+                                                e.preventDefault();
+                                                if (e.shiftKey) {
+                                                    target.selectionStart = 0;
+                                                }
+                                                else {
+                                                    target.setSelectionRange(0, 0);
+                                                }
+                                                break;
+                                            case 'End':
+                                                e.preventDefault();
+                                                const len = target.value.length;
+                                                if (e.shiftKey) {
+                                                    target.selectionEnd = len;
+                                                }
+                                                else {
+                                                    target.setSelectionRange(len, len);
+                                                }
+                                                break;
+                                        }
+                                    }, styles: {
+                                        control: (provided) => ({
+                                            ...provided,
+                                            backgroundColor: 'rgba(0, 0, 0, 0)',
+                                            borderWidth: '0',
+                                            cursor: 'text',
+                                        }),
+                                        menu: (provided) => ({
+                                            ...provided,
+                                            backgroundColor: '#1e1f26',
+                                            padding: '0 1% 0 0',
+                                            margin: '0 1% 0 0',
+                                            width: 'calc(100% - 50px)',
+                                        }),
+                                        input: (provided) => ({
+                                            ...provided,
+                                            color: 'white',
+                                        }),
+                                        option: (provided, state) => ({
+                                            ...provided,
+                                            backgroundColor: state.isSelected || state.isFocused ? '#5a5f72' : '#1e1f26',
+                                        })
+                                    } }), (0, jsx_runtime_1.jsx)("img", { src: "/images/search.svg", alt: "" })] }) }) }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("aside", { className: 'sidenav ' + (sidebarIsOpen ? 'active-aside' : 'closed'), children: (0, jsx_runtime_1.jsxs)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Spinner_1.default, {}), children: [(0, jsx_runtime_1.jsx)(Sidebar_1.default, { setSidebarIsOpen: setSidebarIsOpen, sidebarIsOpen: sidebarIsOpen, sidebarBreakpoint: sidebarBreakpoint }), (0, jsx_runtime_1.jsx)(NavBar_1.default, {})] }) }) }), (0, jsx_runtime_1.jsxs)("main", { style: sidebarIsOpen && adjustContentWidthBasedOnSidebar()
+                    ? {
+                        width: 'calc(100vw - 220px)', // minus sidebar
+                    }
+                    : {
+                        width: '100%',
+                    }, children: [children, (0, jsx_runtime_1.jsx)("div", { style: {
+                            display: 'flex',
+                            marginTop: '200px',
+                        }, children: (0, jsx_runtime_1.jsx)("footer", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsxs)("div", { className: "container flex align-items-center ", children: [(0, jsx_runtime_1.jsxs)("a", { href: "https://twitter.com/lincd_org", target: "_blank", className: "flex align-items-center", children: [(0, jsx_runtime_1.jsx)("svg", { enableBackground: "new 0 0 56.693 56.693", height: "80px", id: "Layer_1", version: "1.1", viewBox: "0 0 56.693 56.693", width: "56.693px", xmlSpace: "preserve", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: (0, jsx_runtime_1.jsx)("path", { d: "M52.837,15.065c-1.811,0.805-3.76,1.348-5.805,1.591c2.088-1.25,3.689-3.23,4.444-5.592c-1.953,1.159-4.115,2-6.418,2.454  c-1.843-1.964-4.47-3.192-7.377-3.192c-5.581,0-10.106,4.525-10.106,10.107c0,0.791,0.089,1.562,0.262,2.303  c-8.4-0.422-15.848-4.445-20.833-10.56c-0.87,1.492-1.368,3.228-1.368,5.082c0,3.506,1.784,6.6,4.496,8.412  c-1.656-0.053-3.215-0.508-4.578-1.265c-0.001,0.042-0.001,0.085-0.001,0.128c0,4.896,3.484,8.98,8.108,9.91  c-0.848,0.23-1.741,0.354-2.663,0.354c-0.652,0-1.285-0.063-1.902-0.182c1.287,4.015,5.019,6.938,9.441,7.019  c-3.459,2.711-7.816,4.327-12.552,4.327c-0.815,0-1.62-0.048-2.411-0.142c4.474,2.869,9.786,4.541,15.493,4.541  c18.591,0,28.756-15.4,28.756-28.756c0-0.438-0.009-0.875-0.028-1.309C49.769,18.873,51.483,17.092,52.837,15.065z" }) }), ' ', "\u00A0 Tweet your work"] }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/academy", children: (0, jsx_runtime_1.jsx)("button", { className: "btn-blue-outline", children: "Join us" }) }), (0, jsx_runtime_1.jsxs)("a", { href: "https://discord.gg/2PFnf7udET", target: "_blank", className: "flex align-items-center discord-footer", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "40", viewBox: "0 0 20 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_1892_3407)", children: (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip1_1892_3407)", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.5317 1.25625C15.2774 0.669375 13.9362 0.242861 12.534 0C12.3618 0.311339 12.1606 0.730097 12.0219 1.06322C10.5313 0.839056 9.05449 0.839056 7.59134 1.06322C7.45266 0.730097 7.24691 0.311339 7.07316 0C5.66947 0.242861 4.32673 0.670942 3.0724 1.25935C0.542395 5.08252 -0.143448 8.81073 0.199474 12.486C1.87751 13.7391 3.50372 14.5003 5.10249 14.9985C5.49724 14.4552 5.84929 13.8777 6.15259 13.269C5.57496 13.0495 5.02171 12.7787 4.49896 12.4642C4.63765 12.3615 4.7733 12.254 4.90436 12.1435C8.09276 13.6348 11.557 13.6348 14.7074 12.1435C14.84 12.254 14.9756 12.3615 15.1128 12.4642C14.5885 12.7802 14.0337 13.0511 13.4561 13.2706C13.7594 13.8777 14.1099 14.4567 14.5062 15C16.1065 14.5019 17.7342 13.7407 19.4122 12.486C19.8146 8.22542 18.7249 4.53146 16.5317 1.25625ZM6.58696 10.2257C5.62984 10.2257 4.84491 9.3322 4.84491 8.2441C4.84491 7.15599 5.61307 6.26091 6.58696 6.26091C7.56088 6.26091 8.34577 7.15442 8.32901 8.2441C8.33052 9.3322 7.56088 10.2257 6.58696 10.2257ZM13.0248 10.2257C12.0676 10.2257 11.2827 9.3322 11.2827 8.2441C11.2827 7.15599 12.0508 6.26091 13.0248 6.26091C13.9986 6.26091 14.7836 7.15442 14.7668 8.2441C14.7668 9.3322 13.9986 10.2257 13.0248 10.2257Z", fill: "white" }) }) }), (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_1892_3407", children: (0, jsx_runtime_1.jsx)("rect", { width: "19.375", height: "15", fill: "white", transform: "translate(0.117188)" }) }), (0, jsx_runtime_1.jsx)("clipPath", { id: "clip1_1892_3407", children: (0, jsx_runtime_1.jsx)("rect", { width: "77.5", height: "15", fill: "white", transform: "translate(0.117188)" }) })] })] }), "\u00A0 Join the community"] })] }) }) })] })] }));
+}
+exports.default = Layout;
+function debounce(func, timeout = 700) {
+    let timer;
+    return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            func.apply(this, args);
+        }, timeout);
+    };
+}
+function searchRegistry(input, navigate) {
+    let searchTypes = [lincd_1.lincd.OntologyFile, lincd_1.lincd.Module, lincd_1.lincd.Component];
+    let results = (0, registry_1.fetchRegistry)(searchTypes, input).then(({ instances, registryURLs }) => {
+        console.log(registryURLs, instances);
+        return instances.map((instance) => {
+            let option = new MenuOption();
+            let resultShape;
+            let resultType;
+            option.label =
+                instance.getValue(dc_1.dcelems.title) ||
+                    instance.getValue(dcterms_1.dcterms.title) ||
+                    instance.getValue(lincd_1.lincd.prefix) ||
+                    instance.getValue(rdfs_1.rdfs.label) ||
+                    instance.getValue(npm_1.npm.packageName) ||
+                    instance.getValue(lincd_1.lincd.npmPath);
+            resultShape = Shape_1.Shape.getInstanceByType(instance, Module_1.Module, OntologyFile_1.OntologyFile, Component_1.Component, Ontology_1.Ontology);
+            if (resultShape instanceof OntologyFile_1.OntologyFile) {
+                resultType = 'Ontology';
+            }
+            else if (resultShape instanceof Component_1.Component) {
+                resultType = 'Component';
+            }
+            else if (resultShape instanceof Module_1.Module) {
+                resultType = 'Module';
+            }
+            option.navigate = () => {
+                // Finding corresponding index of the current instance in the registryURLs
+                // array, since they will be in the same order
+                navigate(registryURLs[[...instances].indexOf(instance)]);
+            };
+            option.label = `${resultType} | ${option.label}`;
+            return option;
+        });
+    });
+    return results;
+}
+//# sourceMappingURL=Layout.js.map