@storepress/create-plugin-html 0.0.5 → 0.1.0

package/plugin-templates/webpack.config.js.mustache

@@ -1,98 +1,114 @@
 const [
-	defaultJSConfig,
-	defaultModuleConfig,
-] = require( '@wordpress/scripts/config/webpack.config' );
+          defaultJSConfig,
+          defaultModuleConfig,
+      ]                                            = require('@wordpress/scripts/config/webpack.config');
 const {
-	requestToExternal,
-	requestToHandle,
-	requestToExternalModule,
-	getFile,
-	getRootFile,
-	getWebPackAlias,
-} = require( './tools/webpack-helpers' );
-const WoocommerceDependencyExtractionWebpackPlugin = require( '@woocommerce/dependency-extraction-webpack-plugin' );
-const DependencyExtractionWebpackPlugin = require( '@wordpress/dependency-extraction-webpack-plugin' );
-const RemoveEmptyScriptsPlugin = require( 'webpack-remove-empty-scripts' );
+          requestToExternal,
+          requestToHandle,
+          requestToExternalModule,
+          getFile,
+          getRootFile,
+          getWebPackAlias,
+      }                                            = require('./tools/webpack-helpers');
+const WoocommerceDependencyExtractionWebpackPlugin = require('@woocommerce/dependency-extraction-webpack-plugin');
+const DependencyExtractionWebpackPlugin            = require('@wordpress/dependency-extraction-webpack-plugin');
+const RemoveEmptyScriptsPlugin                     = require('webpack-remove-empty-scripts');
 
 const scriptConfig = {
-	...defaultJSConfig,
-	entry: {
-		[`plugin`]: [
-			getRootFile('style.scss'),
-			getRootFile('script.js'),
+    ...defaultJSConfig,
+    entry : {
+        [`react-example`]             : [
+            getFile('react/index.js'),
         ],
-        'storepress-utils': {
-			import: '@storepress/utils/build-module/index.js',
-			library: {
-				name: ['StorePress','Utils'],
-				type: 'window'
-			},
-		}
-	},
 
-	resolve: {
-		...defaultJSConfig.resolve,
-		alias: {
-			...defaultJSConfig.resolve.alias,
-			...getWebPackAlias(),
-		},
-	},
+        'storepress-utils' : {
+            import  : '@storepress/utils/build-module/index.js',
+            library : {
+                name    : ['StorePress', 'Utils'],
+                type : 'window',
+            },
+        },
 
-	plugins: [
-		// ...defaultJSConfig.plugins,
-		...defaultJSConfig.plugins.filter(
-			( plugin ) =>
-				plugin.constructor.name !== 'DependencyExtractionWebpackPlugin'
-		),
-		new WoocommerceDependencyExtractionWebpackPlugin( {
-			requestToExternal,
-			requestToHandle,
-			requestToExternalModule,
-		} ),
+        [`script-example`] : [
+            getFile('storepress/style.scss'),
+            getFile('storepress/script.js'),
+        ],
+    },
 
-		// Removes the empty `.js` files generated by webpack but
-		// sets it after WP has generated its `*.asset.php` file.
-		new RemoveEmptyScriptsPlugin( {
-			stage: RemoveEmptyScriptsPlugin.STAGE_AFTER_PROCESS_PLUGINS,
-		} ),
-	]
-};
+    resolve : {
+        ...defaultJSConfig.resolve,
+        alias : {
+            ...defaultJSConfig.resolve.alias,
+            ...getWebPackAlias(),
+        },
+    },
+
+    plugins : [
+        ...defaultJSConfig.plugins,
+        ...defaultJSConfig.plugins.filter(
+            (plugin) =>
+                plugin.constructor.name !== 'DependencyExtractionWebpackPlugin'
+        ),
+
+        new DependencyExtractionWebpackPlugin({
+            requestToExternal,
+            requestToHandle,
+            requestToExternalModule,
+        }),
+
+        // Removes the empty `.js` files generated by webpack but
+        // sets it after WP has generated its `*.asset.php` file.
+        new RemoveEmptyScriptsPlugin({
+            stage : RemoveEmptyScriptsPlugin.STAGE_AFTER_PROCESS_PLUGINS,
+        }),
+    ],
+}
 
 const moduleConfig = {
-	...defaultModuleConfig,
-	output: { ...defaultModuleConfig.output, module: true },
-	experiments: { outputModule: true },
-	entry: {
-		// ...defaultModuleConfig.entry(),
-		// 'custom-module': getFile( 'custom-module.js' ),
-	},
+    ...defaultModuleConfig,
+    entry : {
+        'interactive-example' : getFile('interactive/index.js'),
+        'storepress-utils-module': {
+            import: '@storepress/utils/build-module/index.js',
+            library: {
+                type: 'module',
+            },
+        },
+
+        [`module-example`] : [
+            getFile('storepress/style.scss'),
+            getFile('storepress/script.js'),
+        ],
+    },
+
+    resolve : {
+        ...defaultModuleConfig.resolve,
+        alias : {
+            ...defaultModuleConfig.resolve.alias,
+            ...getWebPackAlias(),
+        },
+    },
+
+    plugins : [
+        ...defaultModuleConfig.plugins,
 
-	resolve: {
-		...defaultModuleConfig.resolve,
-		alias: {
-			...defaultModuleConfig.resolve.alias,
-			...getWebPackAlias(),
-		},
-	},
+        ...defaultModuleConfig.plugins.filter(
+            (plugin) =>
+                plugin.constructor.name !== 'DependencyExtractionWebpackPlugin'
+        ),
 
-	plugins: [
-		// ...defaultModuleConfig.plugins,
-		...defaultModuleConfig.plugins.filter(
-			( plugin ) =>
-				plugin.constructor.name !== 'DependencyExtractionWebpackPlugin'
-		),
-		new DependencyExtractionWebpackPlugin( {
-			requestToExternal,
-			requestToHandle,
-			requestToExternalModule,
-		} ),
+        new DependencyExtractionWebpackPlugin({
+            requestToExternal,
+            requestToHandle,
+            requestToExternalModule,
+        }),
 
-		// Removes the empty `.js` files generated by webpack but
-		// sets it after WP has generated its `*.asset.php` file.
-		new RemoveEmptyScriptsPlugin( {
-			stage: RemoveEmptyScriptsPlugin.STAGE_AFTER_PROCESS_PLUGINS,
-		} ),
-	],
+        // Removes the empty `.js` files generated by webpack but
+        // sets it after WP has generated its `*.asset.php` file.
+        new RemoveEmptyScriptsPlugin({
+            stage : RemoveEmptyScriptsPlugin.STAGE_AFTER_PROCESS_PLUGINS,
+        }),
+    ],
 };
 
