@pinegrow/vite-plugin 3.0.35-beta.1 → 3.0.35-beta.10
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/LICENSE +20 -20
- package/README.md +204 -204
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +4 -4
- package/dist/vue/index.js +319 -319
- package/package.json +50 -50
- package/types.d.ts +140 -140
package/package.json
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@pinegrow/vite-plugin",
|
|
3
|
-
"version": "3.0.35-beta.
|
|
4
|
-
"description": "Pinegrow Vite Plugin",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"files": [
|
|
7
|
-
"dist",
|
|
8
|
-
"./types.d.ts"
|
|
9
|
-
],
|
|
10
|
-
"main": "./dist/index.cjs",
|
|
11
|
-
"module": "./dist/index.mjs",
|
|
12
|
-
"types": "./types.d.ts",
|
|
13
|
-
"exports": {
|
|
14
|
-
".": {
|
|
15
|
-
"types": "./types.d.ts",
|
|
16
|
-
"import": "./dist/index.mjs",
|
|
17
|
-
"require": "./dist/index.cjs"
|
|
18
|
-
},
|
|
19
|
-
"./dev": {
|
|
20
|
-
"import": "./src/index.js",
|
|
21
|
-
"require": "./src/index.js"
|
|
22
|
-
},
|
|
23
|
-
"./vue": {
|
|
24
|
-
"import": "./dist/vue/index.js"
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
"keywords": [
|
|
28
|
-
"pinegrow",
|
|
29
|
-
"vue designer",
|
|
30
|
-
"vuedesigner",
|
|
31
|
-
"vue-designer",
|
|
32
|
-
"vite-plugin",
|
|
33
|
-
"@pinegrow/vite-plugin"
|
|
34
|
-
],
|
|
35
|
-
"author": "Pinegrow (http://pinegrow.com/)",
|
|
36
|
-
"license": "MIT",
|
|
37
|
-
"scripts": {
|
|
38
|
-
"build": "webpack -- --env mode=production vite",
|
|
39
|
-
"build:vite-plugin": "webpack -- --env mode=production vite",
|
|
40
|
-
"build:vite-plugin:dev": "webpack -- --env mode=development vite",
|
|
41
|
-
"publish-beta": "npm run increment-beta-version && npm publish --tag beta",
|
|
42
|
-
"increment-beta-version": "npm version prerelease --preid=beta",
|
|
43
|
-
"publish-patch": "npm run increment-version && npm publish",
|
|
44
|
-
"increment-version": "npm version patch"
|
|
45
|
-
},
|
|
46
|
-
"dependencies": {
|
|
47
|
-
"@vue/compiler-sfc": "^3.2.45",
|
|
48
|
-
"magic-string": "^0.27.0"
|
|
49
|
-
}
|
|
50
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@pinegrow/vite-plugin",
|
|
3
|
+
"version": "3.0.35-beta.10",
|
|
4
|
+
"description": "Pinegrow Vite Plugin",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"files": [
|
|
7
|
+
"dist",
|
|
8
|
+
"./types.d.ts"
|
|
9
|
+
],
|
|
10
|
+
"main": "./dist/index.cjs",
|
|
11
|
+
"module": "./dist/index.mjs",
|
|
12
|
+
"types": "./types.d.ts",
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"types": "./types.d.ts",
|
|
16
|
+
"import": "./dist/index.mjs",
|
|
17
|
+
"require": "./dist/index.cjs"
|
|
18
|
+
},
|
|
19
|
+
"./dev": {
|
|
20
|
+
"import": "./src/index.js",
|
|
21
|
+
"require": "./src/index.js"
|
|
22
|
+
},
|
|
23
|
+
"./vue": {
|
|
24
|
+
"import": "./dist/vue/index.js"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"keywords": [
|
|
28
|
+
"pinegrow",
|
|
29
|
+
"vue designer",
|
|
30
|
+
"vuedesigner",
|
|
31
|
+
"vue-designer",
|
|
32
|
+
"vite-plugin",
|
|
33
|
+
"@pinegrow/vite-plugin"
|
|
34
|
+
],
|
|
35
|
+
"author": "Pinegrow (http://pinegrow.com/)",
|
|
36
|
+
"license": "MIT",
|
|
37
|
+
"scripts": {
|
|
38
|
+
"build": "webpack -- --env mode=production vite",
|
|
39
|
+
"build:vite-plugin": "webpack -- --env mode=production vite",
|
|
40
|
+
"build:vite-plugin:dev": "webpack -- --env mode=development vite",
|
|
41
|
+
"publish-beta": "npm run increment-beta-version && npm publish --tag beta",
|
|
42
|
+
"increment-beta-version": "npm version prerelease --preid=beta",
|
|
43
|
+
"publish-patch": "npm run increment-version && npm publish",
|
|
44
|
+
"increment-version": "npm version patch"
|
|
45
|
+
},
|
|
46
|
+
"dependencies": {
|
|
47
|
+
"@vue/compiler-sfc": "^3.2.45",
|
|
48
|
+
"magic-string": "^0.27.0"
|
|
49
|
+
}
|
|
50
|
+
}
|
package/types.d.ts
CHANGED
|
@@ -1,140 +1,140 @@
|
|
|
1
|
-
// https://vuedesigner.com
|
|
2
|
-
|
|
3
|
-
import type { PinegrowTailwindCSSModuleOptions } from '@pinegrow/tailwindcss-plugin'
|
|
4
|
-
import type { PinegrowVuetifyModuleOptions } from '@pinegrow/vuetify-plugin'
|
|
5
|
-
import type { PluginOption as VitePluginOption } from 'vite'
|
|
6
|
-
|
|
7
|
-
interface PinegrowExternalPlugin {
|
|
8
|
-
/**
|
|
9
|
-
* Display name in Props Panel and Library Panels
|
|
10
|
-
* Eg, "My Awesome Lib 3.3.1", defaults to key if not provided
|
|
11
|
-
*/
|
|
12
|
-
name?: string
|
|
13
|
-
/**
|
|
14
|
-
* Unique key that doesn't conflict with other pinegrow frameworks
|
|
15
|
-
* Run `Object.values(pinegrow.getFrameworks()).map(fx => fx.key)` in Vue Designer's devtools console for existing keys
|
|
16
|
-
*
|
|
17
|
-
* Allowed characters - alphanumeric with hyphens or period, no spaces
|
|
18
|
-
* Eg, 'my-awesome-lib'
|
|
19
|
-
*/
|
|
20
|
-
key: string
|
|
21
|
-
/**
|
|
22
|
-
* Web-types of component library (or) pinegrow commonjs plugin
|
|
23
|
-
* Must return an absolute path
|
|
24
|
-
*
|
|
25
|
-
* Use path functions according to the project module type (commonjs/module)
|
|
26
|
-
* For eg, path.resolve(__dirname, '../my-awesome-lib/web-types.json')
|
|
27
|
-
* (or)
|
|
28
|
-
* import { fileURLToPath, URL } from 'node:url'
|
|
29
|
-
* fileURLToPath(new URL('./relative-path/web-types.json', import.meta.url)) // web-types of component library
|
|
30
|
-
* fileURLToPath(new URL('./my-awesome-lib/web-types.json', import.meta.url)) // pinegrow commonjs plugin
|
|
31
|
-
*/
|
|
32
|
-
pluginPath: string
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export interface LiveDesignerOptions {
|
|
36
|
-
/**
|
|
37
|
-
* When your project is part of a mono-repo
|
|
38
|
-
* Absolute path to the root of a monorepo (or)
|
|
39
|
-
* Relative path from the project root to the root of a monorepo.
|
|
40
|
-
*/
|
|
41
|
-
repoRoot?: string
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* When using a custom config file (for eg, vite-dev.config.js)
|
|
45
|
-
* Absolute path to a custom config file (for eg, vite-dev.config.js) (or)
|
|
46
|
-
* Relative path from the project root to a custom config file (for eg, vite-dev.config.js).
|
|
47
|
-
*/
|
|
48
|
-
configPath?: string
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* Key of the devtools exposed on the window object.
|
|
52
|
-
* For instructions, check Config Panel > Devtools tab in Vue Designer
|
|
53
|
-
*/
|
|
54
|
-
devtoolsKey?: string
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* Mapping of custom folder setup that deviates from the standard project setup of the framework/meta-framework
|
|
58
|
-
* For eg, in Vitepress, the standard folders could be re-mapped outside the .vitepress folder.
|
|
59
|
-
* Vue Designer utilizes this information when a user intends to create a new component from the page tree or the Vue menu.
|
|
60
|
-
*/
|
|
61
|
-
dirs?: {
|
|
62
|
-
src?: string
|
|
63
|
-
components?: string
|
|
64
|
-
pages?: string
|
|
65
|
-
layouts?: string
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* By default, one among the pages and components following these naming conventions is opened automatically as the startup page - ['Hero*', 'app', 'App', 'home', 'Home', 'index', 'Index', 'welcome', 'Welcome'].
|
|
70
|
-
|
|
71
|
-
To open a specific page or component as the default startup page, configure the startupPage key in your liveDesigner config.
|
|
72
|
-
* For eg '@/Pages/Welcome.vue',
|
|
73
|
-
* For eg './resources/js/Pages/Welcome.vue',
|
|
74
|
-
*/
|
|
75
|
-
startupPage?: string
|
|
76
|
-
|
|
77
|
-
/**
|
|
78
|
-
* Dev-server URLs.
|
|
79
|
-
* The local URL is set to the application URL, when Vite is used as a middleware in certain setups, such as Laravel applications.
|
|
80
|
-
* The network URL is set when when the dev-server is running on a remote server/machine.
|
|
81
|
-
* Make sure the URLs are fixed via the CLI configurations, so that the next available port is not auto-picked if the fixed URL's port was already used by some other process. For Vite, use the `server.host` & `server.port` options for Vite - https://vitejs.dev/config/server-options.html#server-options).
|
|
82
|
-
*/
|
|
83
|
-
devServerUrls?: {
|
|
84
|
-
local?: string
|
|
85
|
-
network?: string
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* Preferred format for icons in icon-picker - https://github.com/antfu/icones/blob/main/src/utils/case.ts
|
|
90
|
-
* * @default 'unocss' // For eg, i-material-symbols-home
|
|
91
|
-
* * When using Nuxt-Icon, you need to change this to 'iconify'
|
|
92
|
-
*
|
|
93
|
-
*/
|
|
94
|
-
iconPreferredCase?:
|
|
95
|
-
| 'unocss'
|
|
96
|
-
| 'iconify'
|
|
97
|
-
| 'bare'
|
|
98
|
-
| 'barePascal'
|
|
99
|
-
| 'dash'
|
|
100
|
-
| 'slash'
|
|
101
|
-
| 'doubleHyphen'
|
|
102
|
-
| 'camel'
|
|
103
|
-
| 'pascal'
|
|
104
|
-
| 'component'
|
|
105
|
-
| 'componentKebab'
|
|
106
|
-
|
|
107
|
-
/**
|
|
108
|
-
* Router history modes - 'html5', 'hash'
|
|
109
|
-
* @default 'html5'
|
|
110
|
-
*/
|
|
111
|
-
|
|
112
|
-
routerHistoryMode?: string
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* Array of Pinegrow plugins (npm package names)
|
|
116
|
-
* To use file-based Pinegrow Plugins, provide the absolute path of the plugin file, for eg, [path.resolve(__dirname, './pg-plugin/index.js')] as pluginPath, along with a unique key
|
|
117
|
-
*/
|
|
118
|
-
plugins?: PinegrowExternalPlugin[] | string | string[]
|
|
119
|
-
|
|
120
|
-
/**
|
|
121
|
-
* Pinegrow TailwindCSS plugin options
|
|
122
|
-
* For options, refer to https://www.npmjs.com/package/@pinegrow/tailwindcss-plugin
|
|
123
|
-
*/
|
|
124
|
-
tailwindcss?: PinegrowTailwindCSSModuleOptions
|
|
125
|
-
vuetify?: PinegrowVuetifyModuleOptions
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
interface PinegrowVitePlugin<VitePluginOption> {
|
|
129
|
-
/**
|
|
130
|
-
* Pinegrow Live Designer options
|
|
131
|
-
*/
|
|
132
|
-
liveDesigner?: {
|
|
133
|
-
[key in string]?: any
|
|
134
|
-
} & LiveDesignerOptions
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
declare function export_default(liveDesigner: LiveDesignerOptions): PinegrowVitePlugin
|
|
138
|
-
|
|
139
|
-
export { PinegrowVitePlugin, LiveDesignerOptions, export_default as default, export_default as liveDesigner }
|
|
140
|
-
|
|
1
|
+
// https://vuedesigner.com
|
|
2
|
+
|
|
3
|
+
import type { PinegrowTailwindCSSModuleOptions } from '@pinegrow/tailwindcss-plugin'
|
|
4
|
+
import type { PinegrowVuetifyModuleOptions } from '@pinegrow/vuetify-plugin'
|
|
5
|
+
import type { PluginOption as VitePluginOption } from 'vite'
|
|
6
|
+
|
|
7
|
+
interface PinegrowExternalPlugin {
|
|
8
|
+
/**
|
|
9
|
+
* Display name in Props Panel and Library Panels
|
|
10
|
+
* Eg, "My Awesome Lib 3.3.1", defaults to key if not provided
|
|
11
|
+
*/
|
|
12
|
+
name?: string
|
|
13
|
+
/**
|
|
14
|
+
* Unique key that doesn't conflict with other pinegrow frameworks
|
|
15
|
+
* Run `Object.values(pinegrow.getFrameworks()).map(fx => fx.key)` in Vue Designer's devtools console for existing keys
|
|
16
|
+
*
|
|
17
|
+
* Allowed characters - alphanumeric with hyphens or period, no spaces
|
|
18
|
+
* Eg, 'my-awesome-lib'
|
|
19
|
+
*/
|
|
20
|
+
key: string
|
|
21
|
+
/**
|
|
22
|
+
* Web-types of component library (or) pinegrow commonjs plugin
|
|
23
|
+
* Must return an absolute path
|
|
24
|
+
*
|
|
25
|
+
* Use path functions according to the project module type (commonjs/module)
|
|
26
|
+
* For eg, path.resolve(__dirname, '../my-awesome-lib/web-types.json')
|
|
27
|
+
* (or)
|
|
28
|
+
* import { fileURLToPath, URL } from 'node:url'
|
|
29
|
+
* fileURLToPath(new URL('./relative-path/web-types.json', import.meta.url)) // web-types of component library
|
|
30
|
+
* fileURLToPath(new URL('./my-awesome-lib/web-types.json', import.meta.url)) // pinegrow commonjs plugin
|
|
31
|
+
*/
|
|
32
|
+
pluginPath: string
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
export interface LiveDesignerOptions {
|
|
36
|
+
/**
|
|
37
|
+
* When your project is part of a mono-repo
|
|
38
|
+
* Absolute path to the root of a monorepo (or)
|
|
39
|
+
* Relative path from the project root to the root of a monorepo.
|
|
40
|
+
*/
|
|
41
|
+
repoRoot?: string
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* When using a custom config file (for eg, vite-dev.config.js)
|
|
45
|
+
* Absolute path to a custom config file (for eg, vite-dev.config.js) (or)
|
|
46
|
+
* Relative path from the project root to a custom config file (for eg, vite-dev.config.js).
|
|
47
|
+
*/
|
|
48
|
+
configPath?: string
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Key of the devtools exposed on the window object.
|
|
52
|
+
* For instructions, check Config Panel > Devtools tab in Vue Designer
|
|
53
|
+
*/
|
|
54
|
+
devtoolsKey?: string
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* Mapping of custom folder setup that deviates from the standard project setup of the framework/meta-framework
|
|
58
|
+
* For eg, in Vitepress, the standard folders could be re-mapped outside the .vitepress folder.
|
|
59
|
+
* Vue Designer utilizes this information when a user intends to create a new component from the page tree or the Vue menu.
|
|
60
|
+
*/
|
|
61
|
+
dirs?: {
|
|
62
|
+
src?: string
|
|
63
|
+
components?: string
|
|
64
|
+
pages?: string
|
|
65
|
+
layouts?: string
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
/**
|
|
69
|
+
* By default, one among the pages and components following these naming conventions is opened automatically as the startup page - ['Hero*', 'app', 'App', 'home', 'Home', 'index', 'Index', 'welcome', 'Welcome'].
|
|
70
|
+
|
|
71
|
+
To open a specific page or component as the default startup page, configure the startupPage key in your liveDesigner config.
|
|
72
|
+
* For eg '@/Pages/Welcome.vue',
|
|
73
|
+
* For eg './resources/js/Pages/Welcome.vue',
|
|
74
|
+
*/
|
|
75
|
+
startupPage?: string
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* Dev-server URLs.
|
|
79
|
+
* The local URL is set to the application URL, when Vite is used as a middleware in certain setups, such as Laravel applications.
|
|
80
|
+
* The network URL is set when when the dev-server is running on a remote server/machine.
|
|
81
|
+
* Make sure the URLs are fixed via the CLI configurations, so that the next available port is not auto-picked if the fixed URL's port was already used by some other process. For Vite, use the `server.host` & `server.port` options for Vite - https://vitejs.dev/config/server-options.html#server-options).
|
|
82
|
+
*/
|
|
83
|
+
devServerUrls?: {
|
|
84
|
+
local?: string
|
|
85
|
+
network?: string
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* Preferred format for icons in icon-picker - https://github.com/antfu/icones/blob/main/src/utils/case.ts
|
|
90
|
+
* * @default 'unocss' // For eg, i-material-symbols-home
|
|
91
|
+
* * When using Nuxt-Icon, you need to change this to 'iconify'
|
|
92
|
+
*
|
|
93
|
+
*/
|
|
94
|
+
iconPreferredCase?:
|
|
95
|
+
| 'unocss'
|
|
96
|
+
| 'iconify'
|
|
97
|
+
| 'bare'
|
|
98
|
+
| 'barePascal'
|
|
99
|
+
| 'dash'
|
|
100
|
+
| 'slash'
|
|
101
|
+
| 'doubleHyphen'
|
|
102
|
+
| 'camel'
|
|
103
|
+
| 'pascal'
|
|
104
|
+
| 'component'
|
|
105
|
+
| 'componentKebab'
|
|
106
|
+
|
|
107
|
+
/**
|
|
108
|
+
* Router history modes - 'html5', 'hash'
|
|
109
|
+
* @default 'html5'
|
|
110
|
+
*/
|
|
111
|
+
|
|
112
|
+
routerHistoryMode?: string
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* Array of Pinegrow plugins (npm package names)
|
|
116
|
+
* To use file-based Pinegrow Plugins, provide the absolute path of the plugin file, for eg, [path.resolve(__dirname, './pg-plugin/index.js')] as pluginPath, along with a unique key
|
|
117
|
+
*/
|
|
118
|
+
plugins?: PinegrowExternalPlugin[] | string | string[]
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* Pinegrow TailwindCSS plugin options
|
|
122
|
+
* For options, refer to https://www.npmjs.com/package/@pinegrow/tailwindcss-plugin
|
|
123
|
+
*/
|
|
124
|
+
tailwindcss?: PinegrowTailwindCSSModuleOptions
|
|
125
|
+
vuetify?: PinegrowVuetifyModuleOptions
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
interface PinegrowVitePlugin<VitePluginOption> {
|
|
129
|
+
/**
|
|
130
|
+
* Pinegrow Live Designer options
|
|
131
|
+
*/
|
|
132
|
+
liveDesigner?: {
|
|
133
|
+
[key in string]?: any
|
|
134
|
+
} & LiveDesignerOptions
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
declare function export_default(liveDesigner: LiveDesignerOptions): PinegrowVitePlugin
|
|
138
|
+
|
|
139
|
+
export { PinegrowVitePlugin, LiveDesignerOptions, export_default as default, export_default as liveDesigner }
|
|
140
|
+
|