@functionalcms/svelte-components 0.0.1 → 0.0.3

package/README.md

@@ -1,58 +1,20 @@
-# create-svelte
-
-Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
-
-Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
-
-## Building
-
-To build your library:
-
-```bash
-npm run package
-```
-
-To create a production version of your showcase app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
-
-## Publishing
-
-Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
-
-To publish your library to [npm](https://www.npmjs.com):
-
-```bash
-npm publish
-```
+# Introduction 
+TODO: Give a short introduction of your project. Let this section explain the objectives or the motivation behind this project. 
+
+# Getting Started
+TODO: Guide users through getting your code up and running on their own system. In this section you can talk about:
+1.	Installation process
+2.	Software dependencies
+3.	Latest releases
+4.	API references
+
+# Build and Test
+TODO: Describe and show how to build your code and run the tests. 
+
+# Contribute
+TODO: Explain how other users and developers can contribute to make your code better. 
+
+If you want to learn more about creating good readme files then refer the following [guidelines](https://docs.microsoft.com/en-us/azure/devops/repos/git/create-a-readme?view=azure-devops). You can also seek inspiration from the below readme files:
+- [ASP.NET Core](https://github.com/aspnet/Home)
+- [Visual Studio Code](https://github.com/Microsoft/vscode)
+- [Chakra Core](https://github.com/Microsoft/ChakraCore)

package/dist/components/Footer.svelte

@@ -1,13 +1,23 @@
 <script>
-	import logo from '../assets/emblem-reverse.png';
-	import { constants } from '../constants';
+	 /**
+	 * @type {string}
+	 */
+	export let companyName;
+	 /**
+	 * @type {string}
+	 */
+	export let motto;
+	 /**
+	 * @type {string}
+	 */
+	export let logoUrl;
 </script>
 
 <footer class="flex-shrink-0">
 	<aside class="items-center grid-flow-col">
-		<img src={logo} alt="logo" />
-		<p>{constants.Motto}</p>
-		<p>Copyright © 2023 - All right reserved by {constants.Company}</p>
+		<img src={logoUrl} alt={companyName} />
+		<p>{motto}</p>
+		<p>Copyright © 2023 - All right reserved by {companyName}</p>
 		<p>Powerd by Functional CMS</p>
 	  </aside>
 </footer>

package/dist/components/Footer.svelte.d.ts

@@ -2,7 +2,9 @@
 /** @typedef {typeof __propDef.events}  FooterEvents */
 /** @typedef {typeof __propDef.slots}  FooterSlots */
 export default class Footer extends SvelteComponent<{
-    [x: string]: never;
+    companyName: string;
+    motto: string;
+    logoUrl: string;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -13,7 +15,9 @@ export type FooterSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: never;
+        companyName: string;
+        motto: string;
+        logoUrl: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Header.svelte

@@ -1,49 +1,61 @@
 <script>
 // @ts-nocheck
-
 	import { Header, HeaderNav, HeaderNavItem } from "agnostic-svelte";
-	import logo from "../assets/logo.png";
-	import { constants } from "../constants";
+	
+	 /**
+	 * @type {string}
+	 */
+	 export let companyName;
+	 /**
+	 * @type {string}
+	 */
+	export let logoUrl;
+	 /**
+	 * @type {array}
+	 */
+	export let pages;
+	// import logo from "../assets/logo.png";
+	// import { constants } from "../constants";
 
-	const { url } = import.meta;
-	const modules = import.meta.glob("../../routes/*/*.svelte");
-	const navItems = constants.Navigation;
+	// const { url } = import.meta;
+	// const modules = import.meta.glob("../../routes/*/*.svelte");
+	// const navItems = constants.Navigation;
 	
-	function getPages(url, modules) {
-		const directory = url
-			.replace(/(.*?)\/src\/lib\/components\//, "/")
-			.replace(/(.*?)\/src\/routes\//, "/")
-			.replace(/(.*?)\/immutable\/pages\//, "/")
-			.replace(/(.*?)\/var\/task\//, "/") // Vercel
-			.replace(/\/([^/])*.svelte.*/, "/");
-		const pageRegex = /\/\+page\.svelte$/;
-		const paths = Object.keys(modules)
-			.map((path) => path.replace(/^(.\/)/, directory))
-			.filter((path) => !/\[.*\]/.test(path))
-			.filter((path) => pageRegex.test(path))
-			.map((path) => path.replace(pageRegex, ""))
-			.map((path) => path || "/")
-			.map((path) => path.replace("../../routes/", ""))
-			.map((path) => path.replace("../../routes", ""))
-			.filter((page) => navItems.hasOwnProperty(page))
-			.sort();
-		return paths;
-	};
+	// function getPages(url, modules) {
+	// 	const directory = url
+	// 		.replace(/(.*?)\/src\/lib\/components\//, "/")
+	// 		.replace(/(.*?)\/src\/routes\//, "/")
+	// 		.replace(/(.*?)\/immutable\/pages\//, "/")
+	// 		.replace(/(.*?)\/var\/task\//, "/") // Vercel
+	// 		.replace(/\/([^/])*.svelte.*/, "/");
+	// 	const pageRegex = /\/\+page\.svelte$/;
+	// 	const paths = Object.keys(modules)
+	// 		.map((path) => path.replace(/^(.\/)/, directory))
+	// 		.filter((path) => !/\[.*\]/.test(path))
+	// 		.filter((path) => pageRegex.test(path))
+	// 		.map((path) => path.replace(pageRegex, ""))
+	// 		.map((path) => path || "/")
+	// 		.map((path) => path.replace("../../routes/", ""))
+	// 		.map((path) => path.replace("../../routes", ""))
+	// 		.filter((page) => navItems.hasOwnProperty(page))
+	// 		.sort();
+	// 	return paths;
+	// };
 	
-	const pages = getPages(url, modules);
+	// const pages = getPages(url, modules);
 </script>
 
 <div class="container">
 	<Header>
 		<div slot="logoleft">
 			<a href="/">
-				<img src={logo} alt="Functional IT Solutions" />
+				<img src={logoUrl} alt={companyName} />
 			</a>
 		</div>
 		<HeaderNav css="nav-overrides">
 			{#each pages as page}
 				<HeaderNavItem
-					><a href={page}>{navItems[page]}</a></HeaderNavItem
+					><a href={page.url}>{page.name}</a></HeaderNavItem
 				>
 			{/each}
 		</HeaderNav>

package/dist/components/Header.svelte.d.ts

@@ -2,7 +2,9 @@
 /** @typedef {typeof __propDef.events}  HeaderEvents */
 /** @typedef {typeof __propDef.slots}  HeaderSlots */
 export default class Header extends SvelteComponent<{
-    [x: string]: never;
+    companyName: string;
+    logoUrl: string;
+    pages: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -13,7 +15,9 @@ export type HeaderSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: never;
+        companyName: string;
+        logoUrl: string;
+        pages: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "0.0.1",
+	"version": "0.0.3",
 	"publishConfig": {
 		"access": "public"
 	},