@solidstarters/create-solid-app 1.2.15 → 1.2.16

package/helpers.js

@@ -154,6 +154,8 @@ export function getFrontendEnvJson(answers) {
       NEXT_PUBLIC_SOLID_APP_DESCRIPTION: '',
       NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER: false,
       NEXT_PUBLIC_DEFAULT_MENU_KEY: `${answers.projectName}-tracker`,
+      NEXT_PUBLIC_SHOW_SETTINGS:false,
+      NEXT_PUBLIC_LOGIN_REDIRECT_URL:/admin/core/solid-core/user/list
     }
   };
   return envConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidstarters/create-solid-app",
-  "version": "1.2.15",
+  "version": "1.2.16",
   "main": "index.js",
   "private": false,
   "publishConfig": {

package/templates/nest-template/package-lock.json

@@ -27,7 +27,7 @@
         "@nestjs/serve-static": "^4.0.2",
         "@nestjs/swagger": "^7.2.0",
         "@nestjs/typeorm": "^10.0.1",
-        "@solidstarters/solid-core": "^1.2.24",
+        "@solidstarters/solid-core": "^1.2.40",
         "@types/luxon": "^3.4.2",
         "amqplib": "^0.10.4",
         "axios": "^1.7.0",
@@ -67,7 +67,7 @@
       "devDependencies": {
         "@nestjs/cli": "^10.0.0",
         "@nestjs/testing": "^10.0.0",
-        "@solidstarters/solid-code-builder": "^1.0.13",
+        "@solidstarters/solid-code-builder": "^1.0.21",
         "@types/express": "^4.17.17",
         "@types/hapi__joi": "^17.1.12",
         "@types/jest": "^29.5.2",
@@ -4424,9 +4424,9 @@
       }
     },
     "node_modules/@solidstarters/solid-code-builder": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/@solidstarters/solid-code-builder/-/solid-code-builder-1.0.13.tgz",
