lincd-cli 0.1.12 → 0.1.13

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

@@ -1,153 +0,0 @@
-"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

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

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

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

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export default function Layout({children}) {
-  return <main>{children}</main>;
-}

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-require("./Spinner.scss");
-function Spinner({ active = true }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: ['spinner', active && 'spinner--active'].join(' '), role: "progressbar", "aria-busy": active ? 'true' : 'false' }));
-}
-exports.default = Spinner;
-//# sourceMappingURL=Spinner.js.map

package/defaults/app2/frontend/src/Spinner.scss

@@ -1,17 +0,0 @@
-
-.spinner.spinner--active {
-  border: 4px solid #474545;
-  border-top: 4px solid lightblue;
-  border-radius: 50%;
-  width: 24px;
-  height: 24px;
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

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

@@ -1,10 +0,0 @@
-import './Spinner.scss';
-export default function Spinner({active = true}) {
-  return (
-    <div
-      className={['spinner', active && 'spinner--active'].join(' ')}
-      role="progressbar"
-      aria-busy={active ? 'true' : 'false'}
-    />
-  );
-}

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

@@ -1,14 +0,0 @@
-"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 client_1 = require("react-dom/client");
-const react_router_dom_1 = require("react-router-dom");
-const App_1 = __importDefault(require("./App"));
-const react_1 = __importDefault(require("react")); //we mostly use scss files, but we support tailwind as well for some components
-// import './scss/_tailwind.scss';
-require("./scss/main.scss");
-(0, client_1.hydrateRoot)(document, (0, jsx_runtime_1.jsx)(react_1.default.StrictMode, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(App_1.default, { assets: window['assetManifest'] }) }) }));
-//# sourceMappingURL=index.js.map

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

@@ -1,16 +0,0 @@
-import {hydrateRoot} from 'react-dom/client';
-import {BrowserRouter} from 'react-router-dom';
-import App from './App';
-import React from 'react';
-
-//uncomment if you want to use tailwind
-// import './scss/_tailwind.scss';
-
-hydrateRoot(
-  document,
-  <React.StrictMode>
-    <BrowserRouter>
-      <App assets={window['assetManifest']} />
-    </BrowserRouter>
-  </React.StrictMode>,
-);

package/defaults/app2/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "sourceMap": true,
-    "target": "es2019",
-    "declaration": false,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "jsx": "react-jsx",
-    "types": ["node", "react", "react-dom"],
-    "pretty": true
-  },
-  "files": ["./frontend/src/index.tsx", "./backend/src/server.ts"]
-}

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

@@ -1,72 +0,0 @@
-import {lazy, Suspense} from 'react';
-import {ErrorBoundary} from 'react-error-boundary';
-import Html from './Html';
-import Spinner from './components/Spinner';
-import Layout from './Layout';
-import {Route, Routes} from 'react-router-dom';
-import {Storage} from 'lincd/lib/utils/Storage';
-import {FrontendFileStore} from 'lincd-server/lib/shapes/FrontendFileStore';
-
-const Home = lazy(() => import('./pages/Home' /* webpackPrefetch: true */));
-const Page1 = lazy(() => import('./pages/Page1' /* webpackPrefetch: true */));
-const Page2 = lazy(() => import('./pages/Page2' /* webpackPrefetch: true */));
-
-let store = new FrontendFileStore('main');
-Storage.setDefaultStore(store);
-
-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 className="p-4 w-2/3 m-auto bg-gray-100 shadow-gray-300 shadow">
-        <Routes>
-          <Route
-            path="/"
-            element={
-              <Suspense fallback={<Spinner />}>
-                <Home />
-              </Suspense>
-            }
-          />
-          <Route
-            path="/page1"
-            element={
-              <Suspense fallback={<Spinner />}>
-                <Page1 />
-              </Suspense>
-            }
-          />
-          <Route
-            path="/page2"
-            element={
-              <Suspense fallback={<Spinner />}>
-                <Page2 />
-              </Suspense>
-            }
-          />
-        </Routes>
-      </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/app3/frontend/src/Header.tsx

