lincd-cli 0.2.59 → 0.2.62

package/defaults/app-with-backend/src/index.tsx

@@ -1,32 +1,32 @@
-import {initFrontend} from 'lincd-server-utils/lib/utils/Frontend';
-import {hydrateRoot} from 'react-dom/client';
-import {BrowserRouter} from 'react-router-dom';
-import App from './App';
-import React from 'react';
-import {Storage} from 'lincd/lib/utils/Storage';
-import {BackendAPIStore} from 'lincd-server/lib/shapes/BackendAPIStore';
-import {AppContextProvider} from 'lincd-server-utils/lib/components/AppContext';
-
-window['$RefreshReg$'] = () => {};
-window['$RefreshSig$'] = () => () => {};
-
-//forward all storage requests to the backend
-export const store = new BackendAPIStore();
-Storage.setDefaultStore(store);
-
-initFrontend().then(() => {
-  hydrateRoot(
-    document,
-    <React.StrictMode>
-      <BrowserRouter>
-        <AppContextProvider
-          assets={window['assetManifest']}
-          requestLD={document.getElementById('request-ld')?.innerText}
-          requestObject={document.getElementById('request-json')?.innerText}
-        >
-          <App />
-        </AppContextProvider>
-      </BrowserRouter>
-    </React.StrictMode>,
-  );
-});
+import {initFrontend} from 'lincd-server-utils/lib/utils/Frontend';
+import {hydrateRoot} from 'react-dom/client';
+import {BrowserRouter} from 'react-router-dom';
+import App from './App';
+import React from 'react';
+import {Storage} from 'lincd/lib/utils/Storage';
+import {BackendAPIStore} from 'lincd-server/lib/shapes/BackendAPIStore';
+import {AppContextProvider} from 'lincd-server-utils/lib/components/AppContext';
+
+window['$RefreshReg$'] = () => {};
+window['$RefreshSig$'] = () => () => {};
+
+//forward all storage requests to the backend
+export const store = new BackendAPIStore();
+Storage.setDefaultStore(store);
+
+initFrontend().then(() => {
+  hydrateRoot(
+    document,
+    <React.StrictMode>
+      <BrowserRouter>
+        <AppContextProvider
+          assets={window['assetManifest']}
+          requestLD={document.getElementById('request-ld')?.innerText}
+          requestObject={document.getElementById('request-json')?.innerText}
+        >
+          <App />
+        </AppContextProvider>
+      </BrowserRouter>
+    </React.StrictMode>,
+  );
+});

package/defaults/app-with-backend/src/layout/DefaultLayout.scss

@@ -1,6 +1,6 @@
-.main {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
-  Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  width: 66.6%;
-  margin: auto;
-}
+.main {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+  Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  width: 66.6%;
+  margin: auto;
+}

package/defaults/app-with-backend/src/layout/DefaultLayout.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import {Header} from './Header';
-import './DefaultLayout.scss';
-import style from './DefaultLayout.scss.json';
-
-export function DefaultLayout({children}) {
-  return (
-    <main className={style.main}>
-      <Header />
-      {children}
-    </main>
-  );
-}
+import React from 'react';
+import {Header} from './Header';
+import './DefaultLayout.scss';
+import style from './DefaultLayout.scss.json';
+
+export function DefaultLayout({children}) {
+  return (
+    <main className={style.main}>
+      <Header />
+      {children}
+    </main>
+  );
+}

package/defaults/app-with-backend/src/layout/Header.scss

@@ -1,10 +1,10 @@
-.header {
-  display: block;
-}
-
-.menu {
-  margin: 1rem 0;
-  display: grid;
-  grid-template-columns: repeat(6, 1fr);
-  grid-gap: 1rem;
-}
+.header {
+  display: block;
+}
+
+.menu {
+  margin: 1rem 0;
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  grid-gap: 1rem;
+}

package/defaults/app-with-backend/src/layout/Header.tsx

@@ -1,23 +1,23 @@
-import {Link} from 'react-router-dom';
-import React from 'react';
-import style from './Header.scss.json';
-import './Header.scss';
-import {ROUTES} from '../routes';
-
-export function Header() {
-  return (
-    <header className={style.header}>
-      <h1>${name}</h1>
-      <nav className={style.menu}>
-        {Object.keys(ROUTES).map((key) => {
-          if (ROUTES[key].excludeFromMenu) return null;
-          return (
-            <Link key={key} to={ROUTES[key].path}>
-              {ROUTES[key].label || key}
-            </Link>
-          );
-        })}
-      </nav>
-    </header>
-  );
-}
+import {Link} from 'react-router-dom';
+import React from 'react';
+import style from './Header.scss.json';
+import './Header.scss';
+import {ROUTES} from '../routes';
+
+export function Header() {
+  return (
+    <header className={style.header}>
+      <h1>${name}</h1>
+      <nav className={style.menu}>
+        {Object.keys(ROUTES).map((key) => {
+          if (ROUTES[key].excludeFromMenu) return null;
+          return (
+            <Link key={key} to={ROUTES[key].path}>
+              {ROUTES[key].label || key}
+            </Link>
+          );
+        })}
+      </nav>
+    </header>
+  );
+}

