lincd-cli 1.1.0 → 1.1.2

package/defaults/app-static/.env-cmdrc.json

@@ -0,0 +1,17 @@
+{
+  "app-main": {
+    "APP_ID": "com.yourdomain.www",
+    "APP_ENV": true,
+    "OUTPUT_PATH": "./web/assets",
+    "ASSET_PATH": "./assets/",
+    "ENTRY_PATH": "./src/index-static.tsx"
+  },
+  "app-local-android": {
+    "NODE_ENV": "app",
+    "SITE_ROOT": "http://10.0.2.2:4000"
+  },
+  "app-local-ios": {
+    "NODE_ENV": "app",
+    "SITE_ROOT": "http://localhost:4000"
+  }
+}

package/defaults/app-static/package.json

@@ -0,0 +1,8 @@
+{
+  "scripts": {
+    "app": "env-cmd -e _main,production,app-main node scripts/build.js && npx cap sync",
+    "app-local-ios": "env-cmd -e _main,development,app-main,app-local-ios node scripts/build.js && npx cap sync",
+    "app-local-android": "env-cmd -e _main,development,app-main,app-local-android node scripts/build.js && npx cap sync",
+    "app-staging": "env-cmd -e _main,staging,app-main,app-staging node scripts/build.js && npx cap sync"
+  }
+}

package/defaults/app-static/src/index-static.tsx

@@ -2,17 +2,14 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import {BrowserRouter} from 'react-router-dom';
 import App from './App';
-import {BackendAPIStore} from 'lincd-server/lib/shapes/BackendAPIStore';
-import {LinkedStorage} from 'lincd/lib/utils/LinkedStorage';
 import {AppContextProvider} from 'lincd-server-utils/lib/components/AppContext';
 
+//import the storage & file configuration for the frontend
+import './config-frontend';
+
 const root = ReactDOM.createRoot(
-  document.getElementById('root') as HTMLElement
+  document.getElementById('root') as HTMLElement,
 );
-//a BackendAPIStore is the default setup
-//it forwards all storage requests to a backend server
-export const store = new BackendAPIStore();
-LinkedStorage.setDefaultStore(store);
 
 root.render(
   <React.StrictMode>
@@ -21,5 +18,5 @@ root.render(
         <App />
       </AppContextProvider>
     </BrowserRouter>
-  </React.StrictMode>
-);
+  </React.StrictMode>,
+);

package/defaults/app-with-backend/.env-cmdrc.json

@@ -9,11 +9,8 @@
     "NODE_ENV": "development",
     "SITE_ROOT": "http://localhost:4000"
   },
-  "staging": {
-    "NODE_ENV": "staging",
-    "SITE_ROOT": "https://next.${hyphen_name}.com"
-  },
   "production": {
+    "PORT": "4000",
     "NODE_ENV": "production",
     "SITE_ROOT": "https://app.${hyphen_name}.com"
   }

package/defaults/app-with-backend/gitignore.template

@@ -1,6 +1,6 @@
 node_modules
 build
-web/assets
+public/bundles
 data/uploads
 data/metadata
 data/sessions

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

