From 4089eee84ef852c570efa4b29fdecef2cd377624 Mon Sep 17 00:00:00 2001
From: RahiDroid
Date: Sat, 27 Aug 2022 19:02:53 +0530
Subject: [PATCH 1/9] Feat: Add scripts and styles demo built files
---
assets/src/css/core-navigation.scss | 3 +++
assets/src/js/core-navigation.js | 8 ++++++++
assets/src/js/index.js | 0
webpack.config.js | 9 ++++-----
4 files changed, 15 insertions(+), 5 deletions(-)
create mode 100644 assets/src/css/core-navigation.scss
create mode 100644 assets/src/js/core-navigation.js
delete mode 100644 assets/src/js/index.js
diff --git a/assets/src/css/core-navigation.scss b/assets/src/css/core-navigation.scss
new file mode 100644
index 00000000..34cf0a96
--- /dev/null
+++ b/assets/src/css/core-navigation.scss
@@ -0,0 +1,3 @@
+/**
+ * Custom styles required for the core Navigatino block.
+ */
diff --git a/assets/src/js/core-navigation.js b/assets/src/js/core-navigation.js
new file mode 100644
index 00000000..0b470122
--- /dev/null
+++ b/assets/src/js/core-navigation.js
@@ -0,0 +1,8 @@
+/**
+ * Custom script required for the core Navigatino block.
+ */
+
+/**
+ * Internal dependencies
+ */
+import '../css/core-navigation.scss';
diff --git a/assets/src/js/index.js b/assets/src/js/index.js
deleted file mode 100644
index e69de29b..00000000
diff --git a/webpack.config.js b/webpack.config.js
index 2a03e195..59c45890 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -76,15 +76,14 @@ const styles = {
};
-/* Example of how to add a new entry point for a JS file.
-const exampleJS = {
+const scripts = {
...sharedConfig,
entry: {
- 'example-js': path.resolve(process.cwd(), 'assets', 'src', 'js', 'example.js'),
+ 'core-navigation': path.resolve( process.cwd(), 'assets', 'src', 'js', 'core-navigation.js' ),
},
};
- */
module.exports = [
- styles, // Do not remove this.
+ scripts,
+ styles,
];
From 0bbb97e97efc68f3e6651a2b7281191451e9a875 Mon Sep 17 00:00:00 2001
From: RahiDroid
Date: Sat, 27 Aug 2022 19:04:00 +0530
Subject: [PATCH 2/9] Feat: Add sample block-specific asset injection
---
inc/classes/class-assets.php | 163 +++++++++++++++++++++++++
inc/classes/class-elementary-theme.php | 2 +
2 files changed, 165 insertions(+)
create mode 100644 inc/classes/class-assets.php
diff --git a/inc/classes/class-assets.php b/inc/classes/class-assets.php
new file mode 100644
index 00000000..1a01c34b
--- /dev/null
+++ b/inc/classes/class-assets.php
@@ -0,0 +1,163 @@
+setup_hooks();
+
+ }
+
+ /**
+ * Setup hooks.
+ *
+ * @since 1.0.0
+ */
+ public function setup_hooks() {
+ add_action( 'wp_enqueue_scripts', [ $this, 'register_assets' ] );
+ add_filter( 'render_block', array( $this, 'enqueue_block_specific_assets' ), 10, 2 );
+ }
+
+ /**
+ * Register assets.
+ *
+ * @since 1.0.0
+ *
+ * @action wp_enqueue_scripts
+ */
+ public function register_assets() {
+
+ $this->register_script( 'core-navigation', 'js/core-navigation.js' );
+ $this->register_style( 'core-navigation', 'css/core-navigation.css' );
+ }
+
+ /**
+ * Enqueue block specific assets.
+ *
+ * @param String $markup Markup of the block.
+ * @param Array $block Array with block information.
+ *
+ * @since 1.0.0
+ */
+ public function enqueue_block_specific_assets( $markup, $block ) {
+ if ( is_array( $block ) && ! empty( $block['blockName'] ) && 'core/navigation' === $block['blockName'] ) {
+ wp_enqueue_script( 'core-navigation' );
+ wp_enqueue_style( 'core-navigation' );
+ }
+
+ return $markup;
+ }
+
+ /**
+ * Get asset dependencies and version info from {handle}.asset.php if exists.
+ *
+ * @param string $file File name.
+ * @param array $deps Script dependencies to merge with.
+ * @param string $ver Asset version string.
+ *
+ * @return array
+ */
+ public function get_asset_meta( $file, $deps = array(), $ver = false ) {
+ $asset_meta_file = sprintf( '%s/js/%s.asset.php', untrailingslashit( ELEMENTARY_THEME_BUILD_DIR ), basename( $file, '.' . pathinfo( $file )['extension'] ) );
+ $asset_meta = is_readable( $asset_meta_file )
+ ? require $asset_meta_file
+ : array(
+ 'dependencies' => array(),
+ 'version' => $this->get_file_version( $file, $ver ),
+ );
+
+ $asset_meta['dependencies'] = array_merge( $deps, $asset_meta['dependencies'] );
+
+ return $asset_meta;
+ }
+
+ /**
+ * Register a new script.
+ *
+ * @param string $handle Name of the script. Should be unique.
+ * @param string|bool $file script file, path of the script relative to the assets/build/ directory.
+ * @param array $deps Optional. An array of registered script handles this script depends on. Default empty array.
+ * @param string|bool|null $ver Optional. String specifying script version number, if not set, filetime will be used as version number.
+ * @param bool $in_footer Optional. Whether to enqueue the script before instead of in the