@functionalcms/svelte-components 0.10.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/authStore.js +2 -2
- package/dist/components/Box.svelte +31 -31
- package/dist/components/Header.svelte +21 -21
- package/dist/components/Hero.svelte +23 -23
- package/dist/components/SimpleFooter.svelte +27 -27
- package/dist/constants.js +5 -5
- package/package.json +42 -57
package/dist/authStore.js
CHANGED
|
@@ -11,11 +11,11 @@ const getMSALConfig = (config) => {
|
|
|
11
11
|
auth: {
|
|
12
12
|
clientId: config.clientId,
|
|
13
13
|
authority: `https://${config.tenant}.b2clogin.com/${config.tenant}.onmicrosoft.com/${config.policy}`,
|
|
14
|
-
knownAuthorities: [`${config.tenant}.b2clogin.com`],
|
|
14
|
+
knownAuthorities: [`${config.tenant}.b2clogin.com`], // array of URIs that are known to be valid,
|
|
15
15
|
redirectUri: config.redirectUrl
|
|
16
16
|
},
|
|
17
17
|
cache: {
|
|
18
|
-
cacheLocation: "sessionStorage",
|
|
18
|
+
cacheLocation: "sessionStorage", // Configures cache location. "sessionStorage" is more secure, but "localStorage" gives you SSO between tabs.
|
|
19
19
|
storeAuthStateInCookie: false, // If you wish to store cache items in cookies as well as browser cache, set this to "true".
|
|
20
20
|
},
|
|
21
21
|
};
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
/**
|
|
3
|
-
* @type {string}
|
|
4
|
-
*/
|
|
5
|
-
export let url;
|
|
6
|
-
/**
|
|
7
|
-
* @type {url}
|
|
8
|
-
*/
|
|
9
|
-
export let logoSrc;
|
|
10
|
-
/**
|
|
11
|
-
* @type {string}
|
|
12
|
-
*/
|
|
13
|
-
export let logoAlt;
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<article class="box">
|
|
17
|
-
<a href={url}>
|
|
18
|
-
<img class="img" src={logoSrc} alt={logoAlt} />
|
|
19
|
-
</a>
|
|
20
|
-
<h1 class="pbs32 pbe32 pis32 pie32">
|
|
21
|
-
<a href={url}>
|
|
22
|
-
<slot name="header" />
|
|
23
|
-
</a>
|
|
24
|
-
</h1>
|
|
25
|
-
<p class="card-demo-desc mbe24">
|
|
26
|
-
<slot />
|
|
27
|
-
</p>
|
|
28
|
-
</article>
|
|
29
|
-
|
|
30
|
-
<style>
|
|
31
|
-
</style>
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @type {string}
|
|
4
|
+
*/
|
|
5
|
+
export let url;
|
|
6
|
+
/**
|
|
7
|
+
* @type {url}
|
|
8
|
+
*/
|
|
9
|
+
export let logoSrc;
|
|
10
|
+
/**
|
|
11
|
+
* @type {string}
|
|
12
|
+
*/
|
|
13
|
+
export let logoAlt;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<article class="box">
|
|
17
|
+
<a href={url}>
|
|
18
|
+
<img class="img" src={logoSrc} alt={logoAlt} />
|
|
19
|
+
</a>
|
|
20
|
+
<h1 class="pbs32 pbe32 pis32 pie32">
|
|
21
|
+
<a href={url}>
|
|
22
|
+
<slot name="header" />
|
|
23
|
+
</a>
|
|
24
|
+
</h1>
|
|
25
|
+
<p class="card-demo-desc mbe24">
|
|
26
|
+
<slot />
|
|
27
|
+
</p>
|
|
28
|
+
</article>
|
|
29
|
+
|
|
30
|
+
<style>
|
|
31
|
+
</style>
|
|
@@ -13,24 +13,24 @@ $:
|
|
|
13
13
|
visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
|
|
14
14
|
$:
|
|
15
15
|
visibleNavItems = selectVisible(pages, visibility);
|
|
16
|
-
</script>
|
|
17
|
-
|
|
18
|
-
<header>
|
|
19
|
-
<Header>
|
|
20
|
-
{#if logoPosition == Position.Left}
|
|
21
|
-
<Logo slot="logoright" {companyName} />
|
|
22
|
-
{/if}
|
|
23
|
-
<HeaderNav>
|
|
24
|
-
{#each visibleNavItems as page}
|
|
25
|
-
<HeaderNavItem>
|
|
26
|
-
<a on:click={page.action} href={page.path}>
|
|
27
|
-
{page.name}
|
|
28
|
-
</a>
|
|
29
|
-
</HeaderNavItem>
|
|
30
|
-
{/each}
|
|
31
|
-
</HeaderNav>
|
|
32
|
-
{#if logoPosition == Position.Right}
|
|
33
|
-
<Logo slot="logoright" {companyName} />
|
|
34
|
-
{/if}
|
|
35
|
-
</Header>
|
|
36
|
-
</header>
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
<header>
|
|
19
|
+
<Header>
|
|
20
|
+
{#if logoPosition == Position.Left}
|
|
21
|
+
<Logo slot="logoright" {companyName} />
|
|
22
|
+
{/if}
|
|
23
|
+
<HeaderNav>
|
|
24
|
+
{#each visibleNavItems as page}
|
|
25
|
+
<HeaderNavItem>
|
|
26
|
+
<a on:click={page.action} href={page.path}>
|
|
27
|
+
{page.name}
|
|
28
|
+
</a>
|
|
29
|
+
</HeaderNavItem>
|
|
30
|
+
{/each}
|
|
31
|
+
</HeaderNav>
|
|
32
|
+
{#if logoPosition == Position.Right}
|
|
33
|
+
<Logo slot="logoright" {companyName} />
|
|
34
|
+
{/if}
|
|
35
|
+
</Header>
|
|
36
|
+
</header>
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
/**
|
|
3
|
-
* @type {string}
|
|
4
|
-
*/
|
|
5
|
-
export let url;
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<header class="hero">
|
|
9
|
-
<h1>
|
|
10
|
-
<slot name="header" />
|
|
11
|
-
</h1>
|
|
12
|
-
<p>
|
|
13
|
-
<slot />
|
|
14
|
-
</p>
|
|
15
|
-
<div>
|
|
16
|
-
<a class="item keychainify-checked" href={url}>
|
|
17
|
-
<slot name="link" />
|
|
18
|
-
</a>
|
|
19
|
-
</div>
|
|
20
|
-
</header>
|
|
21
|
-
|
|
22
|
-
<style>
|
|
23
|
-
</style>
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @type {string}
|
|
4
|
+
*/
|
|
5
|
+
export let url;
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<header class="hero">
|
|
9
|
+
<h1>
|
|
10
|
+
<slot name="header" />
|
|
11
|
+
</h1>
|
|
12
|
+
<p>
|
|
13
|
+
<slot />
|
|
14
|
+
</p>
|
|
15
|
+
<div>
|
|
16
|
+
<a class="item keychainify-checked" href={url}>
|
|
17
|
+
<slot name="link" />
|
|
18
|
+
</a>
|
|
19
|
+
</div>
|
|
20
|
+
</header>
|
|
21
|
+
|
|
22
|
+
<style>
|
|
23
|
+
</style>
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
/**
|
|
3
|
-
* @type {string}
|
|
4
|
-
*/
|
|
5
|
-
export let companyName = "";
|
|
6
|
-
/**
|
|
7
|
-
* @type {string}
|
|
8
|
-
*/
|
|
9
|
-
export let motto = "";
|
|
10
|
-
|
|
11
|
-
import logoUrl from '../images/logo_footer.png'
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
<footer class="footer">
|
|
15
|
-
<aside class="items-center grid-flow-col">
|
|
16
|
-
<img src={logoUrl} alt={companyName} />
|
|
17
|
-
<p>{motto}</p>
|
|
18
|
-
<p>Copyright © 2023 - All right reserved by {companyName}</p>
|
|
19
|
-
<p>Powerd by <a href="https://functional-cms.com">Functional CMS</a></p>
|
|
20
|
-
</aside>
|
|
21
|
-
</footer>
|
|
22
|
-
|
|
23
|
-
<style>
|
|
24
|
-
footer {
|
|
25
|
-
text-align: center;
|
|
26
|
-
font-size: smaller;
|
|
27
|
-
}
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @type {string}
|
|
4
|
+
*/
|
|
5
|
+
export let companyName = "";
|
|
6
|
+
/**
|
|
7
|
+
* @type {string}
|
|
8
|
+
*/
|
|
9
|
+
export let motto = "";
|
|
10
|
+
|
|
11
|
+
import logoUrl from '../images/logo_footer.png'
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<footer class="footer">
|
|
15
|
+
<aside class="items-center grid-flow-col">
|
|
16
|
+
<img src={logoUrl} alt={companyName} />
|
|
17
|
+
<p>{motto}</p>
|
|
18
|
+
<p>Copyright © 2023 - All right reserved by {companyName}</p>
|
|
19
|
+
<p>Powerd by <a href="https://functional-cms.com">Functional CMS</a></p>
|
|
20
|
+
</aside>
|
|
21
|
+
</footer>
|
|
22
|
+
|
|
23
|
+
<style>
|
|
24
|
+
footer {
|
|
25
|
+
text-align: center;
|
|
26
|
+
font-size: smaller;
|
|
27
|
+
}
|
|
28
28
|
</style>
|
package/dist/constants.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export const constants =
|
|
2
|
-
{
|
|
3
|
-
Company: "Your company name",
|
|
4
|
-
Motto: "Hey, work with us",
|
|
5
|
-
Navigation: {}
|
|
1
|
+
export const constants =
|
|
2
|
+
{
|
|
3
|
+
Company: "Your company name",
|
|
4
|
+
Motto: "Hey, work with us",
|
|
5
|
+
Navigation: {}
|
|
6
6
|
};
|
package/package.json
CHANGED
|
@@ -1,57 +1,42 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@functionalcms/svelte-components",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
"svelte": "^4.
|
|
34
|
-
|
|
35
|
-
"
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"eslint": "^8.28.0",
|
|
44
|
-
"eslint-config-prettier": "^8.5.0",
|
|
45
|
-
"eslint-plugin-svelte": "^2.30.0",
|
|
46
|
-
"prettier": "^2.8.0",
|
|
47
|
-
"prettier-plugin-svelte": "^2.10.1",
|
|
48
|
-
"publint": "^0.1.9",
|
|
49
|
-
"svelte-check": "^3.4.3",
|
|
50
|
-
"tslib": "^2.4.1",
|
|
51
|
-
"typescript": "^5.0.0",
|
|
52
|
-
"vite": "^4.4.2"
|
|
53
|
-
},
|
|
54
|
-
"svelte": "./dist/index.js",
|
|
55
|
-
"types": "./dist/index.d.ts",
|
|
56
|
-
"type": "module"
|
|
57
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@functionalcms/svelte-components",
|
|
3
|
+
"version": "2.0.0",
|
|
4
|
+
"scripts": {
|
|
5
|
+
"dev": "vite dev",
|
|
6
|
+
"build": "vite build && npm run package",
|
|
7
|
+
"preview": "vite preview",
|
|
8
|
+
"package": "svelte-kit sync && svelte-package && publint",
|
|
9
|
+
"prepublishOnly": "npm run package",
|
|
10
|
+
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
11
|
+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
|
|
12
|
+
},
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"types": "./dist/index.d.ts",
|
|
16
|
+
"svelte": "./dist/index.js"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"files": [
|
|
20
|
+
"dist",
|
|
21
|
+
"!dist/**/*.test.*",
|
|
22
|
+
"!dist/**/*.spec.*"
|
|
23
|
+
],
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"svelte": "^4.2.8"
|
|
26
|
+
},
|
|
27
|
+
"devDependencies": {
|
|
28
|
+
"@sveltejs/adapter-auto": "^3.0.0",
|
|
29
|
+
"@sveltejs/kit": "^2.0.0",
|
|
30
|
+
"@sveltejs/package": "^2.0.0",
|
|
31
|
+
"@sveltejs/vite-plugin-svelte": "^3.0.0",
|
|
32
|
+
"publint": "^0.1.9",
|
|
33
|
+
"svelte": "^4.2.7",
|
|
34
|
+
"svelte-check": "^3.6.0",
|
|
35
|
+
"tslib": "^2.4.1",
|
|
36
|
+
"typescript": "^5.0.0",
|
|
37
|
+
"vite": "^5.0.3"
|
|
38
|
+
},
|
|
39
|
+
"svelte": "./dist/index.js",
|
|
40
|
+
"types": "./dist/index.d.ts",
|
|
41
|
+
"type": "module"
|
|
42
|
+
}
|