-      "integrity": "sha512-JIF7IdugJyucIumAR/NB8SRC1umSSCzqeNK1yhcI6BePaA5T3RIqeZhJ1Ys5xNpfvcp7pMK5A1KdiMTvNOWSHA==",
+      "version": "1.0.21",
+      "resolved": "https://registry.npmjs.org/@solidstarters/solid-code-builder/-/solid-code-builder-1.0.21.tgz",
+      "integrity": "sha512-2A4+K/JDJD5EW8r1WQkAm41vJMlyAe+06WgvyPGbjMTZAwiLDudI5SwnivJrgKSghhOHeFulU/FDIrGjDvZP8A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4469,9 +4469,9 @@
       }
     },
     "node_modules/@solidstarters/solid-core": {
-      "version": "1.2.24",
-      "resolved": "https://registry.npmjs.org/@solidstarters/solid-core/-/solid-core-1.2.24.tgz",
-      "integrity": "sha512-RBXssYLq68kHIh8YBabp6xK77SOJKVIjoR5ljMAfU+QhbMe1fY2pJJW+r/ZSjEcYPt4pdj3Z7y5920xFSLNHXA==",
+      "version": "1.2.40",
+      "resolved": "https://registry.npmjs.org/@solidstarters/solid-core/-/solid-core-1.2.40.tgz",
+      "integrity": "sha512-G/KyFrDE85jS7jKZqTL6lwzGLRSPzTCmV+KHIWECg9LudJJGNlKIBT0o4BrrtWoG+AQZWZ7qIZQBe74uSr1elw==",
       "license": "ISC",
       "dependencies": {
         "@angular-devkit/core": "^18.0.3",

package/templates/nest-template/package.json

@@ -42,7 +42,7 @@
     "@nestjs/serve-static": "^4.0.2",
     "@nestjs/swagger": "^7.2.0",
     "@nestjs/typeorm": "^10.0.1",
-    "@solidstarters/solid-core": "^1.2.24",
+    "@solidstarters/solid-core": "^1.2.40",
     "@types/luxon": "^3.4.2",
     "amqplib": "^0.10.4",
     "axios": "^1.7.0",
@@ -79,7 +79,7 @@
   "devDependencies": {
     "@nestjs/cli": "^10.0.0",
     "@nestjs/testing": "^10.0.0",
-    "@solidstarters/solid-code-builder": "^1.0.13",
+    "@solidstarters/solid-code-builder": "^1.0.21",
     "@types/express": "^4.17.17",
     "@types/hapi__joi": "^17.1.12",
     "@types/jest": "^29.5.2",

package/templates/next-template/app/GlobalProvider.tsx

@@ -5,6 +5,10 @@ import { Toaster } from "react-hot-toast";
 import { Provider } from "react-redux";
 import { initializeStore } from "@/redux/store";
 
+// Load all overrides.
+// TODO: Putting this here as this seems to the most top level component used with "use client"
+import "./solid-extensions";
+
 export function GlobalProvider({ children, entities }: { children: React.ReactNode, entities: string[] }) {
   const store = initializeStore(entities);
 

package/templates/next-template/app/admin/core/[moduleName]/home/page.tsx

@@ -1,8 +1,9 @@
+import { SolidModuleHome } from '@solidstarters/solid-core-ui';
+
 export default function ModuleHome() {
     return (
         <div>
-            <h1>Module Home Page</h1>
-            <p>Welcome to the module home page.</p>
+            <SolidModuleHome moduleName="Library Management" />
         </div>
     );
 }

package/templates/next-template/app/admin/extensions/BookSimilarTitles.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import Image from "next/image";
+import { useEffect, useState } from "react";
+import { SolidFormWidgetProps } from '@solidstarters/solid-core-ui';
+
+const BookSimilarTitles = ({ formData, field, fieldsMetadata, viewMetadata }: SolidFormWidgetProps) => {
+    const [books, setBooks] = useState<any[]>([]);
+
+    useEffect(() => {
+
+        const myHeaders = new Headers();
+        myHeaders.append("Authorization", "AIzaSyDxskVYoHM7b1sY_6_9SHb471Ue_CC1Yh8");
+
+        const requestOptions = {
+            method: "GET",
+            headers: myHeaders
+        };
+
+        async function fetchBookData() {
+            try {
+                const title = formData['title'];
+                console.log(`Fetching similar titles for ${title}`);
+
+                const endpoint = `https://www.googleapis.com/books/v1/volumes?q=${title}&maxResults=40`;
+                const response = await fetch(encodeURI(endpoint), requestOptions);
+                const result = await response.json();
+                console.log(`Loaded similar titles from Google Books API`, result);
+                setBooks(result.items);
+            } catch (error) {
+                console.error(error);
+            }
+        }
+
+        // Call the function
+        fetchBookData();
+    }, []);
+
+    return (
+        <>
+            <div className="flex justify-center">
+                <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-12 gap-4" style={{ minWidth: "30vw" }}>
+                    {books.map((book, index) => (
+                        <div key={index} className=" h-32 relative" style={{ width: "100px", height: "100px" }}>
+                            <a target="_blank" href={book.volumeInfo.infoLink}>
+                                <Image
+                                    src={book.volumeInfo.imageLinks?.thumbnail}
+                                    alt={`Book description: ${book.volumeInfo.description}`}
+                                    layout="fill"
+                                    objectFit="cover"
+                                    className="rounded"
+                                    unoptimized={true}
+                                />
+                            </a>
+                        </div>
+                    ))}
+                </div>
+            </div>
+        </>
+    );
+};
+
+export default BookSimilarTitles

package/templates/next-template/app/admin/extensions/ImageGrid12Column.tsx

@@ -0,0 +1,132 @@
+"use client";
+
+import Image from "next/image";
+import { useEffect, useState } from "react";
+
+const ImageGrid12Column = () => {
+    const [images, setImages] = useState<string[]>([]);
+  
+    useEffect(() => {
+      setImages([
+        "https://randomuser.me/api/portraits/women/29.jpg",
+        "https://randomuser.me/api/portraits/women/29.jpg",
+        "https://randomuser.me/api/portraits/women/31.jpg",
+        "https://randomuser.me/api/portraits/women/44.jpg",
+        "https://randomuser.me/api/portraits/women/81.jpg",
+        "https://randomuser.me/api/portraits/women/80.jpg",
+        "https://randomuser.me/api/portraits/women/64.jpg",
+        "https://randomuser.me/api/portraits/women/61.jpg",
+        "https://randomuser.me/api/portraits/women/28.jpg",
+        "https://randomuser.me/api/portraits/women/40.jpg",
+        "https://randomuser.me/api/portraits/women/91.jpg",
+        "https://randomuser.me/api/portraits/women/63.jpg",
+        "https://randomuser.me/api/portraits/women/73.jpg",
+        "https://randomuser.me/api/portraits/women/6.jpg",
+        "https://randomuser.me/api/portraits/women/30.jpg",
+        "https://randomuser.me/api/portraits/women/42.jpg",
+        "https://randomuser.me/api/portraits/women/78.jpg",
+        "https://randomuser.me/api/portraits/women/14.jpg",
+        "https://randomuser.me/api/portraits/women/52.jpg",
+        "https://randomuser.me/api/portraits/women/55.jpg",
+        "https://randomuser.me/api/portraits/women/2.jpg",
+        "https://randomuser.me/api/portraits/women/75.jpg",
+        "https://randomuser.me/api/portraits/women/24.jpg",
+        "https://randomuser.me/api/portraits/women/15.jpg",
+        "https://randomuser.me/api/portraits/women/48.jpg",
+        "https://randomuser.me/api/portraits/women/54.jpg",
+        "https://randomuser.me/api/portraits/women/47.jpg",
+        "https://randomuser.me/api/portraits/women/43.jpg",
+        "https://randomuser.me/api/portraits/women/39.jpg",
+        "https://randomuser.me/api/portraits/women/57.jpg",
+        "https://randomuser.me/api/portraits/women/37.jpg",
+        "https://randomuser.me/api/portraits/women/22.jpg",
+        "https://randomuser.me/api/portraits/women/85.jpg",
+        "https://randomuser.me/api/portraits/women/69.jpg",
+        "https://randomuser.me/api/portraits/women/90.jpg",
+        "https://randomuser.me/api/portraits/women/18.jpg",
+        "https://randomuser.me/api/portraits/women/8.jpg",
+        "https://randomuser.me/api/portraits/women/87.jpg",
+        "https://randomuser.me/api/portraits/women/82.jpg",
+        "https://randomuser.me/api/portraits/women/71.jpg",
+        "https://randomuser.me/api/portraits/women/45.jpg",
+        "https://randomuser.me/api/portraits/women/12.jpg",
+        "https://randomuser.me/api/portraits/women/5.jpg",
+        "https://randomuser.me/api/portraits/women/16.jpg",
+        "https://randomuser.me/api/portraits/women/84.jpg",
+        "https://randomuser.me/api/portraits/women/11.jpg",
+        "https://randomuser.me/api/portraits/women/59.jpg",
+        "https://randomuser.me/api/portraits/women/19.jpg",
+        "https://randomuser.me/api/portraits/women/27.jpg",
+        "https://randomuser.me/api/portraits/women/7.jpg",
+        "https://randomuser.me/api/portraits/women/49.jpg",
+        "https://randomuser.me/api/portraits/women/83.jpg",
+        "https://randomuser.me/api/portraits/women/33.jpg",
+        "https://randomuser.me/api/portraits/women/3.jpg",
+        "https://randomuser.me/api/portraits/women/17.jpg",
+        "https://randomuser.me/api/portraits/women/13.jpg",
+        "https://randomuser.me/api/portraits/women/77.jpg",
+        "https://randomuser.me/api/portraits/women/50.jpg",
+        "https://randomuser.me/api/portraits/women/0.jpg",
+        "https://randomuser.me/api/portraits/women/67.jpg",
+        "https://randomuser.me/api/portraits/women/68.jpg",
+        "https://randomuser.me/api/portraits/women/65.jpg",
+        "https://randomuser.me/api/portraits/women/66.jpg",
+        "https://randomuser.me/api/portraits/women/94.jpg",
+        "https://randomuser.me/api/portraits/women/38.jpg",
+        "https://randomuser.me/api/portraits/women/88.jpg",
+        "https://randomuser.me/api/portraits/women/1.jpg",
+        "https://randomuser.me/api/portraits/women/36.jpg",
+        "https://randomuser.me/api/portraits/women/20.jpg",
+        "https://randomuser.me/api/portraits/women/70.jpg",
+        "https://randomuser.me/api/portraits/women/21.jpg",
+        "https://randomuser.me/api/portraits/women/34.jpg",
+        "https://randomuser.me/api/portraits/women/46.jpg",
+        "https://randomuser.me/api/portraits/women/4.jpg",
+        "https://randomuser.me/api/portraits/women/58.jpg",
+        "https://randomuser.me/api/portraits/women/32.jpg",
+        "https://randomuser.me/api/portraits/women/76.jpg",
+        "https://randomuser.me/api/portraits/women/9.jpg",
+        "https://randomuser.me/api/portraits/women/51.jpg",
+        "https://randomuser.me/api/portraits/women/72.jpg",
+        "https://randomuser.me/api/portraits/women/89.jpg",
+        "https://randomuser.me/api/portraits/women/92.jpg",
+        "https://randomuser.me/api/portraits/women/86.jpg",
+        "https://randomuser.me/api/portraits/women/35.jpg",
+        "https://randomuser.me/api/portraits/women/62.jpg",
+        "https://randomuser.me/api/portraits/women/23.jpg",
+        "https://randomuser.me/api/portraits/women/53.jpg",
+        "https://randomuser.me/api/portraits/women/10.jpg",
+        "https://randomuser.me/api/portraits/women/74.jpg",
+        "https://randomuser.me/api/portraits/women/79.jpg",
+        "https://randomuser.me/api/portraits/women/93.jpg",
+        "https://randomuser.me/api/portraits/women/25.jpg",
+        "https://randomuser.me/api/portraits/women/26.jpg",
+        "https://randomuser.me/api/portraits/women/56.jpg",
+        "https://randomuser.me/api/portraits/women/41.jpg",
+        "https://randomuser.me/api/portraits/women/60.jpg",
+      ]);
+    }, []);
+  
+    return (
+        <>
+            <div className="flex justify-center">
+                <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-12 gap-4" style={{ minWidth: "30vw" }}>
+                    {images.map((src, index) => (
+                        <div key={index} className=" h-32 relative" style={{ width: "100px", height: "100px" }}>
+                            <Image
+                                src={src}
+                                alt={`Image ${index + 1}`}
+                                layout="fill"
+                                objectFit="cover"
+                                className="rounded"
+                                unoptimized={true} // Temporarily bypass Next.js optimization
+                            />
+                        </div>
+                    ))}
+                </div>
+            </div>
+        </>
+    );
+};
+
+export default ImageGrid12Column

package/templates/next-template/app/admin/extensions/bookFormViewBlurHandler.ts

@@ -0,0 +1,21 @@
+import { SolidUiEvent, SolidViewLayoutManager } from '@solidstarters/solid-core-ui';
+
+const handleBookFormViewBlur = (event: SolidUiEvent) => {
+    console.log(`handleBookFormViewBlur event triggered:`);
+    console.log(event);
+
+    const { type, modifiedField, formData, viewMetadata, fieldsMetadata } = event;
+
+    // TODO: make an api call to get title & pageCount given the ISBN.
+    if (modifiedField === 'isbn') {
+        // return {
+        //     layoutChanged: false,
+        //     dataChanged: true,
+        //     newFormData: {
+        //         title: 'The Oxygen Advantage',
+        //         pageCount: '277',
+        //     },
+        // }
+    }
+}
+export default handleBookFormViewBlur;

package/templates/next-template/app/admin/extensions/bookFormViewChangeHandler.ts

@@ -0,0 +1,42 @@
+import { SolidUiEvent, SolidViewLayoutManager } from '@solidstarters/solid-core-ui';
+
+const handleBookFormViewChange = (event: SolidUiEvent) => {
+    console.log(`handleBookFormViewChange triggered:`);
+    console.log(event);
+
+    const { type, modifiedField, modifiedFieldValue, formData, viewMetadata, fieldsMetadata } = event;
+    const layout = viewMetadata.layout;
+    const model = viewMetadata.model;
+    const module = viewMetadata.module;
+    const viewName = viewMetadata.name;
+
+    // handle change to title.
+    // TODO: here we intend on injecting something in the form context which we will then use to render a message somewhere on the form view.
+    if (modifiedField === 'title') {
+        // const title = formData['title'];
+        const title = modifiedFieldValue;
+        const layoutManager = new SolidViewLayoutManager(layout);
+        layoutManager.updateNodeAttributes('page-1-row-1-div-1-div-1-title-custom', { visible: true });
+        return {
+            layoutChanged: true,
+            dataChanged: true,
+            newFormData: {
+                ctxtTitleAlphpabetCount: title ? title.length : 0
+            },
+            newLayout: layoutManager.getLayout()
+        }
+    }
+
+    if (modifiedField === 'enableSeo') {
+        // const enableSeo = formData['enableSeo'];
+        // console.log(`Examining enableSeo: `, enableSeo);
+        const layoutManager = new SolidViewLayoutManager(layout);
+        layoutManager.updateNodeAttributes('page-4', { visible: (modifiedFieldValue.value === 'yes') });
+        return {
+            layoutChanged: true,
+            newLayout: layoutManager.getLayout(),
+            dataChanged: false,
+        }
+    }
+}
+export default handleBookFormViewChange;

package/templates/next-template/app/layout.tsx

@@ -1,17 +1,11 @@
-
-import "./solid-global.css";
-import '../public/styles/layout/layout.scss';
-// import "primereact/resources/themes/lara-light-cyan/theme.css";
-// import "primereact/resources/primereact.min.css";
-import "primereact/resources/primereact.css";
+import "@solidstarters/solid-core-ui/dist/resources/solid-primereact.css";
+import "@solidstarters/solid-core-ui/dist/resources/globals.css";
+import "@solidstarters/solid-core-ui/dist/resources/stylesheets/layout.scss"
 import "primeicons/primeicons.css";
 import "primeflex/primeflex.css";
-import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import { GlobalProvider } from "./GlobalProvider";
 import { PrimeReactProvider } from "primereact/api";
-import { CustomHeader } from "@solidstarters/solid-core-ui";
-import { CustomFooter } from "@solidstarters/solid-core-ui";
 import { LayoutProvider } from "@solidstarters/solid-core-ui";
 import { SolidThemeLink } from "@solidstarters/solid-core-ui";
 
@@ -21,12 +15,6 @@ const inter = Inter({
   variable: '--font-inter',
 });
 
-// export const metadata: Metadata = {
-//   title: process.env.SOLID_APP_TITLE,
-//   description: process.env.SOLID_APP_DESCRIPTION,
-// };
-
-
 // Fetch a list of entities dynamically 
 async function fetchEntities() {
   const url = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/model-metadata/public`;

package/templates/next-template/app/solid-extensions.ts

@@ -0,0 +1,13 @@
+import { registerExtensionComponent, registerExtensionFunction } from "@solidstarters/solid-core-ui";
+import ImageGrid12Column from "./admin/extensions/ImageGrid12Column";
+import handleBookFormViewChange from "./admin/extensions/bookFormViewChangeHandler";
+import handleBookFormViewBlur from "./admin/extensions/bookFormViewBlurHandler";
+import BookSimilarTitles from "./admin/extensions/BookSimilarTitles";
+
+// Registering a custom component
+registerExtensionComponent("BookFormViewDynamicComponent", ImageGrid12Column);
+registerExtensionComponent("BookSimilarTitles", BookSimilarTitles);
+
+// Registering a custom function
+registerExtensionFunction("bookFormViewChangeHandler", handleBookFormViewChange);
+registerExtensionFunction("bookFormViewBlurHandler", handleBookFormViewBlur);

package/templates/next-template/dot-templates/dot.gitignore.template

@@ -39,3 +39,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+public/themes