@@ -1,16 +0,0 @@
-import {Link} from 'react-router-dom';
-import React from 'react';
-
-export function Header()
-{
-  return (
-    <header className="w-2/3 m-auto">
-      <h1 className="font-xl font-bold">${name}</h1>
-      <nav className="my-4 grid grid-cols-6 gap-4">
-        <Link to="/">Home</Link>
-        <Link to="/page1">Page 1</Link>
-        <Link to="/page2">Page 2</Link>
-      </nav>
-    </header>
-  );
-}

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

@@ -1,29 +0,0 @@
-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/app3/frontend/src/Layout.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import {Header} from './Header';
-
-export default function Layout({children}) {
-  return (
-    <main className="m-8 font-sans">
-      <Header />
-      {children}
-    </main>
-  );
-}

package/defaults/app3/frontend/src/_tailwind.scss

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/defaults/app3/frontend/src/components/Spinner.scss

@@ -1,17 +0,0 @@
-
-.spinner.spinner--active {
-  border: 4px solid #474545;
-  border-top: 4px solid lightblue;
-  border-radius: 50%;
-  width: 24px;
-  height: 24px;
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/defaults/app3/frontend/src/components/Spinner.tsx

@@ -1,10 +0,0 @@
-import './Spinner.scss';
-export default function Spinner({active = true}) {
-  return (
-    <div
-      className={['spinner', active && 'spinner--active'].join(' ')}
-      role="progressbar"
-      aria-busy={active ? 'true' : 'false'}
-    />
-  );
-}

package/defaults/app3/frontend/src/index.tsx

@@ -1,20 +0,0 @@
-window['$RefreshReg$'] = () => {};
-window['$RefreshSig$'] = () => () => {};
-
-import {hydrateRoot} from 'react-dom/client';
-import {BrowserRouter} from 'react-router-dom';
-import App from './App';
-import React from 'react';
-
-//comment out if you don't want to use tailwind
-import './_tailwind.scss';
-
-
-hydrateRoot(
-  document,
-  <React.StrictMode>
-    <BrowserRouter>
-      <App assets={window['assetManifest']} />
-    </BrowserRouter>
-  </React.StrictMode>,
-);

package/defaults/app3/frontend/src/pages/Home.tsx

@@ -1,15 +0,0 @@
-export default function Home() {
-  return (
-    <div>
-      <h1 className="my-2 text-xl font-bold">${name}</h1>
-      <h2 className="my-2 text-lg font-bold">Get started</h2>
-      <p>
-        Your LINCD App is ready to go!<br />
-        To edit this file, open:
-        </p>
-      <code className="font-mono my-2 bg-blue-100 p-2 block">
-        <pre>/frontend/src/pages/Home.tsx</pre>
-      </code>
-    </div>
-  );
-}

package/defaults/app3/frontend/src/pages/Page1.scss

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

package/defaults/app3/frontend/src/pages/Page1.scss.json

@@ -1 +0,0 @@
-{"page1":"test_app_123_Page1_page1"}

package/defaults/app3/frontend/src/pages/Page1.tsx

@@ -1,15 +0,0 @@
-import "./Page1.scss";
-export default function Page1() {
-  return (
-    <div className="page1">
-      This page is styled with SASS. Simply import the relevant .scss file in your code to include it in the bundle.
-      Using this setup, class names will have a global scope.<br />
-      <br />
-      See:
-      <code className="font-mono my-2 bg-blue-100 p-2 block">
-        <pre>/frontend/src/pages/Page1.tsx</pre>
-      </code>
-
-    </div>
-  );
-}

package/defaults/app3/frontend/src/pages/Page2.scss

@@ -1,16 +0,0 @@
-.page2 {
-  display:block;
-  span {
-    font-style:italic;
-  }
-  h1 {
-    font-size:1.5rem;
-  }
-  code {
-    font-family: monospace;
-    margin: 0.5rem 0;
-    background-color:lightcyan;
-    padding: 0.5rem;
-    display:block;
-  }
-}

package/defaults/app3/frontend/src/pages/Page2.scss.json

@@ -1 +0,0 @@
-{"page2":"test_app_123_Page2_page2"}

package/defaults/app3/frontend/src/pages/Page2.tsx

@@ -1,21 +0,0 @@
-import "./Page2.scss";
-import * as style from "./Page2.scss.json";
-export default function Page2() {
-  return (
-    <div className={style.page2}>
-      <h1>Example page using SASS + CSS Modules</h1>
-      This page is styled with SASS + CSS Modules. It imports the relevant .scss file{' '}
-      <span>and the generated .scss.json file</span>.<br />
-      <br />
-      Using this setup your class names will be scoped to the file(s)
-      where you use them. The typescript compiler will also auto complete class names and warn you if you're using class
-      names that don't exists.
-      <br />
-      <br />
-      See:
-      <code>
-        <pre>/frontend/src/pages/Page2.tsx</pre>
-      </code>
-    </div>
-  );
-}

package/defaults/app3/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "sourceMap": true,
-    "target": "es2019",
-    "declaration": false,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "jsx": "react-jsx",
-    "types": ["node", "react", "react-dom"],
-    "pretty": true
-  },
-  "files": ["./frontend/src/index.tsx"]
-}