package/defaults/app-with-backend/src/package.ts

@@ -1,14 +1,14 @@
-import {linkedPackage} from 'lincd/lib/utils/Module';
-
-export const {
-  linkedComponent,
-  linkedSetComponent,
-  linkedComponentClass,
-  linkedShape,
-  linkedUtil,
-  linkedOntology,
-  registerPackageExport,
-  registerPackageModule,
-  packageExports,
-  packageName,
-} = linkedPackage('${hyphen_name}');
+import {linkedPackage} from 'lincd/lib/utils/Module';
+
+export const {
+  linkedComponent,
+  linkedSetComponent,
+  linkedComponentClass,
+  linkedShape,
+  linkedUtil,
+  linkedOntology,
+  registerPackageExport,
+  registerPackageModule,
+  packageExports,
+  packageName,
+} = linkedPackage('${hyphen_name}');

package/defaults/app-with-backend/src/pages/Home.scss

@@ -1,15 +1,15 @@
-.Home {
-  display: block;
-  margin: 1rem 0;
-
-  code {
-    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-    margin: 0.5rem 0;
-
-    pre {
-      padding: 1rem;
-      background-color: #bfe7fc;
-    }
-  }
-}
+.Home {
+  display: block;
+  margin: 1rem 0;
+
+  code {
+    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+    margin: 0.5rem 0;
+
+    pre {
+      padding: 1rem;
+      background-color: #bfe7fc;
+    }
+  }
+}

package/defaults/app-with-backend/src/pages/Home.tsx

@@ -1,21 +1,21 @@
-import {DefaultLayout} from '../layout/DefaultLayout';
-import './Home.scss';
-import style from './Home.scss.json';
-
-export default function Home() {
-  return (
-    <DefaultLayout>
-      <div className={style.Home}>
-        <h2>Get started</h2>
-        <p>
-          Your LINCD App is ready to go!
-          <br />
-          To edit this file, open:
-        </p>
-        <code>
-          <pre>/src/pages/Home.tsx</pre>
-        </code>
-      </div>
-    </DefaultLayout>
-  );
-}
+import {DefaultLayout} from '../layout/DefaultLayout';
+import './Home.scss';
+import style from './Home.scss.json';
+
+export default function Home() {
+  return (
+    <DefaultLayout>
+      <div className={style.Home}>
+        <h2>Get started</h2>
+        <p>
+          Your LINCD App is ready to go!
+          <br />
+          To edit this file, open:
+        </p>
+        <code>
+          <pre>/src/pages/Home.tsx</pre>
+        </code>
+      </div>
+    </DefaultLayout>
+  );
+}

package/defaults/app-with-backend/src/pages/Page1.tsx

@@ -1,11 +1,11 @@
-import {DefaultLayout} from '../layout/DefaultLayout';
-
-export default function Page1() {
-  return (
-    <DefaultLayout>
-      <div>
-        <h2>Page 1</h2>
-      </div>
-    </DefaultLayout>
-  );
-}
+import {DefaultLayout} from '../layout/DefaultLayout';
+
+export default function Page1() {
+  return (
+    <DefaultLayout>
+      <div>
+        <h2>Page 1</h2>
+      </div>
+    </DefaultLayout>
+  );
+}

package/defaults/app-with-backend/src/pages/PageNotFound.tsx

@@ -1,11 +1,11 @@
-import {DefaultLayout} from '../layout/DefaultLayout';
-
-export default function PageNotFound() {
-  return (
-    <DefaultLayout>
-      <div>
-        <h2>Page not found</h2>
-      </div>
-    </DefaultLayout>
-  );
-}
+import {DefaultLayout} from '../layout/DefaultLayout';
+
+export default function PageNotFound() {
+  return (
+    <DefaultLayout>
+      <div>
+        <h2>Page not found</h2>
+      </div>
+    </DefaultLayout>
+  );
+}

package/defaults/app-with-backend/src/pages/Signin.tsx

@@ -1,12 +1,12 @@
-import {DefaultLayout} from '../layout/DefaultLayout';
-
-export default function Signin() {
-  return (
-    <DefaultLayout>
-      <div>
-        <h2>Sign In</h2>
-        See lincd.org for different ways to sign in.
-      </div>
-    </DefaultLayout>
-  );
-}
+import {DefaultLayout} from '../layout/DefaultLayout';
+
+export default function Signin() {
+  return (
+    <DefaultLayout>
+      <div>
+        <h2>Sign In</h2>
+        See lincd.org for different ways to sign in.
+      </div>
+    </DefaultLayout>
+  );
+}

