lincd-cli 1.2.1 → 1.2.2

package/defaults/app-with-backend/lincd.config.js

@@ -1,5 +1,5 @@
-module.exports = {
+export default {
   cssMode: 'mixed',
-  cacheWebpack:true,
-  analyse:false,
+  cacheWebpack: true,
+  analyse: false,
 };

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

@@ -4,6 +4,7 @@
   "description": "",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "lincdApp": true,
   "author": {
     "name": "",
@@ -72,7 +73,7 @@
     "eslint-plugin-react": "latest",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.0",
-    "lincd-cli": "^1.1",
+    "lincd-cli": "^1.2.1",
     "nodemon": "^2.0.22",
     "pinst": "^3.0.0",
     "pm2": "^5.3.0",

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

@@ -1,9 +1,9 @@
-import { initFrontend } from 'lincd-server-utils/lib/utils/Frontend';
+import { initFrontend } from 'lincd-server-utils/utils/Frontend';
 import { hydrateRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 import React from 'react';
-import { AppContextProvider } from 'lincd-server-utils/lib/components/AppContext';
+import { AppContextProvider } from 'lincd-server-utils/components/AppContext';
 
 //import the storage & file configuration for the frontend
 import './config-frontend';
@@ -20,7 +20,7 @@ initFrontend().then(() => {
         <AppContextProvider
           assets={window['assetManifest']}
           requestLD={document.getElementById('request-ld')?.innerText}
-          requestObject={document.getElementById('request-json')?.innerText}
+          requestObject={JSON.parse(document.getElementById('request-json')?.innerText || '{}')}
         >
           <App />
         </AppContextProvider>

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DefaultLayout } from '../layout/DefaultLayout';
 import style from './Home.module.css';
 

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

@@ -1,4 +1,5 @@
-import {DefaultLayout} from '../layout/DefaultLayout';
+import React from 'react';
+import { DefaultLayout } from '../layout/DefaultLayout';
 
 export default function PageNotFound() {
   return (

package/defaults/app-with-backend/src/theme.css

@@ -1,6 +1,6 @@
 @import 'tailwindcss';
 /*apply tailwind config, which ensures that all LINCD components are considered "content" for tailwind */
-@config "../../node_modules/lincd-cli/lib/esm/tailwind.config.js";
+@config "../node_modules/lincd-cli/lib/esm/tailwind.config.js";
 
 /*Use this to generate ALL css variables */
 /*@theme static {*/
@@ -24,74 +24,69 @@
 /*}*/
 
 @theme {
-  /* Primary Palette mapped to Tailwind sky */
-  --color-primary-50: var(--color-sky-50);
-  --color-primary-100: var(--color-sky-100);
-  --color-primary-200: var(--color-sky-200);
-  --color-primary-300: var(--color-sky-300);
-  --color-primary-400: var(--color-sky-400);
-  --color-primary-500: var(--color-sky-500);
-  --color-primary-600: var(--color-sky-600);
-  --color-primary-700: var(--color-sky-700);
-  --color-primary-800: var(--color-sky-800);
-  --color-primary-900: var(--color-sky-900);
+    /* Primary Palette mapped to Tailwind sky */
+    --color-primary-50: var(--color-sky-50);
+    --color-primary-100: var(--color-sky-100);
+    --color-primary-200: var(--color-sky-200);
+    --color-primary-300: var(--color-sky-300);
+    --color-primary-400: var(--color-sky-400);
+    --color-primary-500: var(--color-sky-500);
+    --color-primary-600: var(--color-sky-600);
+    --color-primary-700: var(--color-sky-700);
+    --color-primary-800: var(--color-sky-800);
+    --color-primary-900: var(--color-sky-900);
 
-  /* === Shadows === */
-  --shadow-surface: var(--shadow-sm); /* Background panels, sections */
-  --shadow-card: var(--shadow-md); /* Cards, organized content blocks */
-  --shadow-popover: var(--shadow-lg); /* Tooltips, dropdowns, popovers */
-  --shadow-modal: var(--shadow-2xl); /* Modals, overlays */
-  --shadow-floating-action: var(
-    --shadow-lg
-  ); /* Floating buttons, floating toolbars */
-  --shadow-content: none; /* Buttons, inputs inside surfaces */
+    /* === Shadows === */
+    --shadow-surface: var(--shadow-sm); /* Background panels, sections */
+    --shadow-card: var(--shadow-md); /* Cards, organized content blocks */
+    --shadow-popover: var(--shadow-lg); /* Tooltips, dropdowns, popovers */
+    --shadow-modal: var(--shadow-2xl); /* Modals, overlays */
+    --shadow-floating-action: var(
+            --shadow-lg
+    ); /* Floating buttons, floating toolbars */
+    --shadow-content: none; /* Buttons, inputs inside surfaces */
+    /* === Backgrounds / Surfaces === */
+    --bg-page: var(--color-gray-50); /* Main app background */
+    --bg-section: var(--color-gray-100); /* Sections inside pages */
+    --bg-card: var(--color-white); /* Cards */
+    --bg-popover: var(--color-white); /* Popovers, dropdowns */
+    --bg-modal: var(--color-white); /* Modals, dialogs */
+    --bg-sidebar: var(--color-gray-200); /* Sidebars */
+    --bg-footer: var(--color-gray-300); /* Footer areas */
+    --bg-overlay: var(--color-gray-900); /* Overlay scrims (dark) */
+    /* for bg-card and text-card? */
+    --color-card: var(--color-white);
 
-  /* === Backgrounds / Surfaces === */
-  --bg-page: var(--color-gray-50); /* Main app background */
-  --bg-section: var(--color-gray-100); /* Sections inside pages */
-  --bg-card: var(--color-white); /* Cards */
-  --bg-popover: var(--color-white); /* Popovers, dropdowns */
-  --bg-modal: var(--color-white); /* Modals, dialogs */
-  --bg-sidebar: var(--color-gray-200); /* Sidebars */
-  --bg-footer: var(--color-gray-300); /* Footer areas */
-  --bg-overlay: var(--color-gray-900); /* Overlay scrims (dark) */
+    /* === Z-Index === */
+    --z-base: 0; /* Normal document flow */
+    --z-surface: 10; /* Cards, panels */
+    --z-popover: 30; /* Dropdowns, popovers */
+    --z-modal: 50; /* Modals, dialogs */
+    --z-overlay: 75; /* Overlays, backdrops */
+    --z-tooltip: 100; /* Tooltips, highest priority */
+    /* === Border Radius === */
+    /*TODO: should this not be much larger then card? from large to small? */
+    --radius-surface: var(--radius-sm); /* Default background surfaces */
+    --radius-card: var(--radius-lg); /* Cards and panels */
+    /*TODO: we need something for items inside a card, like buttons and images. Or even if they are on surfaces */
+    --radius-element: var(--radius-md); /* Images and buttons */
+    --radius-popover: var(--radius-md); /* Popovers, tooltips, dropdowns */
+    --radius-modal: var(--radius-2xl); /* Modals, overlays */
+    --radius-floating-action: var(
+            --radius-full
+    ); /* Floating buttons, floating toolbars (FAB) */
+    --radius-none: 0px; /* Flat design option */
+    /* === Z-Index === */
+    --z-base: 0; /* Normal flow */
+    --z-surface: 10; /* Cards, panels */
+    --z-popover: 30; /* Dropdowns, popovers */
+    --z-modal: 50; /* Modals, dialogs */
+    --z-overlay: 75; /* Overlays, spinners */
+    --z-tooltip: 100; /* Tooltips, highest priority */
+    /* === Spacing (example for consistent gaps/padding) === */
+    --spacing-card: calc(var(--spacing) * 4);
 
-  /* for bg-card and text-card? */
-  --color-card: var(--color-white);
-
-  /* === Z-Index === */
-  --z-base: 0; /* Normal document flow */
-  --z-surface: 10; /* Cards, panels */
-  --z-popover: 30; /* Dropdowns, popovers */
-  --z-modal: 50; /* Modals, dialogs */
-  --z-overlay: 75; /* Overlays, backdrops */
-  --z-tooltip: 100; /* Tooltips, highest priority */
-
-  /* === Border Radius === */
-  /*TODO: should this not be much larger then card? from large to small? */
-  --radius-surface: var(--radius-sm); /* Default background surfaces */
-  --radius-card: var(--radius-lg); /* Cards and panels */
-  /*TODO: we need something for items inside a card, like buttons and images. Or even if they are on surfaces */
-  --radius-element: var(--radius-md); /* Images and buttons */
-  --radius-popover: var(--radius-md); /* Popovers, tooltips, dropdowns */
-  --radius-modal: var(--radius-2xl); /* Modals, overlays */
-  --radius-floating-action: var(
-    --radius-full
-  ); /* Floating buttons, floating toolbars (FAB) */
-  --radius-none: 0px; /* Flat design option */
-
-  /* === Z-Index === */
-  --z-base: 0; /* Normal flow */
-  --z-surface: 10; /* Cards, panels */
-  --z-popover: 30; /* Dropdowns, popovers */
-  --z-modal: 50; /* Modals, dialogs */
-  --z-overlay: 75; /* Overlays, spinners */
-  --z-tooltip: 100; /* Tooltips, highest priority */
-
-  /* === Spacing (example for consistent gaps/padding) === */
-  --spacing-card: calc(var(--spacing) * 4);
-
-  /* TODO: set Header font family and font sizes in theme. Should they become increasingly bigger? Or should they be semantic? Like sub-header, ... we had some names once*/
+    /* TODO: set Header font family and font sizes in theme. Should they become increasingly bigger? Or should they be semantic? Like sub-header, ... we had some names once*/
 }
 
 /*@source utilities:bg:*,text:*,p-*,m-*,rounded-*,shadow-**/

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

@@ -0,0 +1,14 @@
+declare module '*.css' {
+  const styles: {
+    readonly [key: string]: string;
+  };
+  // export type ClassName = string;
+  export default styles;
+}
+declare module '*.scss' {
+  const styles: {
+    readonly [key: string]: string;
+  };
+  // export type ClassName = string;
+  export default styles;
+}

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

@@ -19,6 +19,6 @@
     ],
     "pretty": true
   },
-  "files": ["./src/index.tsx"],
+  "files": ["./src/index.tsx", "./src/types.ts"],
   "include": ["./src/backend.ts"]
 }

package/defaults/package/package.json

@@ -10,7 +10,7 @@
     "type": "git",
     "url": ""
   },
-  "version": "0.1.0",
+  "version": "1.0.0",
   "lincd": true,
   "main": "lib/index.js",
   "types": "dist/${output_file_name}.d.ts",
@@ -28,11 +28,38 @@
     "semantic web",
     "web3"
   ],
+  "module": "lib/esm/index.js",
+  "exports": {
+    ".": {
+      "types": "./lib/esm/index.d.ts",
+      "import": "./lib/esm/index.js",
+      "require": "./lib/cjs/index.js"
+    },
+    "./*.js": {
+      "types": "./lib/esm/*.d.ts",
+      "import": "./lib/esm/*.js",
+      "require": "./lib/cjs/*.js"
+    },
+    "./*": {
+      "types": "./lib/esm/*.d.ts",
+      "import": "./lib/esm/*.js",
+      "require": "./lib/cjs/*.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "lib/esm/*"
+      ]
+    }
+  },
   "dependencies": {
     "lincd": "^1.0",
-    "lincd-jsonld": "^0.1"
+    "lincd-jsonld": "^1.0"
   },
   "devDependencies": {
-    "lincd-cli": "^1.1"
+    "@types/node": "^22.13.14",
+    "lincd-cli": "^1.2",
+    "tsconfig-to-dual-package": "^1.2.0"
   }
 }

package/defaults/package/src/index.ts

@@ -1,5 +1,5 @@
 import './types';
-import './ontologies/${hyphen_name}';
+import './ontologies/${hyphen_name}.js';
 
 //SHAPES FIRST
 // import './shapes/YourShape';

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

@@ -1,9 +1,9 @@
 import {NamedNode} from 'lincd/models';
-import {JSONLD} from 'lincd-jsonld/lib/utils/JSONLD';
+import {JSONLD} from 'lincd-jsonld/utils/JSONLD';
 import {createNameSpace} from 'lincd/utils/NameSpace';
-import {linkedOntology} from '../package';
+import {linkedOntology} from '../package.js';
 //import all the exports of this file as one variable called _this (we need this at the end)
-import * as _this from './${hyphen_name}';
+import * as _this from './${hyphen_name}.js';
 
 /**
  * Load the data of this ontology into memory, thus adding the properties of the entities of this ontology to the local graph.
@@ -15,7 +15,7 @@ export var loadData = () => {
   } else {
     // ESM import
     //@ts-ignore
-    return import('../data/${hyphen_name}.json',{ with: { type: "json" } }).then((data) => JSONLD.parse(data));
+    return import('../data/${hyphen_name}.json',{ with: { type: "json" } }).then((data) => JSONLD.parse(data.defauilt));
   }
 };
 

package/defaults/package/src/package.ts

@@ -2,11 +2,12 @@ import {linkedPackage} from 'lincd/utils/Package';
 
 export const {
   linkedComponent,
-  linkedComponentClass,
   linkedShape,
   linkedUtil,
   linkedOntology,
   registerPackageExport,
   packageExports,
   packageName,
+  getPackageShape
+
 } = linkedPackage('${package_name}');

package/defaults/shape.ts

@@ -1,6 +1,6 @@
 import {Shape} from 'lincd/shapes/Shape';
 import {NamedNode} from 'lincd/models';
-import {linkedShape} from '../package';
+import {linkedShape} from '../package.js';
 
 @linkedShape
 export class ${camel_name} extends Shape {