package/defaults/module/Gruntfile.js

@@ -1,16 +0,0 @@
-var buildTools = require('lincd-cli');
-module.exports = buildTools.generateGruntConfig('${module_name}', {
-	externals: {
-		react: 'React',
-		'react-dom': 'ReactDOM',
-	}, //list of non lincd modules that are already loaded and made globally available by one of the dependencies of this module
-	//internals: [],//list of lincd modules that you want to INCLUDE in the bundle (as opposed to the module its own bundle being a dependency)
-	//alias:{},//webpack alias -> maps on type of npm path to another
-	//target:"es5"|"es6",
-	//environment:"server"|"frontend",
-	//outputPath:string,
-	//es5Server:boolean
-	//es5:{},//es5 specific config, use same properties as above
-	//es6:{},//es6 specific config, use same properties as above
-	//debug:false,//debug the build process
-});

package/defaults/module/src/components/ExampleComponent.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-import {ExampleShapeClass} from "../shapes/ExampleShapeClass";
-import {linkedComponentClass,linkedComponent} from '../module';
-import {LinkedComponentClass} from 'lincd/lib/utils/LinkedComponentClass';
-
-export const ExampleComponent = linkedComponent<ExampleShapeClass>(ExampleShapeClass, ({source, sourceShape}) => {
-  //note that typescript knows that person has the type of the Shape you provided
-  return <div></div>;
-});
-
-//alternatively, use a Class component if you prefer:
-/*@linkedComponentClass(ExampleShapeClass)
-export class ExampleComponent extends LinkedComponentClass<ExampleShapeClass> {
-  render() {
-    let exampleInstance = this.sourceShape;
-
-    //get the name of this item from the graph
-    return <h1>Hello {exampleInstance.name}!</h1>;
-  }
-}*/

package/defaults/module/src/data/example-ontology.json

@@ -1,20 +0,0 @@
-{
-  "@context": {
-    "dc": "http://purl.org/dc/elements/1.1/",
-    "owl": "http://www.w3.org/2002/07/owl#",
-    "rdf": "http://www.w3.org/1999/02/22-rdf-syntax-ns#",
-    "rdfs": "http://www.w3.org/2000/01/rdf-schema#",
-    "${hyphen_name}": "${uri_base}"
-  },
-  "@graph": [
-    {
-      "@id": "${hyphen_name}:ExampleClass",
-      "@type": "rdfs:Class",
-      "rdfs:comment": "This is an example class. You can remove or rename it",
-      "rdfs:isDefinedBy": {
-        "@id": "${hyphen_name}:"
-      },
-      "rdfs:label": "Example Class"
-    }
-  ]
-}

package/defaults/module/src/data/example-ontology.json.d.ts

@@ -1 +0,0 @@
-export var json: string;

package/defaults/module/src/index.ts

@@ -1,7 +0,0 @@
-import './ontologies/${hyphen_name}';
-
-//SHAPES FIRST
-import './shapes/ExampleShapeClass';
-
-//THEN COMPONENTS
-import './components/ExampleComponent';