lincd-cli 0.1.13 → 0.1.14

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+
+.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

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

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

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

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

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

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

@@ -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/app3/frontend/src/Layout.tsx

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

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

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

@@ -0,0 +1,17 @@
+
+.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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+.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

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

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

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

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

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

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

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

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

package/defaults/module/src/index.ts

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

package/defaults/module/src/module.ts

@@ -0,0 +1,4 @@
+import {linkedModule} from 'lincd/lib/utils/Module';
+
+export const {linkedComponent, linkedComponentClass, linkedShape, linkedUtil, linkedOntology} =
+  linkedModule('${module_name}');

package/defaults/module/src/ontologies/example-ontology.ts

@@ -0,0 +1,36 @@
+import {NamedNode} from 'lincd/lib/models';
+import {JSONLD} from 'lincd-jsonld/lib/utils/JSONLD';
+import {createNameSpace} from 'lincd/lib/utils/NameSpace';
+import {linkedOntology} from '../module';
+//import all the exports of this file as one variable called _this (we need this at the end)
+import * as _this from './${hyphen_name}';
+
+/**
+ * Load the data of this ontology into memory, thus adding the properties of the entities of this ontology to the local graph.
+ */
+export var loadData = () => {
+  return import('../data/${hyphen_name}.json').then((data) => JSONLD.parse(data));
+};
+
+/**
+ * The namespace of this ontology, which can be used to create NamedNodes with URI's not listed in this file
+ */
+export var ns = createNameSpace('${uri_base}');
+
+/**
+ * The NamedNode of the ontology itself
+ */
+export var _self: NamedNode = ns('');
+
+//A list of all the entities (Classes & Properties) of this ontology, each exported as a NamedNode
+export var ExampleClass: NamedNode = ns('ExampleClass');
+export var exampleProperty: NamedNode = ns('exampleProperty');
+
+//An extra grouping object so all the entities can be accessed from the prefix/name
+export const ${camel_name} = {
+  ExampleClass,
+  exampleProperty,
+};
+
+//Registers this ontology to LINCD.JS, so that data loading can be automated amongst other things
+linkedOntology(_this, ns, '${hyphen_name}', loadData, '../data/${hyphen_name}.json');

package/defaults/module/src/shapes/ExampleShapeClass.ts

@@ -0,0 +1,29 @@
+import {Shape} from 'lincd/lib/shapes/Shape';
+import {Literal, NamedNode} from 'lincd/lib/models';
+import {linkedShape} from '../module';
+import {literalProperty} from 'lincd/lib/utils/ShapeDecorators';
+import {${camel_name}} from '../ontologies/${hyphen_name}';
+
+@linkedShape
+export class ExampleShapeClass extends Shape {
+  /**
+   * indicates that instances of this shape need to have this rdf.type
+   */
+  static targetClass: NamedNode = ${camel_name}.ExampleClass;
+
+  /**
+   * instances of this shape need to have exactly one value defined for the given property
+   */
+  @literalProperty({
+    path: ${camel_name}.exampleProperty,
+    required: true,
+    maxCount: 1,
+  })
+  get name() {
+    return this.getValue(${camel_name}.exampleProperty);
+  }
+
+  set name(val: string) {
+    this.overwrite(${camel_name}.exampleProperty, new Literal(val));
+  }
+}

package/defaults/module/tsconfig-es5.json

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

package/defaults/module/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.ts"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lincd-cli",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Command line tools for the lincd.js library",
   "main": "lib/index.js",
   "scripts": {