lincd-cli 1.2.7 → 1.2.9

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

@@ -1,95 +0,0 @@
-@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";
-
-/*Use this to generate ALL css variables */
-/*@theme static {*/
-/*    --*: initial;*/
-/*--color-primary: var(--color-red-500);*/
-/*--color-secondary: var(--color-blue-500);*/
-/*}*/
-
-/*for theme variables, see https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/theme.css*/
-
-/*@use 'todomvc-app-css/index.css';*/
-/*@use 'todomvc-common/base.css';*/
-
-/*LINCD uses tailwind for creating themes, see https://tailwindcss.com/docs/theme#what-are-theme-variables */
-/*@theme {*/
-/*  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',*/
-/*    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';*/
-/*  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;*/
-/*  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,*/
-/*    'Liberation Mono', 'Courier New', monospace;*/
-/*}*/
-
-@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);
-
-    /* === 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);
-
-    /* === 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*/
-}
-
-/*@source utilities:bg:*,text:*,p-*,m-*,rounded-*,shadow-**/
-/*@source inline("utilities:bg:*,text:*,p-*,m-*,w-*,h-*,min-w-*,min-h-*,max-w-*,max-h-*,gap-*,space-x-*,space-y-*,border-*,opacity-*,scale-*,rotate-*,translate-*,z-*,leading-*,tracking-*,font-*,rounded-*,shadow-*")*/
-/*@source inline("components:btn-primary,card")*/
-/*@source inline("shortcuts:container")*/

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

@@ -1,14 +0,0 @@
-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/src/utils/lazyWithPreload.tsx

@@ -1,42 +0,0 @@
-import { ComponentType, lazy } from 'react';
-
-export interface PreloadableComponent<T extends ComponentType<any>> {
-  preload: () => Promise<{ default: T }>;
-  Component: React.LazyExoticComponent<T>;
-}
-
-/**
- * Creates a lazy-loaded component with a preload function
- * This allows preloading the component before React needs it
- *
- * @example
- * const SigninPage = lazyWithPreload(() => import('./pages/Signin'));
- * // Later, before navigation or on server:
- * SigninPage.preload();
- */
-export function lazyWithPreload<T extends ComponentType<any>>(
-  importFunc: () => Promise<{ default: T }>
-): PreloadableComponent<T> {
-  let modulePromise: Promise<{ default: T }> | null = null;
-
-  const preload = () => {
-    if (!modulePromise) {
-      modulePromise = importFunc();
-    }
-    return modulePromise;
-  };
-
-  const Component = lazy(() => {
-    // If preload was called, reuse the same promise
-    // This ensures React uses the already-loaded module
-    if (!modulePromise) {
-      modulePromise = importFunc();
-    }
-    return modulePromise;
-  });
-
-  return {
-    preload,
-    Component,
-  };
-}

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

@@ -1,38 +0,0 @@
-/**
- * Client-side script to preload lazy routes before hydration
- * This should be called BEFORE React's hydrateRoot()
- */
-
-// This will be populated by the server with the routes that need preloading
-declare global {
-  interface Window {
-    __PRELOAD_ROUTES__?: string[];
-  }
-}
-
-export async function preloadMatchedRoute() {
-  // Get the list of routes to preload from the server
-  const routesToPreload = window.__PRELOAD_ROUTES__ || [];
-
-  if (routesToPreload.length === 0) {
-    return;
-  }
-
-  // Dynamically import the routes module to access PRELOADABLE_ROUTES
-  const routesModule = await import('../routes');
-  const { PRELOADABLE_ROUTES } = routesModule;
-
-  // Preload each route
-  const preloadPromises = routesToPreload
-    .map((routeKey) => {
-      const preloadableRoute = PRELOADABLE_ROUTES[routeKey];
-      if (preloadableRoute && preloadableRoute.preload) {
-        return preloadableRoute.preload();
-      }
-      return null;
-    })
-    .filter(Boolean);
-
-  // Wait for all preloads to complete
-  await Promise.all(preloadPromises);
-}

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

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "module": "esnext",
-    "moduleResolution": "node",
-    "sourceMap": true,
-    "target": "es2018",
-    "resolveJsonModule": true,
-    "declaration": false,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "jsx": "react-jsx",
-    "types": ["node", "react", "react-dom"],
-    "plugins": [
-      {
-        "name": "typescript-plugin-css-modules"
-      }
-    ],
-    "pretty": true
-  },
-  "files": ["./src/index.tsx", "./src/types.ts"],
-  "include": ["./src/backend.ts"]
-}

package/defaults/package/src/backend.ts

@@ -1,2 +0,0 @@
-//export all your providers from this package here
-//Format: export * from './shapes/SomeShapeProvider.js';

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

@@ -1,10 +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": []
-}

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

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

package/defaults/package/src/index.ts

@@ -1,8 +0,0 @@
-import './types';
-import './ontologies/${hyphen_name}.js';
-
-//SHAPES FIRST
-// import './shapes/YourShape';
-
-//THEN COMPONENTS
-// import './components/YourComponent';

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

@@ -1,43 +0,0 @@
-import {NamedNode} from 'lincd/models';
-import {JSONLD} from 'lincd-jsonld/utils/JSONLD';
-import {createNameSpace} from 'lincd/utils/NameSpace';
-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}.js';
-
-/**
- * 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 = () => {
-  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',{ with: { type: "json" } }).then((data) => JSONLD.parse(data.defauilt));
-  }
-};
-
-/**
- * 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/package/src/package.ts

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

package/defaults/package/src/types.ts

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