@pinegrow/vite-plugin 3.0.35-beta.0 → 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/package.json CHANGED
@@ -1,50 +1,50 @@
1
- {
2
- "name": "@pinegrow/vite-plugin",
3
- "version": "3.0.35-beta.0",
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",
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
+