package/defaults/app-with-backend/src/routes.tsx

@@ -1,72 +1,72 @@
-import React, {lazy, Suspense} from 'react';
-import {Route, Routes} from 'react-router-dom';
-import {Spinner} from './components/Spinner';
-import {RequireAuth} from 'lincd-auth/lib/components/RequireAuth';
-import PageNotFound from './pages/PageNotFound';
-
-//In React 18 you can use 'lazy' to import pages only when you need them.
-//This will cause webpack to create multiple bundles, and the right bundles are automatically loaded
-interface RouteObj {
-  path: string;
-  component?: React.LazyExoticComponent<() => JSX.Element>;
-  render?: () => JSX.Element;
-  requireAuth?: boolean;
-  excludeFromMenu?: boolean;
-  label?: string;
-}
-export const ROUTES: {[key: string]: RouteObj} = {
-  index: {
-    path: '/',
-    component: lazy(() => import('./pages/Home' /* webpackPrefetch: true */)),
-    label: 'Home',
-  },
-  page1: {
-    path: '/page1',
-    component: lazy(() => import('./pages/Page1' /* webpackPrefetch: true */)),
-    label: 'Protected page',
-    requireAuth: true,
-  },
-  signin: {
-    path: '/signin',
-    component: lazy(() => import('./pages/Signin' /* webpackPrefetch: true */)),
-    label: 'Sign In',
-    excludeFromMenu: true,
-  },
-};
-
-export default function AppRoutes() {
-  return (
-    <Routes>
-      {Object.keys(ROUTES).map((routeName) => {
-        const route = ROUTES[routeName];
-        const Component = route.component;
-
-        //if a route is marked as requireAuth, wrap it in the RequireAuth component and pass the signinRoute
-        const AuthGuard = route.requireAuth ? RequireAuth : React.Fragment;
-        const authProps = route.requireAuth
-          ? {signinRoute: ROUTES.signin.path}
-          : {};
-
-        // define a render function that determines what to render based on the component and route.render
-        const renderRoute = () =>
-          // if a Component is defined, render it using JSX syntax (<Component />)
-          // if not, check if a route.render function is defined and call that render function if available.
-          // if neither Component nor route.render is defined, return null
-          Component ? <Component /> : route.render ? route.render() : null;
-
-        return (
-          <Route
-            key={route.path}
-            path={route.path}
-            element={
-              <AuthGuard {...authProps}>
-                <Suspense fallback={<Spinner />}>{renderRoute()}</Suspense>
-              </AuthGuard>
-            }
-          />
-        );
-      })}
-      <Route path="*" element={<PageNotFound />} />
-    </Routes>
-  );
-}
+import React, {lazy, Suspense} from 'react';
+import {Route, Routes} from 'react-router-dom';
+import {Spinner} from './components/Spinner';
+import {RequireAuth} from 'lincd-auth/lib/components/RequireAuth';
+import PageNotFound from './pages/PageNotFound';
+
+//In React 18 you can use 'lazy' to import pages only when you need them.
+//This will cause webpack to create multiple bundles, and the right bundles are automatically loaded
+interface RouteObj {
+  path: string;
+  component?: React.LazyExoticComponent<() => JSX.Element>;
+  render?: () => JSX.Element;
+  requireAuth?: boolean;
+  excludeFromMenu?: boolean;
+  label?: string;
+}
+export const ROUTES: {[key: string]: RouteObj} = {
+  index: {
+    path: '/',
+    component: lazy(() => import('./pages/Home' /* webpackPrefetch: true */)),
+    label: 'Home',
+  },
+  page1: {
+    path: '/page1',
+    component: lazy(() => import('./pages/Page1' /* webpackPrefetch: true */)),
+    label: 'Protected page',
+    requireAuth: true,
+  },
+  signin: {
+    path: '/signin',
+    component: lazy(() => import('./pages/Signin' /* webpackPrefetch: true */)),
+    label: 'Sign In',
+    excludeFromMenu: true,
+  },
+};
+
+export default function AppRoutes() {
+  return (
+    <Routes>
+      {Object.keys(ROUTES).map((routeName) => {
+        const route = ROUTES[routeName];
+        const Component = route.component;
+
+        //if a route is marked as requireAuth, wrap it in the RequireAuth component and pass the signinRoute
+        const AuthGuard = route.requireAuth ? RequireAuth : React.Fragment;
+        const authProps = route.requireAuth
+          ? {signinRoute: ROUTES.signin.path}
+          : {};
+
+        // define a render function that determines what to render based on the component and route.render
+        const renderRoute = () =>
+          // if a Component is defined, render it using JSX syntax (<Component />)
+          // if not, check if a route.render function is defined and call that render function if available.
+          // if neither Component nor route.render is defined, return null
+          Component ? <Component /> : route.render ? route.render() : null;
+
+        return (
+          <Route
+            key={route.path}
+            path={route.path}
+            element={
+              <AuthGuard {...authProps}>
+                <Suspense fallback={<Spinner />}>{renderRoute()}</Suspense>
+              </AuthGuard>
+            }
+          />
+        );
+      })}
+      <Route path="*" element={<PageNotFound />} />
+    </Routes>
+  );
+}