@@ -16,17 +16,12 @@
   "main": "scripts/start-server.js",
   "license": "MIT",
   "scripts": {
-    "start": "npm run server:dev",
-    "build": "env-cmd -e _main,production node scripts/build.js",
-    "build:staging": "env-cmd -e _main,staging node scripts/build.js",
-    "deploy": "git stash && git pull && yarn mrgit exec \"git stash\" && env-cmd --use-shell \"yarn checkout && yarn dedupe && semantu build-workspace -ug && yarn build && pm2 restart ${hyphen_name}\"",
-    "deploy:staging": "git stash && git pull && yarn mrgit exec \"git stash\" && env-cmd --use-shell \"yarn checkout && yarn dedupe && semantu build-workspace -ug && yarn build-staging && pm2 restart ${hyphen_name}-staging\"",
+    "start": "yarn lincd start --env development",
+    "build": "yarn lincd build-app --env production",
     "postinstall": "husky install",
     "prepack": "pinst --disable",
     "postpack": "pinst --enable",
-    "server:dev": "env-cmd -e _main,development nodemon --quiet --watch ./src/index.tsx ./scripts/start-server.js",
-    "server:prod": "env-cmd -e _main,production node ./scripts/start-server.js",
-    "server:staging": "env-cmd -e _main,staging node ./scripts/start-server.js",
+    "server:prod": "yarn lincd start --env production",
     "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
     "lint:fix": "yarn lint --fix",
     "prettier": "prettier \"src/**/*.{js,jsx,ts,tsx,css,scss}\" --check",
@@ -63,11 +58,11 @@
     "@babel/preset-typescript": "^7.22.5",
     "@babel/register": "^7.22.5",
     "chalk": "^4.1.2",
-    "lincd": "^0.6",
-    "lincd-auth": "^0.1.19",
-    "lincd-jsonld": "^0.1.21",
-    "lincd-server": "^0.1.39",
-    "lincd-server-utils": "^0.1.7",
+    "lincd": "^1.0",
+    "lincd-auth": "~1.0",
+    "lincd-jsonld": "~1.0",
+    "lincd-server": "~1.0",
+    "lincd-server-utils": "~1.0",
     "react": "^18.2",
     "react-dom": "^18.2",
     "react-error-boundary": "^3.1.3",
@@ -87,10 +82,11 @@
     "eslint-plugin-react": "latest",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.0",
-    "lincd-cli": "^1.0",
+    "lincd-cli": "^1.1",
     "nodemon": "^2.0.22",
     "pinst": "^3.0.0",
     "pm2": "^5.3.0",
     "which": "^3.0.1"
-  }
+  },
+  "packageManager": "yarn@3.6.1"
 }

package/defaults/app-with-backend/scripts/storage-config.js

@@ -0,0 +1,12 @@
+const { Storage } = require('lincd/lib/utils/Storage');
+const { LocalFileStore } = require('lincd-server/lib/shapes/filestores/LocalFileStore');
+const { LinkedFileStorage } = require('lincd/lib/utils/LinkedFileStorage');
+const { N3FileStore } = require('lincd-server/lib/shapes/quadstores/N3FileStore');
+
+//How quads are stored
+let quadStore = new N3FileStore(process.env.NODE_ENV + '-main');
+Storage.setDefaultStore(quadStore);
+
+//How files are stored
+let fileStore = new LocalFileStore(process.env.NODE_ENV + '-main');
+LinkedFileStorage.setDefaultStore(fileStore);

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

@@ -0,0 +1,17 @@
+import { LinkedFileStorage } from 'lincd/lib/utils/LinkedFileStorage';
+import { getAccessUrlLocalFileStore } from 'lincd-server/lib/utils/accessUrl';
+import { BackendAPIStore } from 'lincd-server/lib/shapes/quadstores/BackendAPIStore';
+import { LinkedStorage } from 'lincd/lib/utils/LinkedStorage';
+
+// store all quads in a file on the backend named 'main'
+// export const store = new BackendFileStore('main');
+const store = new BackendAPIStore();
+LinkedStorage.setDefaultStore(store);
+
+// determine where assets at loaded from
+// if (process.env.NODE_ENV === 'development') {
+  //by default assets are loaded from the file system of the node.js backend server
+  LinkedFileStorage.setDefaultAccessURL(getAccessUrlLocalFileStore());
+// } else {
+//   LinkedFileStorage.setDefaultAccessURL(getAccessURLS3FileStore());
+// }

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

