Initial packaging

package.json

@@ -13,6 +13,7 @@
   "dependencies": {
     "@benmajor/jquery-touch-events": "^2.0.3",
     "@craftcms/sass": "./packages/craftcms-sass",
+    "@craftcms/garnish": "./packages/craftcms-garnish",
     "@pixelandtonic/craftui": "~0.3.8",
     "accounting": "^0.4.1",
     "axios": "^0.21.4",

packages/craftcms-garnish/webpack.config.js

@@ -4,15 +4,19 @@ const { getConfig } = require('@craftcms/webpack');
 const MergeIntoSingleFilePlugin = require('webpack-merge-and-include-globally');
 const glob = require('glob');
 
+// chdir so the glob commands work when running from outside this dir
+process.chdir(__dirname);
+
 const files = glob.sync('lib/*.js');
-files.push(...glob.sync('src/Base*.js'), 'src/Garnish.js');
+files.push('src/Garnish.js', ...glob.sync('src/Base*.js'));
 files.push(...glob.sync('src/*.js', {
     ignore: files
 }));
 
 module.exports = getConfig({
   context: __dirname,
   config: {
+    name: 'garnish',
     plugins: [
       new MergeIntoSingleFilePlugin({
         files: {

src/web/assets/garnish/GarnishAsset.php

@@ -23,8 +23,7 @@ class GarnishAsset extends AssetBundle
      */
     public function init()
     {
-        $this->sourcePath = __DIR__ . '/dist';
-
+        $this->sourcePath = '@vendor/craftcms/cms/packages/craftcms-garnish/dist';
         $this->depends = [
             ElementResizeDetectorAsset::class,
             JqueryAsset::class,

webpack.config.js

@@ -1,3 +1,7 @@
 const {getConfigs} = require('@craftcms/webpack');
+const garnishConfig = require('@craftcms/garnish');
 
-module.exports = getConfigs();
+module.exports = [
+  garnishConfig,
+  ...getConfigs()
+];