angularjs-tree 1.1.0 → 2.0.0

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

package/.github/workflows/publish.yml

@@ -2,17 +2,19 @@ on:
   release:
     types: [published]
 name: Publish
+permissions:
+  id-token: write
+  contents: read
 jobs:
   publish:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
-          node-version: '16.x'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org'
-          scope: '@amalfra'
+      - name: Update npm
+        run: npm install -g npm@latest
       - run: npm ci
       - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/README.md

@@ -2,7 +2,7 @@ Angularjs tree
 ====
 [![npm](https://img.shields.io/npm/v/angularjs-tree.svg)](https://www.npmjs.com/package/angularjs-tree)
 
-A simple directive for creating tree lists with angularjs
+A simple directive for creating tree lists with Angularjs version 1.
 
 ![screenshot](https://raw.githubusercontent.com/amalfra/angularjs-tree/master/examples/screenshot.png)
 

package/dist/angularjs-tree.min.js

@@ -1,7 +1,6 @@
-/** 
-* angularjs-tree - v1.1.0 
-* (c) 2025-11-24. https://github.com/amalfra/angularjs-tree 
-* License: MIT 
-*/
-
-!function(i){"use strict";i.module("angularjs.tree",[]).directive("tree",["$document",function(e){return{restrict:"A",scope:{callback:"&treeCallback"},link:function(a,e){i.forEach(i.element(e).children(),function(e,n){var l=i.element(e)[0].querySelector("a"),t=i.element(e)[0].querySelector(".treeview-menu"),c=i.element(e).hasClass("active");c?i.element(t).css("display","block"):i.element(t).css("display","none"),null!=t&&i.element(l).bind("click",function(e){e.preventDefault(),c?(i.element(t).css("display","none"),c=!1,i.element(l).parent("li").removeClass("active")):(i.element(t).css("display","block"),c=!0,i.element(l).parent("li").addClass("active")),a.callback({event:e})})})}}}])}((window,window.angular));
+/*!
+ * angularjs-tree - v2.0.0
+ * (c) 2026. Amal Francis
+ * License: MIT
+ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("angular")):"function"==typeof define&&define.amd?define(["angular"],t):"object"==typeof exports?exports["angularjs.tree"]=t(require("angular")):e["angularjs.tree"]=t(e.angular)}(this,e=>(()=>{"use strict";var t={526(t){t.exports=e}},r={};function n(e){var l=r[e];if(void 0!==l)return l.exports;var o=r[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};n.r(l),n.d(l,{default:()=>c});var o=n(526),a="angularjs.tree";o.module(a,[]).directive("tree",["$document",function(e){return{restrict:"A",scope:{callback:"&treeCallback"},link:function(e,t){o.forEach(o.element(t).children(),function(t,r){var n=o.element(t)[0].querySelector("a"),l=o.element(t)[0].querySelector(".treeview-menu"),a=o.element(t).hasClass("active");a?o.element(l).css("display","block"):o.element(l).css("display","none"),null!=l&&o.element(n).bind("click",function(t){t.preventDefault(),a?(o.element(l).css("display","none"),a=!1,o.element(n).parent("li").removeClass("active")):(o.element(l).css("display","block"),a=!0,o.element(n).parent("li").addClass("active")),e.callback({event:t})})})}}}]);const c=a;return l})());

package/examples/demo1.html

@@ -2,7 +2,7 @@
 <html>
 	<head>
 		<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
-		<script src="../src/angularjs-tree.js"></script>
+		<script src="../dist/angularjs-tree.min.js"></script>
 		<title>Angular tree demo</title>
 		<script>
 		angular.module('demoApp', ['angularjs.tree']).controller('demoController', ['$scope', function($scope) {

package/examples/demo2.html

@@ -2,7 +2,7 @@
 <html>
 	<head>
 		<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
-		<script src="../src/angularjs-tree.js"></script>
+		<script src="../dist/angularjs-tree.min.js"></script>
 		<title>Angular tree demo</title>
 		<script>
 		angular.module('demoApp', ['angularjs.tree']).controller('demoController', ['$scope', function($scope) {

package/package.json

@@ -1,18 +1,35 @@
 {
   "name": "angularjs-tree",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "description": "A simple directive for creating tree lists with angularjs",
   "author": "Amal Francis",
+  "type": "module",
   "bugs": {
     "url": "https://github.com/amalfra/angularjs-tree/issues"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/amalfra/angularjs-tree"
+    "url": "git@github.com:amalfra/angularjs-tree.git"
   },
+  "scripts": {
+    "build": "webpack --mode production",
+    "dev": "webpack --mode development"
+  },
+  "keywords": [
+    "angularjs",
+    "tree",
+    "view"
+  ],
   "license": "MIT",
   "devDependencies": {
-    "grunt": "^1.3.0",
-    "grunt-contrib-uglify": "^5.0.1 "
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
+    "babel-loader": "^10.1.1",
+    "terser-webpack-plugin": "^5.4.0",
+    "webpack": "^5.105.4",
+    "webpack-cli": "^7.0.2"
+  },
+  "peerDependencies": {
+    "angular": "^1.8.3"
   }
 }

package/src/index.js

@@ -0,0 +1,49 @@
+import angular from 'angular';
+
+const moduleName = 'angularjs.tree';
+
+const mod = angular.module(moduleName, []);
+
+mod.directive('tree', ['$document', function($document) {
+	return {
+		restrict: 'A',
+		scope: {
+			callback: '&treeCallback'
+		},
+		link: function(scope, elem) {
+			angular.forEach(angular.element(elem).children(), function(value, key) {
+				var btn = angular.element(value)[0].querySelector('a');
+				var menu = angular.element(value)[0].querySelector('.treeview-menu');
+				var isActive = angular.element(value).hasClass('active');
+
+				// initialize already active menus
+				if (isActive) {
+					angular.element(menu).css('display', 'block');
+				} else {
+					angular.element(menu).css('display', 'none');
+				}
+
+				if (menu != null) {
+					// open or close the sub menu on link click
+					angular.element(btn).bind("click", function(e){
+						e.preventDefault();
+						if (isActive) {
+							// close sub menu
+							angular.element(menu).css('display', 'none');
+							isActive = false;
+							angular.element(btn).parent('li').removeClass('active');
+						} else {
+							// open sub menu
+							angular.element(menu).css('display', 'block');
+							isActive = true;
+							angular.element(btn).parent('li').addClass('active');
+						}
+						scope.callback({event: e});
+					});
+				}
+			});
+		}
+	}
+}]);
+
+export default moduleName;

package/webpack.config.js

@@ -0,0 +1,65 @@
+import path from 'path';
+import { fileURLToPath } from 'url';
+import TerserPlugin from 'terser-webpack-plugin';
+import webpack from 'webpack';
+import { createRequire } from 'module';
+
+const require = createRequire(import.meta.url);
+const pkg = require('./package.json');
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export default (env, argv) => {
+  const isProd = argv.mode === 'production';
+
+  const banner = `
+${pkg.name} - v${pkg.version}
+(c) ${new Date().getFullYear()}. ${pkg.author || ''}
+License: ${pkg.license || 'MIT'}
+`.trim();
+
+  return {
+    entry: './src/index.js',
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      filename: isProd
+        ? 'angularjs-tree.min.js'
+        : 'angularjs-tree.js',
+      library: {
+        name: 'angularjs.tree',
+        type: 'umd'
+      },
+      globalObject: 'this'
+    },
+    externals: {
+      angular: 'angular'
+    },
+    module: {
+      rules: [
+        {
+          test: /\.js$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'babel-loader'
+          }
+        }
+      ]
+    },
+    plugins: [
+      new webpack.BannerPlugin({
+        banner,
+        raw: false,
+        entryOnly: true
+      })
+    ],
+    optimization: {
+      minimize: isProd,
+      minimizer: [new TerserPlugin({
+        extractComments: false // prevent separate LICENSE file
+      })]
+    },
+    devtool: isProd ? false : 'source-map',
+    mode: isProd ? 'production' : 'development'
+  };
+};

package/Gruntfile.js

@@ -1,21 +0,0 @@
-module.exports = function(grunt) {
-	grunt.initConfig({
-	  pkg: grunt.file.readJSON('package.json'),
-	  uglify: {
-			options: {
-				banner: '/** \n'+
-				'* <%= pkg.name %> - v<%= pkg.version %> \n' +
-				'* (c) <%= grunt.template.today("yyyy-mm-dd") %>. <%= pkg.repository.url %> \n' +
-				'* License: <%= pkg.license %> \n*/\n'
-			},
-			my_target: {
-			  files: {
-				'./dist/angularjs-tree.min.js': ['./src/angularjs-tree.js']
-			  }
-			}
-	  }
-	});
-
-	grunt.loadNpmTasks('grunt-contrib-uglify');
-	grunt.registerTask('default', ['uglify:my_target']);
-}

