@stonecrop/nuxt 0.36.0 → 0.38.1
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 +9 -4
- package/dist/module.d.mts +2 -0
- package/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/app/components/DocBuilderFieldsPanel.vue +1 -1
- package/dist/runtime/app/pages/DocBuilderDetail.vue +45 -43
- package/dist/runtime/app/pages/DocBuilderIndex.vue +25 -23
- package/package.json +16 -18
package/README.md
CHANGED
|
@@ -481,8 +481,13 @@ const taskMachine = createMachine({
|
|
|
481
481
|
|
|
482
482
|
## Examples
|
|
483
483
|
|
|
484
|
-
|
|
485
|
-
|
|
484
|
+
All runnable examples live in **[documentation](./documentation)** at **`/playground`**:
|
|
485
|
+
|
|
486
|
+
- **Workflow** — grafserv + guarded transitions over session-scoped in-memory storage (Orders/Users), Desktop rail panels
|
|
487
|
+
- **Countries** — doctypes introspected from the public [countries GraphQL API](https://countries.trevorblades.com/graphql), same Desktop shell
|
|
488
|
+
- **DocBuilder** — public doctype prototyping at `/docbuilder`
|
|
489
|
+
|
|
490
|
+
`pnpm run dev` (alias for `dev:documentation`) runs the docs site on port 3002.
|
|
486
491
|
|
|
487
492
|
|
|
488
493
|
## Contribution
|
|
@@ -497,10 +502,10 @@ pnpm install
|
|
|
497
502
|
# Generate type stubs
|
|
498
503
|
pnpm run dev:prepare
|
|
499
504
|
|
|
500
|
-
# Develop
|
|
505
|
+
# Develop the documentation site (docs + playgrounds)
|
|
501
506
|
pnpm run dev
|
|
502
507
|
|
|
503
|
-
# Build the
|
|
508
|
+
# Build the documentation site
|
|
504
509
|
pnpm run dev:build
|
|
505
510
|
|
|
506
511
|
# Run ESLint
|
package/dist/module.d.mts
CHANGED
|
@@ -48,6 +48,8 @@ type RouteStrategyFn = (doctypes: ParsedDoctype[]) => NuxtPage[];
|
|
|
48
48
|
interface ModuleOptions {
|
|
49
49
|
/** Enable the DocBuilder feature with /docbuilder routes */
|
|
50
50
|
docbuilder?: boolean;
|
|
51
|
+
/** Allow DocBuilder routes and handlers outside development (e.g. public documentation playground) */
|
|
52
|
+
docbuilderPublic?: boolean;
|
|
51
53
|
/** Path to doctypes folder relative to the project root (defaults to 'doctypes') */
|
|
52
54
|
doctypesDir?: string;
|
|
53
55
|
/**
|
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -196,7 +196,7 @@ const module$1 = defineNuxtModule({
|
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
});
|
|
199
|
-
if (options.docbuilder && process.env.NODE_ENV === "development") {
|
|
199
|
+
if (options.docbuilder && (options.docbuilderPublic || process.env.NODE_ENV === "development")) {
|
|
200
200
|
logger.log("DocBuilder enabled, adding routes and handlers");
|
|
201
201
|
nuxt.options.css.push("@vue-flow/core/dist/style.css");
|
|
202
202
|
nuxt.options.css.push("@vue-flow/core/dist/theme-default.css");
|
|
@@ -336,5 +336,5 @@ function bool(v) {
|
|
|
336
336
|
</script>
|
|
337
337
|
|
|
338
338
|
<style scoped>
|
|
339
|
-
.fields-panel{padding:.5em 1em}.fields-panel :deep(.atable-row>td){border-top:1px solid var(--sc-row-border-color);padding:var(--sc-atable-row-padding) .75em;vertical-align:middle}.fields-panel :deep(input[type=text]),.fields-panel :deep(select){border:1px solid var(--sc-gray-20);border-radius:var(--sc-border-radius);font-family:inherit;font-size:inherit;padding:.25em .5em;width:100%}.fields-panel :deep(input.locked),.fields-panel :deep(select.locked){background:var(--sc-gray-10);color:var(--sc-header-text-color);cursor:not-allowed}.fields-panel :deep(input.json-invalid){background:var(--sc-badge-danger-bg);border-color:var(--sc-brand-danger)}.center{text-align:center}.badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.125em .5em}.badge-manual{background:var(--sc-badge-brand-bg);color:var(--sc-badge-brand-text)}.badge-introspected{background:var(--sc-badge-neutral-bg);color:var(--sc-badge-neutral-text)}.field-detail{display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));padding:.75rem 1rem}.field-prop{color:var(--sc-header-text-color);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.field-prop-inline{align-items:center;flex-direction:row;gap:.5rem}.field-prop-wide{grid-column:1/-1}.field-detail-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:0 1rem .75rem}.locked-note{color:var(--sc-header-text-color);font-size:.75rem;font-style:italic}.btn-add{background:none;border:1px dashed var(--sc-gray-20);border-radius:var(--sc-border-radius);color:var(--sc-primary-color);cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:.4em 1em}.fields-empty{color:var(--sc-header-text-color);font-style:italic;padding:1rem 0}
|
|
339
|
+
.fields-panel{box-sizing:border-box;max-width:100%;overflow-x:auto;padding:.5em 1em}.fields-panel :deep(.atable-row>td){border-top:1px solid var(--sc-row-border-color);padding:var(--sc-atable-row-padding) .75em;vertical-align:middle}.fields-panel :deep(input[type=text]),.fields-panel :deep(select){border:1px solid var(--sc-gray-20);border-radius:var(--sc-border-radius);font-family:inherit;font-size:inherit;padding:.25em .5em;width:100%}.fields-panel :deep(input.locked),.fields-panel :deep(select.locked){background:var(--sc-gray-10);color:var(--sc-header-text-color);cursor:not-allowed}.fields-panel :deep(input.json-invalid){background:var(--sc-badge-danger-bg);border-color:var(--sc-brand-danger)}.center{text-align:center}.badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.125em .5em}.badge-manual{background:var(--sc-badge-brand-bg);color:var(--sc-badge-brand-text)}.badge-introspected{background:var(--sc-badge-neutral-bg);color:var(--sc-badge-neutral-text)}.field-detail{display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));padding:.75rem 1rem}.field-prop{color:var(--sc-header-text-color);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.field-prop-inline{align-items:center;flex-direction:row;gap:.5rem}.field-prop-wide{grid-column:1/-1}.field-detail-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:0 1rem .75rem}.locked-note{color:var(--sc-header-text-color);font-size:.75rem;font-style:italic}.btn-add{background:none;border:1px dashed var(--sc-gray-20);border-radius:var(--sc-border-radius);color:var(--sc-primary-color);cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:.4em 1em}.fields-empty{color:var(--sc-header-text-color);font-style:italic;padding:1rem 0}
|
|
340
340
|
</style>
|
|
@@ -1,55 +1,57 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<ClientOnly>
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
<div v-
|
|
7
|
-
<div v-if="
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
<
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<
|
|
17
|
-
|
|
3
|
+
<div class="docbuilder-shell">
|
|
4
|
+
<Desktop class="docbuilder-desktop" :route-adapter="routeAdapter" :host-actions="docbuilderActions">
|
|
5
|
+
<div v-if="loading" class="docbuilder-loading">Loading...</div>
|
|
6
|
+
<div v-else class="docbuilder-page">
|
|
7
|
+
<div v-if="validationIssues.length > 0 && !warningsDismissed" class="validation-panel">
|
|
8
|
+
<div v-if="errorCount > 0" class="validation-errors">
|
|
9
|
+
<strong>⚠️ {{ errorCount }} Error(s) — Cannot Save</strong>
|
|
10
|
+
<ul>
|
|
11
|
+
<li v-for="(issue, idx) in validationIssues.filter(i => i.severity === 'error')" :key="`err-${idx}`">
|
|
12
|
+
<code v-if="issue.fieldname">{{ issue.fieldname }}:</code> {{ issue.message }}
|
|
13
|
+
</li>
|
|
14
|
+
</ul>
|
|
15
|
+
</div>
|
|
16
|
+
<div v-if="warningCount > 0" class="validation-warnings">
|
|
17
|
+
<strong>⚡ {{ warningCount }} Warning(s)</strong>
|
|
18
|
+
<button class="dismiss-button" @click="warningsDismissed = true">Dismiss</button>
|
|
19
|
+
</div>
|
|
18
20
|
</div>
|
|
19
|
-
</div>
|
|
20
21
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
22
|
+
<AFieldset label="Workflow" :schema="[]" :collapsible="true">
|
|
23
|
+
<div class="builder-workflow">
|
|
24
|
+
<StateEditor
|
|
25
|
+
v-if="workflowConfig && workflowConfig.states && workflowConfig.states.length > 0"
|
|
26
|
+
v-model="workflowConfig"
|
|
27
|
+
v-model:layout="layout"
|
|
28
|
+
node-container-class="node-editor" />
|
|
29
|
+
<div v-else class="empty-workflow">
|
|
30
|
+
<p class="empty-workflow-hint">No workflow yet. Name the first state to start building the workflow.</p>
|
|
31
|
+
<div class="empty-workflow-form">
|
|
32
|
+
<input v-model="newStateName" type="text" placeholder="e.g. Draft" @keyup.enter="seedWorkflow" />
|
|
33
|
+
<button class="btn-primary" type="button" :disabled="!newStateName.trim()" @click="seedWorkflow">
|
|
34
|
+
Add first state
|
|
35
|
+
</button>
|
|
36
|
+
</div>
|
|
35
37
|
</div>
|
|
36
38
|
</div>
|
|
37
|
-
</
|
|
38
|
-
</AFieldset>
|
|
39
|
+
</AFieldset>
|
|
39
40
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
<AFieldset label="Actions" :schema="[]" :collapsible="true">
|
|
42
|
+
<DocBuilderActionsPanel v-model="workflowConfig" />
|
|
43
|
+
</AFieldset>
|
|
43
44
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
<AFieldset label="Schema" :schema="[]" :collapsible="true">
|
|
46
|
+
<DocBuilderFieldsPanel v-model="fields" />
|
|
47
|
+
</AFieldset>
|
|
47
48
|
|
|
48
|
-
|
|
49
|
-
|
|
49
|
+
<div v-if="saveMessage" class="builder-actions">
|
|
50
|
+
<span class="save-message" :class="saveMessage.type">{{ saveMessage.text }}</span>
|
|
51
|
+
</div>
|
|
50
52
|
</div>
|
|
51
|
-
</
|
|
52
|
-
</
|
|
53
|
+
</Desktop>
|
|
54
|
+
</div>
|
|
53
55
|
<template #fallback>
|
|
54
56
|
<div class="docbuilder-loading">Loading...</div>
|
|
55
57
|
</template>
|
|
@@ -150,5 +152,5 @@ const docbuilderActions = computed(() => [
|
|
|
150
152
|
</script>
|
|
151
153
|
|
|
152
154
|
<style scoped>
|
|
153
|
-
.docbuilder-desktop{height:
|
|
155
|
+
.docbuilder-shell{display:flex;flex-direction:column;min-height:100dvh}.docbuilder-desktop{flex:1;min-height:0}.docbuilder-loading{color:var(--sc-header-text-color);padding:2rem;text-align:center}.docbuilder-page{box-sizing:border-box;padding:2rem}.builder-workflow{min-height:8rem;padding:.5em 1em}:deep(.node-editor){height:40vh;overflow:hidden;width:100%}.empty-workflow{padding:1rem 0}.empty-workflow-hint{color:var(--sc-header-text-color);font-style:italic;margin:0 0 .75rem}.empty-workflow-form{align-items:center;display:flex;gap:.5rem}.empty-workflow-form input{border:1px solid var(--sc-input-border-color);border-radius:var(--sc-border-radius);font-family:inherit;font-size:.875rem;padding:.4em .6em}.btn-primary{background:var(--sc-primary-color);border:none;border-radius:var(--sc-border-radius);color:var(--sc-primary-text-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:.45em 1em}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.validation-panel{margin-bottom:1rem}.validation-errors{background:var(--sc-badge-danger-bg);border:1px solid var(--sc-badge-danger-accent);border-radius:var(--sc-border-radius);color:var(--sc-badge-danger-text);margin-bottom:.5rem;padding:1rem}.validation-warnings{background:var(--sc-badge-warning-bg);border:1px solid var(--sc-badge-warning-accent);border-radius:var(--sc-border-radius);color:var(--sc-badge-warning-text);padding:1rem}.dismiss-button{background:none;border:1px solid;border-radius:var(--sc-border-radius);cursor:pointer;font-size:.75rem;margin-left:1rem;padding:.125em .5em}.builder-actions{align-items:center;display:flex;gap:1rem;padding:1rem}.save-message{font-size:.875rem}.save-message.success{color:var(--sc-brand-success)}.save-message.error{color:var(--sc-brand-danger)}
|
|
154
156
|
</style>
|
|
@@ -1,28 +1,30 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<ClientOnly>
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
<div class="docbuilder-
|
|
6
|
-
<
|
|
7
|
-
|
|
3
|
+
<div class="docbuilder-shell">
|
|
4
|
+
<Desktop class="docbuilder-desktop" :route-adapter="routeAdapter" :host-actions="indexActions">
|
|
5
|
+
<div class="docbuilder-index-inner">
|
|
6
|
+
<div class="docbuilder-header">
|
|
7
|
+
<h1>DocType Builder</h1>
|
|
8
|
+
<p class="subtitle">Select a DocType to view and edit its schema</p>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="docbuilder-create">
|
|
11
|
+
<input
|
|
12
|
+
v-model="newName"
|
|
13
|
+
type="text"
|
|
14
|
+
placeholder="New doctype name (e.g. Invoice)"
|
|
15
|
+
:disabled="creating"
|
|
16
|
+
@keyup.enter="createDoctype" />
|
|
17
|
+
<button type="button" class="btn-primary" :disabled="creating || !newName.trim()" @click="createDoctype">
|
|
18
|
+
{{ creating ? 'Creating\u2026' : '+ New DocType' }}
|
|
19
|
+
</button>
|
|
20
|
+
</div>
|
|
21
|
+
<p v-if="createError" class="create-error">{{ createError }}</p>
|
|
22
|
+
<div v-if="loading" class="loading">Loading doctypes...</div>
|
|
23
|
+
<p v-else-if="!doctypes.length" class="empty">No doctypes yet — create one above.</p>
|
|
24
|
+
<ATable v-else :columns="columns" :rows="doctypes" :config="config" @row:click="handleRowClick" />
|
|
8
25
|
</div>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
v-model="newName"
|
|
12
|
-
type="text"
|
|
13
|
-
placeholder="New doctype name (e.g. Invoice)"
|
|
14
|
-
:disabled="creating"
|
|
15
|
-
@keyup.enter="createDoctype" />
|
|
16
|
-
<button type="button" class="btn-primary" :disabled="creating || !newName.trim()" @click="createDoctype">
|
|
17
|
-
{{ creating ? 'Creating\u2026' : '+ New DocType' }}
|
|
18
|
-
</button>
|
|
19
|
-
</div>
|
|
20
|
-
<p v-if="createError" class="create-error">{{ createError }}</p>
|
|
21
|
-
<div v-if="loading" class="loading">Loading doctypes...</div>
|
|
22
|
-
<p v-else-if="!doctypes.length" class="empty">No doctypes yet — create one above.</p>
|
|
23
|
-
<ATable v-else :columns="columns" :rows="doctypes" :config="config" @row:click="handleRowClick" />
|
|
24
|
-
</div>
|
|
25
|
-
</Desktop>
|
|
26
|
+
</Desktop>
|
|
27
|
+
</div>
|
|
26
28
|
</ClientOnly>
|
|
27
29
|
</template>
|
|
28
30
|
|
|
@@ -95,5 +97,5 @@ const indexActions = computed(() => [{ type: "button", label: "Home", action: ()
|
|
|
95
97
|
</script>
|
|
96
98
|
|
|
97
99
|
<style scoped>
|
|
98
|
-
.docbuilder-desktop{height:
|
|
100
|
+
.docbuilder-shell{display:flex;flex-direction:column;min-height:100dvh}.docbuilder-desktop{flex:1;min-height:0}.docbuilder-index-inner{margin:0 auto;max-width:1200px;padding:2rem}.docbuilder-header{padding:2rem 0 3rem;text-align:center}.docbuilder-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.subtitle{font-size:1.125rem;margin:0}.empty,.loading,.subtitle{color:var(--sc-header-text-color)}.empty,.loading{padding:2rem;text-align:center}.docbuilder-create{display:flex;gap:.5rem;margin-bottom:1rem}.docbuilder-create input{border:1px solid var(--sc-input-border-color);border-radius:var(--sc-border-radius);flex:1;font:inherit;padding:.5em .75em}.btn-primary{background:var(--sc-primary-color);border:none;border-radius:var(--sc-border-radius);color:var(--sc-primary-text-color);cursor:pointer;font-weight:500;padding:.5em 1.25em;white-space:nowrap}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.create-error{color:var(--sc-brand-danger);font-size:.875rem;margin:-.5rem 0 1rem}
|
|
99
101
|
</style>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stonecrop/nuxt",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.38.1",
|
|
4
4
|
"description": "Nuxt module for Stonecrop",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"nuxt",
|
|
@@ -60,18 +60,18 @@
|
|
|
60
60
|
"pathe": "^2.0.3",
|
|
61
61
|
"pinia": "^3.0.4",
|
|
62
62
|
"prompts": "^2.4.2",
|
|
63
|
-
"@stonecrop/atable": "0.
|
|
64
|
-
"@stonecrop/
|
|
65
|
-
"@stonecrop/casl-middleware": "0.
|
|
66
|
-
"@stonecrop/desktop": "0.
|
|
67
|
-
"@stonecrop/
|
|
68
|
-
"@stonecrop/graphql-client": "0.
|
|
69
|
-
"@stonecrop/graphql-middleware": "0.
|
|
70
|
-
"@stonecrop/
|
|
71
|
-
"@stonecrop/schema": "0.
|
|
72
|
-
"@stonecrop/
|
|
73
|
-
"@stonecrop/
|
|
74
|
-
"@stonecrop/
|
|
63
|
+
"@stonecrop/atable": "0.38.1",
|
|
64
|
+
"@stonecrop/aform": "0.38.1",
|
|
65
|
+
"@stonecrop/casl-middleware": "0.38.1",
|
|
66
|
+
"@stonecrop/desktop": "0.38.1",
|
|
67
|
+
"@stonecrop/code-editor": "0.38.1",
|
|
68
|
+
"@stonecrop/graphql-client": "0.38.1",
|
|
69
|
+
"@stonecrop/graphql-middleware": "0.38.1",
|
|
70
|
+
"@stonecrop/node-editor": "0.38.1",
|
|
71
|
+
"@stonecrop/schema": "0.38.1",
|
|
72
|
+
"@stonecrop/nuxt-grafserv": "0.38.1",
|
|
73
|
+
"@stonecrop/stonecrop": "0.38.1",
|
|
74
|
+
"@stonecrop/themes": "0.38.1"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|
|
77
77
|
"@eslint/js": "^10.0.1",
|
|
@@ -108,13 +108,11 @@
|
|
|
108
108
|
"node": ">=24.0.0"
|
|
109
109
|
},
|
|
110
110
|
"scripts": {
|
|
111
|
-
"dev": "node --run dev:
|
|
112
|
-
"dev:build": "nuxi build
|
|
111
|
+
"dev": "node --run dev:documentation",
|
|
112
|
+
"dev:build": "nuxi build documentation",
|
|
113
113
|
"dev:documentation": "node --run dev:prepare:documentation && nuxi dev documentation --host",
|
|
114
|
-
"dev:full": "node --run dev:prepare:full && nuxi dev fullstack --host",
|
|
115
114
|
"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && sh scripts/nuxt-apps.sh prepare",
|
|
116
|
-
"dev:prepare:documentation": "nuxi prepare documentation",
|
|
117
|
-
"dev:prepare:full": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare fullstack",
|
|
115
|
+
"dev:prepare:documentation": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare documentation",
|
|
118
116
|
"docs": "echo 'Nuxt modules use custom build system - skipping API docs generation'",
|
|
119
117
|
"generate:documentation": "nuxi generate documentation",
|
|
120
118
|
"lint": "eslint .",
|