astro-tractstack 2.1.0 → 2.1.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/package.json
CHANGED
|
@@ -48,10 +48,6 @@ const urlParams: Record<string, string | boolean> = {};
|
|
|
48
48
|
for (const [key, value] of Astro.url.searchParams) {
|
|
49
49
|
urlParams[key] = value === '' ? true : value;
|
|
50
50
|
}
|
|
51
|
-
|
|
52
|
-
const hasProfile = Astro.request.headers
|
|
53
|
-
.get('cookie')
|
|
54
|
-
?.includes('tractstack_profile=true');
|
|
55
51
|
---
|
|
56
52
|
|
|
57
53
|
<Layout
|
|
@@ -81,71 +77,64 @@ const hasProfile = Astro.request.headers
|
|
|
81
77
|
menu={null}
|
|
82
78
|
/>
|
|
83
79
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
80
|
+
<section
|
|
81
|
+
id="storykeepHeader"
|
|
82
|
+
role="banner"
|
|
83
|
+
class="left-0 right-0 z-101 bg-mywhite drop-shadow transition-all duration-200"
|
|
84
|
+
>
|
|
85
|
+
<StoryKeepHeader
|
|
86
|
+
slug="sandbox"
|
|
87
|
+
isContext={false}
|
|
88
|
+
isSandboxMode={true}
|
|
89
|
+
client:only="react"
|
|
90
|
+
/>
|
|
91
|
+
</section>
|
|
92
|
+
|
|
93
|
+
<div class="flex min-h-screen">
|
|
94
|
+
<StoryKeepToolMode isContext={false} client:only="react" />
|
|
95
|
+
|
|
96
|
+
<main id="mainContent" class="relative flex-1 overflow-x-auto">
|
|
97
|
+
<div class="h-full bg-myblue/20 bg-mylightgrey p-1.5">
|
|
98
|
+
<div
|
|
99
|
+
class="h-fit min-h-screen pb-96"
|
|
100
|
+
style={{
|
|
101
|
+
backgroundImage:
|
|
102
|
+
'repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0,0,0,0.05) 10px, rgba(0,0,0,0.05) 20px)',
|
|
103
|
+
}}
|
|
91
104
|
>
|
|
92
|
-
<
|
|
93
|
-
|
|
94
|
-
|
|
105
|
+
<Compositor
|
|
106
|
+
id={storyFragmentID}
|
|
107
|
+
nodes={loadData}
|
|
108
|
+
config={brandConfig}
|
|
109
|
+
fullContentMap={fullContentMap}
|
|
110
|
+
fullCanonicalURL="/sandbox"
|
|
111
|
+
urlParams={urlParams}
|
|
112
|
+
availableCodeHooks={Object.keys(codeHookComponents)}
|
|
95
113
|
isSandboxMode={true}
|
|
96
114
|
client:only="react"
|
|
97
115
|
/>
|
|
98
|
-
</section>
|
|
99
|
-
|
|
100
|
-
<div class="flex min-h-screen">
|
|
101
|
-
<StoryKeepToolMode isContext={false} client:only="react" />
|
|
102
|
-
|
|
103
|
-
<main id="mainContent" class="relative flex-1 overflow-x-auto">
|
|
104
|
-
<div class="h-full bg-myblue/20 bg-mylightgrey p-1.5">
|
|
105
|
-
<div
|
|
106
|
-
class="h-fit min-h-screen pb-96"
|
|
107
|
-
style={{
|
|
108
|
-
backgroundImage:
|
|
109
|
-
'repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0,0,0,0.05) 10px, rgba(0,0,0,0.05) 20px)',
|
|
110
|
-
}}
|
|
111
|
-
>
|
|
112
|
-
<Compositor
|
|
113
|
-
id={storyFragmentID}
|
|
114
|
-
nodes={loadData}
|
|
115
|
-
config={brandConfig}
|
|
116
|
-
fullContentMap={fullContentMap}
|
|
117
|
-
fullCanonicalURL="/sandbox"
|
|
118
|
-
urlParams={urlParams}
|
|
119
|
-
availableCodeHooks={Object.keys(codeHookComponents)}
|
|
120
|
-
isSandboxMode={true}
|
|
121
|
-
client:only="react"
|
|
122
|
-
/>
|
|
123
|
-
</div>
|
|
124
|
-
</div>
|
|
125
|
-
</main>
|
|
126
116
|
</div>
|
|
117
|
+
</div>
|
|
118
|
+
</main>
|
|
119
|
+
</div>
|
|
127
120
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
121
|
+
<aside
|
|
122
|
+
id="settingsControls"
|
|
123
|
+
class="pointer-events-none fixed bottom-16 right-2 z-101 flex flex-col items-end gap-2 md:bottom-2"
|
|
124
|
+
>
|
|
125
|
+
<div class="pointer-events-none flex-grow"></div>
|
|
133
126
|
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
127
|
+
<div class="pointer-events-auto flex-shrink-0">
|
|
128
|
+
<StoryKeepToolBar client:only="react" />
|
|
129
|
+
</div>
|
|
137
130
|
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
</aside>
|
|
146
|
-
</>
|
|
147
|
-
)
|
|
148
|
-
}
|
|
131
|
+
<div class="pointer-events-auto max-h-full">
|
|
132
|
+
<SettingsPanel
|
|
133
|
+
availableCodeHooks={Object.keys(codeHookComponents)}
|
|
134
|
+
client:only="react"
|
|
135
|
+
/>
|
|
136
|
+
</div>
|
|
137
|
+
</aside>
|
|
149
138
|
</Layout>
|
|
150
139
|
|
|
151
140
|
<script>
|