package/src/angularjs-tree.js

@@ -1,49 +0,0 @@
-(function(window, angular, undefined) {
-    'use strict';
-	angular.module("angularjs.tree",[]).directive('tree', ["$document", function($document) {
-	   return {
-		   restrict: 'A',
-		   scope: {
-				callback: '&treeCallback'
-		   },
-		   link: function(scope, elem) {
-				angular.forEach(angular.element(elem).children(), function(value, key){
-
-					var btn = angular.element(value)[0].querySelector("a");
-					var menu = angular.element(value)[0].querySelector(".treeview-menu");
-					var isActive = angular.element(value).hasClass('active');
-
-					//initialize already active menus
-					if (isActive)
-					{
-						angular.element(menu).css('display', 'block');
-					}
-					else
-					{
-						angular.element(menu).css('display', 'none');
-					}
-
-					if (menu != null)
-					{
-						//open or close the sub menu on link click
-						angular.element(btn).bind("click", function(e){
-							e.preventDefault();
-							if (isActive) {
-								//close sub menu
-								angular.element(menu).css('display', 'none');
-								isActive = false;
-								angular.element(btn).parent("li").removeClass("active");
-							} else {
-								//open sub menu
-								angular.element(menu).css('display', 'block');
-								isActive = true;
-								angular.element(btn).parent("li").addClass("active");
-							}
-							scope.callback({event: e});
-						});
-					}
-				});
-		   }
-	   }
-	}]);
-})(window, window.angular);