@@ -3,17 +3,14 @@ import { hydrateRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 import React from 'react';
-import { LinkedStorage } from 'lincd/lib/utils/LinkedStorage';
-import { BackendAPIStore } from 'lincd-server/lib/shapes/BackendAPIStore';
 import { AppContextProvider } from 'lincd-server-utils/lib/components/AppContext';
 
+//import the storage & file configuration for the frontend
+import './config-frontend';
+
 window['$RefreshReg$'] = () => {};
 window['$RefreshSig$'] = () => () => {};
 
-//forward all storage requests to the backend
-export const store = new BackendAPIStore();
-LinkedStorage.setDefaultStore(store);
-
 initFrontend().then(() => {
   hydrateRoot(
     document,

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

@@ -1,4 +1,4 @@
-import {linkedPackage} from 'lincd/lib/utils/Module';
+import { linkedPackage } from 'lincd/utils/Package';
 
 export const {
   linkedComponent,
@@ -8,7 +8,6 @@ export const {
   linkedUtil,
   linkedOntology,
   registerPackageExport,
-  registerPackageModule,
   packageExports,
   packageName,
 } = linkedPackage('${hyphen_name}');

package/defaults/component.tsx

@@ -1,12 +1,10 @@
 import React from "react";
 import "./${hyphen_name}.scss";
 import {default as style} from "./${hyphen_name}.scss.json";
-import {registerPackageModule,linkedComponent} from '../package';
+import {linkedComponent} from '../package';
 
 //TODO: replace SHAPE with an actual Shape class
 export const ${camel_name} = linkedComponent<SHAPE>(SHAPE,({source}) => {
   return <div className={style.${camel_name}}></div>;
 });
 
-//register all components in this file
-registerPackageModule(module);

package/defaults/package/package.json

@@ -29,10 +29,10 @@
     "web3"
   ],
   "dependencies": {
-    "lincd": "^0.6",
+    "lincd": "^1.0",
     "lincd-jsonld": "^0.1"
   },
   "devDependencies": {
-    "lincd-cli": "^1.0"
+    "lincd-cli": "^1.1"
   }
 }

package/defaults/package/src/index.ts

@@ -1,3 +1,4 @@
+import './types';
 import './ontologies/${hyphen_name}';
 
 //SHAPES FIRST

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

@@ -1,6 +1,6 @@
-import {NamedNode} from 'lincd/lib/models';
+import {NamedNode} from 'lincd/models';
 import {JSONLD} from 'lincd-jsonld/lib/utils/JSONLD';
-import {createNameSpace} from 'lincd/lib/utils/NameSpace';
+import {createNameSpace} from 'lincd/utils/NameSpace';
 import {linkedOntology} from '../package';
 //import all the exports of this file as one variable called _this (we need this at the end)
 import * as _this from './${hyphen_name}';
@@ -9,7 +9,14 @@ 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));
+  if (typeof module !== 'undefined' && typeof exports !== 'undefined') {
+    // CommonJS import
+    return import('../data/${hyphen_name}.json').then((data) => JSONLD.parse(data));
+  } else {
+    // ESM import
+    //@ts-ignore
+    return import('../data/${hyphen_name}.json',{ assert: { type: "json" } }).then((data) => JSONLD.parse(data));
+  }
 };
 
 /**

package/defaults/package/src/package.ts

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

package/defaults/package/src/types.d.ts

@@ -0,0 +1,9 @@
+declare module '*.module.css' {
+  const classes: {[key: string]: string};
+  export default classes;
+}
+
+declare module '*.module.scss' {
+  const classes: {[key: string]: string};
+  export default classes;
+}

package/defaults/package/tsconfig-cjs.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es6",
+    "outDir": "lib/cjs"
+  }
+}

package/defaults/package/tsconfig-esm.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "es2018",
+    "outDir": "lib/esm",
+    "moduleResolution": "node"
+  }
+}

package/defaults/set-component.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import "./${hyphen_name}.scss";
 import {default as style} from "./${hyphen_name}.scss.json";
-import {registerPackageModule,linkedSetComponent} from '../package';
+import {linkedSetComponent} from '../package';
 
 //TODO: replace SHAPE with an actual Shape class
 export const ${camel_name} = linkedSetComponent<SHAPE>(SHAPE,({sources}) => {
@@ -10,7 +10,4 @@ export const ${camel_name} = linkedSetComponent<SHAPE>(SHAPE,({sources}) => {
       return <div key={source.toString()}></div>;
     })}
   </div>;
-});
-
-//register all components in this file
-registerPackageModule(module);
+});

package/defaults/shape.ts

@@ -1,5 +1,5 @@
-import {Shape} from 'lincd/lib/shapes/Shape';
-import {NamedNode} from 'lincd/lib/models';
+import {Shape} from 'lincd/shapes/Shape';
+import {NamedNode} from 'lincd/models';
 import {linkedShape} from '../package';
 
 @linkedShape