@myissue/vue-website-page-builder 3.4.19 → 3.4.21
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 +32 -26
- package/dist/vue-website-page-builder.js +1263 -1259
- package/dist/vue-website-page-builder.umd.cjs +46 -46
- package/package.json +3 -5
- package/src/App.vue +0 -28
- package/src/Components/Homepage/Footer.vue +0 -32
- package/src/Components/Homepage/Navbar.vue +0 -25
- package/src/Components/Layouts/FullWidthElement.vue +0 -34
- package/src/Components/Loaders/GlobalLoader.vue +0 -18
- package/src/Components/Modals/BuilderComponents.vue +0 -53
- package/src/Components/Modals/DynamicModalBuilder.vue +0 -209
- package/src/Components/Modals/MediaLibraryModal.vue +0 -61
- package/src/Components/Modals/ModalBuilder.vue +0 -117
- package/src/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue +0 -121
- package/src/Components/PageBuilder/EditorMenu/Editables/BorderRadius.vue +0 -188
- package/src/Components/PageBuilder/EditorMenu/Editables/Borders.vue +0 -176
- package/src/Components/PageBuilder/EditorMenu/Editables/ClassEditor.vue +0 -112
- package/src/Components/PageBuilder/EditorMenu/Editables/ComponentTopMenu.vue +0 -108
- package/src/Components/PageBuilder/EditorMenu/Editables/EditGetElement.vue +0 -541
- package/src/Components/PageBuilder/EditorMenu/Editables/HTMLEditor.vue +0 -203
- package/src/Components/PageBuilder/EditorMenu/Editables/ImageEditor.vue +0 -96
- package/src/Components/PageBuilder/EditorMenu/Editables/LinkEditor.vue +0 -315
- package/src/Components/PageBuilder/EditorMenu/Editables/ManageBackgroundOpacity.vue +0 -107
- package/src/Components/PageBuilder/EditorMenu/Editables/ManageOpacity.vue +0 -106
- package/src/Components/PageBuilder/EditorMenu/Editables/Margin.vue +0 -116
- package/src/Components/PageBuilder/EditorMenu/Editables/OpacityEditor.vue +0 -19
- package/src/Components/PageBuilder/EditorMenu/Editables/Padding.vue +0 -117
- package/src/Components/PageBuilder/EditorMenu/Editables/StyleEditor.vue +0 -123
- package/src/Components/PageBuilder/EditorMenu/Editables/TextColorEditor.vue +0 -123
- package/src/Components/PageBuilder/EditorMenu/Editables/Typography.vue +0 -237
- package/src/Components/PageBuilder/EditorMenu/EditorAccordion.vue +0 -46
- package/src/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue +0 -368
- package/src/Components/PageBuilder/Settings/AdvancedPageBuilderSettings.vue +0 -476
- package/src/Components/PageBuilder/Settings/PageBuilderSettings.vue +0 -581
- package/src/Components/PageBuilder/ToolbarOption/ToolbarOption.vue +0 -248
- package/src/Components/PageBuilder/UndoRedo/UndoRedo.vue +0 -90
- package/src/Components/TipTap/TipTap.vue +0 -25
- package/src/Components/TipTap/TipTapInput.vue +0 -340
- package/src/PageBuilder/PageBuilder.vue +0 -1025
- package/src/PageBuilder/Preview.vue +0 -64
- package/src/composables/builderInstance.ts +0 -47
- package/src/composables/delay.ts +0 -5
- package/src/composables/extractCleanHTMLFromPageBuilder.ts +0 -59
- package/src/composables/preloadImage.ts +0 -8
- package/src/composables/useDebounce.ts +0 -8
- package/src/composables/usePageBuilderModal.ts +0 -25
- package/src/composables/useTranslations.ts +0 -28
- package/src/css/dev-global.css +0 -24
- package/src/css/style.css +0 -600
- package/src/helpers/isEmptyObject.ts +0 -5
- package/src/index.ts +0 -28
- package/src/locales/ar.json +0 -170
- package/src/locales/de.json +0 -171
- package/src/locales/en.json +0 -171
- package/src/locales/es.json +0 -171
- package/src/locales/fr.json +0 -171
- package/src/locales/hi.json +0 -172
- package/src/locales/ja.json +0 -171
- package/src/locales/pt.json +0 -171
- package/src/locales/ru.json +0 -171
- package/src/locales/zh-Hans.json +0 -171
- package/src/main.ts +0 -14
- package/src/plugin.ts +0 -16
- package/src/services/LocalStorageManager.ts +0 -25
- package/src/services/PageBuilderService.ts +0 -3191
- package/src/stores/page-builder-state.ts +0 -498
- package/src/stores/shared-store.ts +0 -13
- package/src/tailwind-safelist.html +0 -3
- package/src/tests/DefaultComponents/DefaultBuilderComponents.vue +0 -284
- package/src/tests/DefaultComponents/DefaultMediaLibraryComponent.vue +0 -10
- package/src/tests/PageBuilderTest.vue +0 -82
- package/src/tests/TestComponents/DemoBuilderComponentsTest.vue +0 -5
- package/src/tests/TestComponents/DemoMediaLibraryComponentTest.vue +0 -8
- package/src/tests/TestComponents/DemoUnsplash.vue +0 -389
- package/src/tests/componentsArray.test.json +0 -62
- package/src/tests/pageBuilderService.test.ts +0 -165
- package/src/types/global.d.ts +0 -11
- package/src/types/index.ts +0 -306
- package/src/utils/builder/html-doc-declaration-with-components.ts +0 -7
- package/src/utils/builder/tailwaind-colors.ts +0 -503
- package/src/utils/builder/tailwind-border-radius.ts +0 -67
- package/src/utils/builder/tailwind-border-style-width-color.ts +0 -272
- package/src/utils/builder/tailwind-font-sizes.ts +0 -75
- package/src/utils/builder/tailwind-font-styles.ts +0 -56
- package/src/utils/builder/tailwind-opacities.ts +0 -45
- package/src/utils/builder/tailwind-padding-margin.ts +0 -159
- package/src/utils/html-elements/component.ts +0 -485
- package/src/utils/html-elements/componentHelpers.ts +0 -98
- package/src/utils/html-elements/themes.ts +0 -85
package/src/types/index.ts
DELETED
|
@@ -1,306 +0,0 @@
|
|
|
1
|
-
import type { PageBuilderService } from '../services/PageBuilderService.ts'
|
|
2
|
-
|
|
3
|
-
export interface PageBuilderState {
|
|
4
|
-
// ...other state properties...
|
|
5
|
-
PageBuilderService: PageBuilderService | null
|
|
6
|
-
isSaving: boolean
|
|
7
|
-
// etc.
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
// Central type definitions for the Vue Page Builder project
|
|
11
|
-
|
|
12
|
-
// Component and Image interfaces
|
|
13
|
-
export interface ComponentObject {
|
|
14
|
-
id: string | number | null
|
|
15
|
-
html_code: string
|
|
16
|
-
title: string
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export interface ImageObject {
|
|
20
|
-
src: string
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
// For a single component/block passed by the developer
|
|
24
|
-
export interface BuilderResourceComponent {
|
|
25
|
-
html_code: string
|
|
26
|
-
title?: string
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
// For the full resource object passed to your package
|
|
30
|
-
export type BuilderResourceData = BuilderResourceComponent[]
|
|
31
|
-
|
|
32
|
-
export type StartBuilderResult =
|
|
33
|
-
| { error: true; reason: string }
|
|
34
|
-
| {
|
|
35
|
-
message: string
|
|
36
|
-
validation?:
|
|
37
|
-
| { error: true; warning: string; status: string }
|
|
38
|
-
| { error: true; reason: string }
|
|
39
|
-
passedComponentsArray?: BuilderResourceData
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
// Store interfaces for better type safety
|
|
43
|
-
export interface PageBuilderStateStore {
|
|
44
|
-
getTextAreaVueModel: string | null
|
|
45
|
-
LocalStorageItemName: string | null
|
|
46
|
-
getHyberlinkEnable: boolean
|
|
47
|
-
getComponents: ComponentObject[] | null
|
|
48
|
-
getComponent: ComponentObject | null
|
|
49
|
-
getElement: HTMLElement | null
|
|
50
|
-
getNextSibling: HTMLElement | null
|
|
51
|
-
getParentElement: HTMLElement | null
|
|
52
|
-
getRestoredElement: string | null
|
|
53
|
-
getComponentArrayAddMethod: string | null
|
|
54
|
-
getFontBase: string | null
|
|
55
|
-
getFontDesktop: string | null
|
|
56
|
-
getFontTablet: string | null
|
|
57
|
-
getFontMobile: string | null
|
|
58
|
-
setElement: (element: HTMLElement | null) => void
|
|
59
|
-
setMenuRight: (value: boolean) => void
|
|
60
|
-
setComponent: (component: ComponentObject | null) => void
|
|
61
|
-
setComponents: (components: ComponentObject[] | null) => void
|
|
62
|
-
setComponentArrayAddMethod: (method: string) => void
|
|
63
|
-
setCurrentClasses: (classes: string[] | ArrayLike<string>) => void
|
|
64
|
-
setClass: (className: string) => void
|
|
65
|
-
removeClass: (className: string) => void
|
|
66
|
-
setParentElement: (element: HTMLElement | Node | null) => void
|
|
67
|
-
setRestoredElement: (html: string | null) => void
|
|
68
|
-
setNextSibling: (element: HTMLElement | Node | null) => void
|
|
69
|
-
setTextAreaVueModel: (html: string | null) => void
|
|
70
|
-
setFontBase: (size: string | null) => void
|
|
71
|
-
setFontDesktop: (size: string | null) => void
|
|
72
|
-
setFontTablet: (size: string | null) => void
|
|
73
|
-
setFontMobile: (size: string | null) => void
|
|
74
|
-
setBasePrimaryImage: (url: string | null) => void
|
|
75
|
-
setCurrentLayoutPreview: (html: string) => void
|
|
76
|
-
setHyperlinkError: (error: string | null) => void
|
|
77
|
-
setHyperlinkMessage: (message: string | null) => void
|
|
78
|
-
setElementContainsHyperlink: (contains: boolean) => void
|
|
79
|
-
setHyberlinkEnable: (enable: boolean) => void
|
|
80
|
-
setHyperlinkInput: (input: string) => void
|
|
81
|
-
setOpenHyperlinkInNewTab: (newTab: boolean) => void
|
|
82
|
-
setHyperlinkAbility: (ability: boolean) => void
|
|
83
|
-
setPushComponents: (payload: SetPushComponentsPayload) => void
|
|
84
|
-
setLocalStorageItemName: (name: string | null) => void
|
|
85
|
-
setUpdateOrCreate: (mode: string) => void
|
|
86
|
-
setFontWeight: (weight: string) => void
|
|
87
|
-
setFontFamily: (family: string) => void
|
|
88
|
-
setFontStyle: (style: string) => void
|
|
89
|
-
setFontVerticalPadding: (padding: string) => void
|
|
90
|
-
setFontHorizontalPadding: (padding: string) => void
|
|
91
|
-
setFontVerticalMargin: (margin: string) => void
|
|
92
|
-
setFontHorizontalMargin: (margin: string) => void
|
|
93
|
-
setBorderStyle: (style: string) => void
|
|
94
|
-
setBorderWidth: (width: string) => void
|
|
95
|
-
setBorderColor: (color: string) => void
|
|
96
|
-
setBorderRadiusGlobal: (radius: string) => void
|
|
97
|
-
setBorderRadiusTopLeft: (radius: string) => void
|
|
98
|
-
setBorderRadiusTopRight: (radius: string) => void
|
|
99
|
-
setBorderRadiusBottomleft: (radius: string) => void
|
|
100
|
-
setBorderRadiusBottomRight: (radius: string) => void
|
|
101
|
-
setBackgroundColor: (color: string) => void
|
|
102
|
-
setTextColor: (color: string) => void
|
|
103
|
-
setBackgroundOpacity: (opacity: string) => void
|
|
104
|
-
setOpacity: (opacity: string) => void
|
|
105
|
-
getApplyImageToSelection: ImageObject | null
|
|
106
|
-
setCurrentImage: (image: ImageObject) => void
|
|
107
|
-
getCurrentPreviewImage: string | null
|
|
108
|
-
setCurrentPreviewImage: (url: string | null) => void
|
|
109
|
-
[key: string]: unknown
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
export type FormName =
|
|
113
|
-
// --- Content ---
|
|
114
|
-
| 'post'
|
|
115
|
-
| 'article'
|
|
116
|
-
| 'blog'
|
|
117
|
-
| 'news'
|
|
118
|
-
| 'page'
|
|
119
|
-
| 'faq'
|
|
120
|
-
| 'testimonial'
|
|
121
|
-
| 'case-study'
|
|
122
|
-
| 'press-release'
|
|
123
|
-
|
|
124
|
-
// --- Commerce ---
|
|
125
|
-
| 'product'
|
|
126
|
-
| 'products'
|
|
127
|
-
| 'category'
|
|
128
|
-
| 'collection'
|
|
129
|
-
| 'brand'
|
|
130
|
-
| 'coupon'
|
|
131
|
-
| 'discount'
|
|
132
|
-
| 'shop'
|
|
133
|
-
| 'cart'
|
|
134
|
-
| 'checkout'
|
|
135
|
-
|
|
136
|
-
// --- User / Team ---
|
|
137
|
-
| 'profile'
|
|
138
|
-
| 'account'
|
|
139
|
-
| 'team'
|
|
140
|
-
| 'team-member'
|
|
141
|
-
| 'author'
|
|
142
|
-
| 'customer'
|
|
143
|
-
| 'user'
|
|
144
|
-
|
|
145
|
-
// --- Business / Services ---
|
|
146
|
-
| 'service'
|
|
147
|
-
| 'services'
|
|
148
|
-
| 'package'
|
|
149
|
-
| 'plan'
|
|
150
|
-
| 'pricing'
|
|
151
|
-
| 'subscription'
|
|
152
|
-
|
|
153
|
-
// --- Job / Careers ---
|
|
154
|
-
| 'job'
|
|
155
|
-
| 'job-listing'
|
|
156
|
-
| 'career'
|
|
157
|
-
| 'applicant'
|
|
158
|
-
|
|
159
|
-
// --- Events / Scheduling ---
|
|
160
|
-
| 'event'
|
|
161
|
-
| 'events'
|
|
162
|
-
| 'webinar'
|
|
163
|
-
| 'appointment'
|
|
164
|
-
| 'reservation'
|
|
165
|
-
| 'schedule'
|
|
166
|
-
|
|
167
|
-
// --- Directory / Listings ---
|
|
168
|
-
| 'listing'
|
|
169
|
-
| 'directory'
|
|
170
|
-
| 'location'
|
|
171
|
-
| 'vendor'
|
|
172
|
-
| 'company'
|
|
173
|
-
|
|
174
|
-
// --- Media ---
|
|
175
|
-
| 'gallery'
|
|
176
|
-
| 'image'
|
|
177
|
-
| 'video'
|
|
178
|
-
| 'media'
|
|
179
|
-
| 'audio'
|
|
180
|
-
| 'file'
|
|
181
|
-
|
|
182
|
-
// --- Support / Feedback ---
|
|
183
|
-
| 'contact'
|
|
184
|
-
| 'support'
|
|
185
|
-
| 'ticket'
|
|
186
|
-
| 'feedback'
|
|
187
|
-
| 'review'
|
|
188
|
-
| 'inquiry'
|
|
189
|
-
| 'report'
|
|
190
|
-
|
|
191
|
-
// --- Misc ---
|
|
192
|
-
| 'setting'
|
|
193
|
-
| 'configuration'
|
|
194
|
-
| 'integration'
|
|
195
|
-
| 'theme'
|
|
196
|
-
| 'language'
|
|
197
|
-
| 'menu'
|
|
198
|
-
| 'navigation'
|
|
199
|
-
| 'tag'
|
|
200
|
-
| 'meta'
|
|
201
|
-
|
|
202
|
-
// User interfaces
|
|
203
|
-
export interface User {
|
|
204
|
-
name: string
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
// Specific user interface for page builder usage
|
|
208
|
-
export interface PageBuilderUser {
|
|
209
|
-
name: string
|
|
210
|
-
image: string
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
export interface PageSettings {
|
|
214
|
-
classes: string
|
|
215
|
-
style?: Record<string, string>
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
// Page Builder Configuration interface
|
|
219
|
-
export interface PageBuilderConfig {
|
|
220
|
-
updateOrCreate: {
|
|
221
|
-
formType: 'create' | 'update'
|
|
222
|
-
formName: FormName
|
|
223
|
-
}
|
|
224
|
-
pageBuilderLogo?: { src: string } | null
|
|
225
|
-
resourceData?: { title: string; id?: number } | null
|
|
226
|
-
userForPageBuilder?: PageBuilderUser
|
|
227
|
-
[key: string]: unknown
|
|
228
|
-
userSettings?: {
|
|
229
|
-
theme?: 'light' | 'dark' | 'auto'
|
|
230
|
-
language?: {
|
|
231
|
-
default: 'en' | 'zh-Hans' | 'fr' | 'ja' | 'ru' | 'es' | 'pt' | 'de' | 'ar' | 'hi'
|
|
232
|
-
enable?: ReadonlyArray<
|
|
233
|
-
'en' | 'zh-Hans' | 'fr' | 'ja' | 'ru' | 'es' | 'pt' | 'de' | 'ar' | 'hi'
|
|
234
|
-
>
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
autoSave?: boolean
|
|
238
|
-
[key: string]: unknown
|
|
239
|
-
} | null
|
|
240
|
-
settings?: {
|
|
241
|
-
brandColor?: string
|
|
242
|
-
[key: string]: unknown
|
|
243
|
-
} | null
|
|
244
|
-
pageSettings?: PageSettings
|
|
245
|
-
}
|
|
246
|
-
// Tailwind utility interfaces
|
|
247
|
-
export interface TailwindColors {
|
|
248
|
-
backgroundColorVariables: string[]
|
|
249
|
-
textColorVariables: string[]
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
export interface TailwindOpacities {
|
|
253
|
-
opacities: string[]
|
|
254
|
-
backgroundOpacities: string[]
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
export interface TailwindFontSizes {
|
|
258
|
-
fontBase: string[]
|
|
259
|
-
fontDesktop: string[]
|
|
260
|
-
fontTablet: string[]
|
|
261
|
-
fontMobile: string[]
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
export interface TailwindFontStyles {
|
|
265
|
-
fontStyles: string[]
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
export interface TailwindPaddingAndMargin {
|
|
269
|
-
paddingAndMargin: string[]
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
export interface TailwindBorderRadius {
|
|
273
|
-
borderRadius: string[]
|
|
274
|
-
}
|
|
275
|
-
|
|
276
|
-
export interface TailwindBorderStyleWidthColor {
|
|
277
|
-
borderStyles: string[]
|
|
278
|
-
borderWidths: string[]
|
|
279
|
-
borderColors: string[]
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
// Utility types
|
|
283
|
-
export type TimerHandle = ReturnType<typeof setTimeout>
|
|
284
|
-
export type MutationObserver = globalThis.MutationObserver
|
|
285
|
-
|
|
286
|
-
// Fetch response interfaces
|
|
287
|
-
export interface FetchedComponentsResponse {
|
|
288
|
-
components: ComponentObject[]
|
|
289
|
-
pagination?: {
|
|
290
|
-
current_page: number
|
|
291
|
-
last_page: number
|
|
292
|
-
per_page: number
|
|
293
|
-
total: number
|
|
294
|
-
}
|
|
295
|
-
[key: string]: unknown
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
export interface SetPushComponentsPayload {
|
|
299
|
-
componentArrayAddMethod?: string
|
|
300
|
-
component: ComponentObject
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
export interface LoadComponentsData {
|
|
304
|
-
search_query?: string
|
|
305
|
-
page?: string | number
|
|
306
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import tailwindCSS from '../../css/style.css?inline'
|
|
2
|
-
|
|
3
|
-
const fullHTMLContent = function (HTML: string): string {
|
|
4
|
-
return `<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>${tailwindCSS}</style></head><body>${HTML}</body></html>`
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
export default fullHTMLContent
|