create-outsystems-astro 0.5.0 → 0.7.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/README.md +50 -11
- package/bin/cli.js +71 -5
- package/package.json +1 -1
- package/template/.prettierignore +2 -0
- package/template/.prettierrc +4 -0
- package/template/AGENTS.md +145 -22
- package/template/astro.config.mjs +15 -2
- package/template/bun.lock +529 -716
- package/template/deno.json +14 -7
- package/template/deno.lock +1100 -688
- package/template/eslint.config.mjs +43 -0
- package/template/output.ts +14 -2
- package/template/package-lock.json +3404 -3080
- package/template/package.json +59 -85
- package/template/patches/{@angular+build+21.2.0.patch → @angular+build+21.2.1.patch} +1 -10
- package/template/patches-deno/playwright+1.58.2.patch +26 -0
- package/template/playwright.config.ts +1 -1
- package/template/pnpm-lock.yaml +2041 -1584
- package/template/pnpm-workspace.yaml +6 -0
- package/template/src/framework/angular/{Counter.component.ts → Demo.component.ts} +12 -5
- package/template/src/framework/angular/Store.component.ts +24 -0
- package/template/src/framework/preact/Demo.tsx +86 -0
- package/template/src/framework/preact/Store.tsx +31 -0
- package/template/src/framework/react/{Counter.tsx → Demo.tsx} +23 -17
- package/template/src/framework/react/Store.tsx +31 -0
- package/template/src/framework/svelte/Demo.svelte +74 -0
- package/template/src/framework/svelte/Store.svelte +22 -0
- package/template/src/framework/vue/{Counter.vue → Demo.vue} +7 -9
- package/template/src/framework/vue/Store.vue +28 -0
- package/template/src/images/angular.png +0 -0
- package/template/src/images/preact.png +0 -0
- package/template/src/images/react.png +0 -0
- package/template/src/images/svelte.png +0 -0
- package/template/src/images/vue.png +0 -0
- package/template/src/pages/angular/angular-demo.astro +42 -0
- package/template/src/pages/multi/store.astro +22 -0
- package/template/src/pages/preact/preact-demo.astro +66 -0
- package/template/src/pages/react/react-demo.astro +66 -0
- package/template/src/pages/svelte/svelte-demo.astro +63 -0
- package/template/src/pages/vue/vue-demo.astro +61 -0
- package/template/src/stores/framework.ts +10 -0
- package/template/src/styles/index.css +4 -0
- package/template/svelte.config.js +5 -0
- package/template/test/e2e/angular/angular-counter.spec.ts +7 -1
- package/template/test/e2e/preact/preact-counter.spec.ts +42 -0
- package/template/test/e2e/react/react-counter.spec.ts +2 -2
- package/template/test/e2e/svelte/svelte-counter.spec.ts +42 -0
- package/template/test/e2e/vue/vue-counter.spec.ts +2 -2
- package/template/test/integration/angular/{Counter.component.spec.ts → Demo.component.spec.ts} +6 -6
- package/template/test/integration/preact/Demo.test.tsx +84 -0
- package/template/test/integration/react/{Counter.test.tsx → Demo.test.tsx} +10 -9
- package/template/test/integration/svelte/Demo.test.ts +81 -0
- package/template/test/integration/svelte/Demo.wrapper.svelte +27 -0
- package/template/test/integration/vue/{Counter.test.ts → Demo.test.ts} +9 -9
- package/template/tsconfig.json +0 -1
- package/template/vitest.config.ts +29 -2
- package/template/yarn.lock +2311 -2251
- package/template/src/pages/angular/angular-counter.astro +0 -31
- package/template/src/pages/react/react-counter.astro +0 -58
- package/template/src/pages/vue/vue-counter.astro +0 -62
- /package/template/patches/{@analogjs+astro-angular+2.3.0.patch → @analogjs+astro-angular+2.3.1.patch} +0 -0
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
import CounterComponent from "../../framework/angular/Counter.component";
|
|
3
|
-
import styles from "../../styles/index.css?url";
|
|
4
|
-
const initialCount = 5;
|
|
5
|
-
const showMessage = "showMessage";
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
<link href={styles} rel="stylesheet" />
|
|
9
|
-
<script is:inline>
|
|
10
|
-
window.showMessage = (count) => {
|
|
11
|
-
document.getElementById("counter").textContent = count;
|
|
12
|
-
};
|
|
13
|
-
</script>
|
|
14
|
-
<div class="counter-title">HTML Content</div>
|
|
15
|
-
<div class="card-grid">
|
|
16
|
-
<div class="card">
|
|
17
|
-
Value sent back from component.
|
|
18
|
-
<div class="card-content">
|
|
19
|
-
<div style="text-align: center; margin-top: 30px;">
|
|
20
|
-
Counter value sent back: <br /><span id="counter"></span>
|
|
21
|
-
</div>
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
<hr />
|
|
26
|
-
<CounterComponent
|
|
27
|
-
client:visible
|
|
28
|
-
initialCount={initialCount}
|
|
29
|
-
showMessage={showMessage}
|
|
30
|
-
/>
|
|
31
|
-
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
import CounterComponent from "../../framework/react/Counter";
|
|
3
|
-
import styles from "../../styles/index.css?url";
|
|
4
|
-
const initialCount = 5;
|
|
5
|
-
const showMessage = "showMessage";
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
<link href={styles} rel="stylesheet" />
|
|
9
|
-
<script>
|
|
10
|
-
import { atom } from "nanostores";
|
|
11
|
-
window["showMessage"] = (count) => {
|
|
12
|
-
document.getElementById("counter").textContent = count;
|
|
13
|
-
};
|
|
14
|
-
window.Stores = [];
|
|
15
|
-
window.Stores["reactStore"] = atom("Test Value");
|
|
16
|
-
document.addEventListener("DOMContentLoaded", function () {
|
|
17
|
-
const input = document.getElementById("store");
|
|
18
|
-
input.value = window.Stores["reactStore"].get();
|
|
19
|
-
});
|
|
20
|
-
</script>
|
|
21
|
-
<div class="counter-title">HTML Content</div>
|
|
22
|
-
<div class="card-grid">
|
|
23
|
-
<div class="card">
|
|
24
|
-
Value sent back from component.
|
|
25
|
-
<div class="card-content">
|
|
26
|
-
<div style="text-align: center; margin-top: 30px;">
|
|
27
|
-
Counter value sent back: <br /><span id="counter"></span>
|
|
28
|
-
</div>
|
|
29
|
-
</div>
|
|
30
|
-
</div>
|
|
31
|
-
<div class="card">
|
|
32
|
-
Update Nano Store value
|
|
33
|
-
<div class="card-content">
|
|
34
|
-
<div style="text-align: center; margin-top: 30px;">
|
|
35
|
-
<input
|
|
36
|
-
id="store"
|
|
37
|
-
placeholder="Type something..."
|
|
38
|
-
type="text"
|
|
39
|
-
/><button
|
|
40
|
-
class="card-btn"
|
|
41
|
-
onclick="window.Stores['reactStore'].set(document.getElementById('store').value)"
|
|
42
|
-
>Update Store</button
|
|
43
|
-
>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
<hr />
|
|
49
|
-
<CounterComponent
|
|
50
|
-
client:only="react"
|
|
51
|
-
initialCount={initialCount}
|
|
52
|
-
showMessage={showMessage}
|
|
53
|
-
>
|
|
54
|
-
<div class="counter-title" slot="header">Counter Component</div>
|
|
55
|
-
<div style="text-align: center;">
|
|
56
|
-
<p><strong>This is content passed into the component.</strong></p>
|
|
57
|
-
</div>
|
|
58
|
-
</CounterComponent>
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
import CounterComponent from '../../framework/vue/Counter.vue';
|
|
3
|
-
import styles from "../../styles/index.css?url";
|
|
4
|
-
const initialCount = 5;
|
|
5
|
-
const showMessage = "showMessage";
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
<link href={styles} rel="stylesheet" />
|
|
9
|
-
<script>
|
|
10
|
-
import { atom } from "nanostores";
|
|
11
|
-
window["showMessage"] = (count) => {
|
|
12
|
-
document.getElementById("counter").textContent = count;
|
|
13
|
-
};
|
|
14
|
-
window.Stores = [];
|
|
15
|
-
window.Stores["vueStore"] = atom("Test Value");
|
|
16
|
-
document.addEventListener("DOMContentLoaded", function () {
|
|
17
|
-
const input = document.getElementById("store");
|
|
18
|
-
input.value = window.Stores["vueStore"].get();
|
|
19
|
-
});
|
|
20
|
-
</script>
|
|
21
|
-
<div class="counter-title">HTML Content</div>
|
|
22
|
-
<div class="card-grid">
|
|
23
|
-
<div class="card">
|
|
24
|
-
Value sent back from component.
|
|
25
|
-
<div class="card-content">
|
|
26
|
-
<div style="text-align: center; margin-top: 30px;">
|
|
27
|
-
Counter value sent back: <br /><span id="counter"></span>
|
|
28
|
-
</div>
|
|
29
|
-
</div>
|
|
30
|
-
</div>
|
|
31
|
-
<div class="card">
|
|
32
|
-
Update Nano Store value
|
|
33
|
-
<div class="card-content">
|
|
34
|
-
<div style="text-align: center; margin-top: 30px;">
|
|
35
|
-
<input
|
|
36
|
-
id="store"
|
|
37
|
-
placeholder="Type something..."
|
|
38
|
-
type="text"
|
|
39
|
-
/><button
|
|
40
|
-
class="card-btn"
|
|
41
|
-
onclick="window.Stores['vueStore'].set(document.getElementById('store').value)"
|
|
42
|
-
>Update Store</button
|
|
43
|
-
>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
<hr />
|
|
49
|
-
<link href={styles} rel="stylesheet" />
|
|
50
|
-
<script is:inline>
|
|
51
|
-
window.showMessage = (count) => {
|
|
52
|
-
document.getElementById("counter").textContent = count;
|
|
53
|
-
};
|
|
54
|
-
</script>
|
|
55
|
-
<CounterComponent client:only="vue" initialCount={initialCount} showMessage={showMessage}>
|
|
56
|
-
<div class="counter-title" slot="header">
|
|
57
|
-
Counter Component
|
|
58
|
-
</div>
|
|
59
|
-
<div style="text-align: center;">
|
|
60
|
-
<p>This is content passed into the component.</p>
|
|
61
|
-
</div>
|
|
62
|
-
</CounterComponent>
|
|
File without changes
|