package/defaults/app-with-backend/src/scss/global-overwrites.scss

@@ -1,11 +1,11 @@
-/**
-This file allows you to overwrite specific css classes.
-It is configured in such a way that the classes will not be converted to css modules, like the other .scss files.
-If you need to target specific classes of your app that you have defined yourself, you'll need to use the converted class name from the .scss.json file
-
-Example: lets say Matches.tsx renders a Material UI component that uses a class "MuiBox-root"
-It also imports Matches.scss, which has a class .matchesContainer
-If you check the Matches.scss.json file, you'll see that the class name has been converted to .appname_Matches_matchesContainer
-So to overwrite styles of "MuiBox-root" you would use:
-.appname_Matches_matchesContainer .MuiBox-root {
- */
+/**
+This file allows you to overwrite specific css classes.
+It is configured in such a way that the classes will not be converted to css modules, like the other .scss files.
+If you need to target specific classes of your app that you have defined yourself, you'll need to use the converted class name from the .scss.json file
+
+Example: lets say Matches.tsx renders a Material UI component that uses a class "MuiBox-root"
+It also imports Matches.scss, which has a class .matchesContainer
+If you check the Matches.scss.json file, you'll see that the class name has been converted to .appname_Matches_matchesContainer
+So to overwrite styles of "MuiBox-root" you would use:
+.appname_Matches_matchesContainer .MuiBox-root {
+ */

package/defaults/app-with-backend/src/scss/variables.scss

@@ -1,23 +1,23 @@
-$primaryColor: #b872da;
-$primaryColorDark: #8e39b8;
-$secondaryColor: #4ddad7;
-$textColorGrey: #5f6d7e;
-$textColor: #141414;
-$textColorSmall: #6d6d6d;
-$borderRadius: 8px;
-$gray200: #e5e5e5;
-$gray50: #f3f3f3;
-$boxPadding: 8px;
-$errorColor: #ff0000;
-$warningColor: #ffa500;
-$infoColor: #0000ff;
-$successColor: #008000;
-$backgroundColor: #ffffff;
-$grayColor: #cccccc;
-
-// breakpoints
-$breakpoint-xs: 320px;
-$breakpoint-sm: 640px;
-$breakpoint-md: 768px;
-$breakpoint-lg: 1024px;
-$breakpoint-xl: 1300px;
+$primaryColor: #b872da;
+$primaryColorDark: #8e39b8;
+$secondaryColor: #4ddad7;
+$textColorGrey: #5f6d7e;
+$textColor: #141414;
+$textColorSmall: #6d6d6d;
+$borderRadius: 8px;
+$gray200: #e5e5e5;
+$gray50: #f3f3f3;
+$boxPadding: 8px;
+$errorColor: #ff0000;
+$warningColor: #ffa500;
+$infoColor: #0000ff;
+$successColor: #008000;
+$backgroundColor: #ffffff;
+$grayColor: #cccccc;
+
+// breakpoints
+$breakpoint-xs: 320px;
+$breakpoint-sm: 640px;
+$breakpoint-md: 768px;
+$breakpoint-lg: 1024px;
+$breakpoint-xl: 1300px;

package/defaults/app-with-backend/tsconfig.json

@@ -1,21 +1,21 @@
-{
-  "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"],
-    "paths": {
-      "react": ["../node_modules/@types/react","../../../node_modules/@types/react"]
-    },
-    "pretty": true
-  },
-  "files": ["./src/index.tsx"],
-  "include": ["./src/backend.ts"]
-}
+{
+  "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"],
+    "paths": {
+      "react": ["../node_modules/@types/react","../../../node_modules/@types/react"]
+    },
+    "pretty": true
+  },
+  "files": ["./src/index.tsx"],
+  "include": ["./src/backend.ts"]
+}

package/defaults/app-with-backend/yarnrc.yml.template

@@ -1,8 +1,8 @@
-nodeLinker: "node-modules"
-npmRegistryServer: "https://registry.npmjs.org/"
-
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
-    spec: "@yarnpkg/plugin-version"
-
-yarnPath: .yarn/releases/yarn-3.6.1.cjs
+nodeLinker: "node-modules"
+npmRegistryServer: "https://registry.npmjs.org/"
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
+    spec: "@yarnpkg/plugin-version"
+
+yarnPath: .yarn/releases/yarn-3.6.1.cjs