-module.exports = [ scriptConfig, moduleConfig ];
+module.exports = [scriptConfig, moduleConfig];

package/block-templates/index.js.mustache

@@ -1,20 +0,0 @@
-/**
- * External dependencies
- */
-import { createStorePressPlugin } from '@storepress/utils';
-
-/**
- * Internal dependencies
- */
-import { Plugin } from './Plugin';
-
-const {{pascaleSlug}} = createStorePressPlugin( {
-	selector: '[data-{{kebabSlug}}]',
-	options: {},
-	plugin: Plugin,
-	namespace: '{{pascaleSlug}}',
-} );
-
-{{pascaleSlug}}.setup();
-
-export default {{pascaleSlug}};

package/plugin-templates/global-style.css.mustache

@@ -1,14 +0,0 @@
-body {
-    font-family: sans-serif;
-}
-
-.wrapper {
-    width: 80%;
-    height: 80dvh;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    margin-inline: auto;
-}

package/plugin-templates/script.js.mustache

@@ -1,8 +0,0 @@
-/**
- * External dependencies
- */
-import {{pascaleSlug}} from '@{{kebabNamespace}}/{{kebabSlug}}';
-
-document.addEventListener( 'DOMContentLoaded', () => {
-  {{pascaleSlug}}.init();
-} );

package/plugin-templates/style.scss.mustache

@@ -1,10 +0,0 @@
-@charset "UTF-8";
-
-@use "./src/mixins" as plugin;
-
-:where([data-{{kebabSlug}}]) {
-  @include plugin.init();
-  & {
-    --custom-variable: 1px;
-  }
-}