v3.0.0-alpha

Overview

In this version, almost all features are completed for previewing/verifying GTM tags on Windows, including

• A video recorder to record the testing process.
• Test histories are available for downloading
• An interactive visualization while performing the automatic testing
• Appealing frontend theme

On the other hand, in terms of better development experience and code quality:

• Migrate npm to pnpm for better node_modules management and faster electron-forge make, which originally 30 minutes to 5 minutes
• Refactor the Electron main process into various modules
• Perform pre-commit husky configuration and perform critical backend end-to-end tests and unit tests
• Upgrade electron, Puppeteer, and nx-related packages to the latest versions

Usage

There will be two zip files. Please unzip the tag check one.

• TagCheck: there will be an electron icon. Please double-click and wait until the application opens. There's a spinning loading screen that loads before the server starts.
• Click Upload Project card and upload another zip file.
• Have fun and explore the app

Goals

• CI/CD using GitHub actions for Windows, MacOS, and Linux
• Logical business bug fixes
• UI/UX improvement
• Testing on various websites, involving navigation to cross-origin websites such as e-commerce transaction sites
• Tests and verification on GTM configuration automation
• Clear documentation for non-technical users
• More tests to ensure product quality

What's Changed

• Guanxinwang0118/tc 144 Sentry in NestJS by @WodenWang820118 in #207
• fix: interrupt operations by @WodenWang820118 in #208
• fix: activate request interceptor by settings.json by @WodenWang820118 in #209
• fix: button style and editor height by @WodenWang820118 in #210
• fix: GTM operator should be always headful by @WodenWang820118 in #211
• refactor: main.cjs to Single Responsibility Principle modules. by @WodenWang820118 in #212
• feat: loading window while loading the app. by @WodenWang820118 in #213
• Guanxinwang0118/tc 156 update view after project upload by @WodenWang820118 in #214
• fix: use progress to determine the navigation timing. by @WodenWang820118 in #215
• fix: adjust Puppeteer viewport to be smaller by @WodenWang820118 in #216
• feat: scroll to bottom after conversion. by @WodenWang820118 in #217
• refactor: consistent color palette by @WodenWang820118 in #218
• refactor: align to the right according to the design. by @WodenWang820118 in #219
• refactor: align styles according to the design. by @WodenWang820118 in #220
• Guanxinwang0118/tc 152 GitHub readme documentation and request capturing by @WodenWang820118 in #221
• refactor: avoid common used ports. by @WodenWang820118 in #222
• Guanxinwang0118/tc 151 documentation module refactor by @WodenWang820118 in #223
• Guanxinwang0118/tc 165 remove xlsx by @WodenWang820118 in #224

Full Changelog: https://github.com/WodenWang820118/tag-check/commits/v3.0.0-alpha

v2.2.1-alpha

What's Changed

• Refactor by @WodenWang820118 in #188
• fix: inspect via GTM failure. by @WodenWang820118 in #189

Full Changelog: v2.2.0-alpha...v2.2.1-alpha

UI updates and bug fixes

What's Changed

• fix: allow users to use chromium tool for testing. by @WodenWang820118 in #176
• Guanxinwang0118/tc 115 project upload bug by @WodenWang820118 in #177
• fix: use puppeteer-chromium-resolver by @WodenWang820118 in #178
• Guanxinwang0118/tc 120 bigtable toolbar bug by @WodenWang820118 in #179
• fix: state management by @WodenWang820118 in #180
• feat: add JSON updates validators by @WodenWang820118 in #181
• feat: project pagination by @WodenWang820118 in #182
• fix: update view after adding projects. by @WodenWang820118 in #183
• feat: abort working Puppeteer by @WodenWang820118 in #184
• fix: reload behavior and reactive data updates by @WodenWang820118 in #185
• feat: backend failure handling by @WodenWang820118 in #186

Full Changelog: v2.1.3-alpha...v2.2.0-alpha

Backend Activation Improvement

Use two seconds as a timeout to ensure the first app activation.

Please unzip the sample project and put it under the tag_check_projects folder. Then, open the app to explore the functionalties.

Package Size Improvement

Update package.json to put more irrelevant dependencies in the devDependencies.

• Currently, the app needs to be opened twicie. Please open and wait for a moment and then open again.
• Please unzip another sample project and put it into the tag_check_projects. Open the app again to explore the app.

Usable version

Notes

• Please run npm install before any operation.
• Please run npm run prod-ng-frontend and npm run backend to see the production build.
• Please run npm run packager-ng to build the app on the machine accordingly. The app should be in the out folder.
• If you're curious without a production build, please run npm run ng-frontend and npm run mock-backend to see what it looks like. Meanwhile, navigate to the mock folder for the data structures and sources.

Usage

• Before any project creation, please enter the root folder path through the top-right settings. The uploaded test project uses D:/projects on a Windows machine, so either change the rootProject in the settings.json and the project.json or use the same value as given.
• There's a prepared .zip file along with the source code. After building and running the app, you may upload the file to the application.

What's Changed

• Guanxinwang0118/tv 71 request interception by @WodenWang820118 in #132
• refactor: gtm preview mode by @WodenWang820118 in #133
• feat: snackbar for successful setting saving. by @WodenWang820118 in #134
• fix: snackbar error message by @WodenWang820118 in #135
• feat: random four chars for project slug by @WodenWang820118 in #136
• refactor: duplicate frontend interfaces by @WodenWang820118 in #137
• Guanxinwang0118/tc 90 refactor by @WodenWang820118 in #138
• fix: update mock data by @WodenWang820118 in #139
• feat: expected value by @WodenWang820118 in #140
• refactor: consistent schema by @WodenWang820118 in #141
• Guanxinwang0118/tc 92 migrate gtm configurator by @WodenWang820118 in #142
• feat: tag-build migration by @WodenWang820118 in #143
• feat: tag-build optimization and release by @WodenWang820118 in #144
• refactor: housekeeping before deployment by @WodenWang820118 in #145
• Guanxinwang0118/tc 99 check recording status by @WodenWang820118 in #147
• Guanxinwang0118/tc 101 help center module by @WodenWang820118 in #148
• Compodoc - dependencies and documentation by @WodenWang820118 in #149
• Guanxinwang0118/tc 102 layout refactor by @WodenWang820118 in #150
• Guanxinwang0118/tc 104 navigation bookmark bug by @WodenWang820118 in #151
• refactor: angular services by @WodenWang820118 in #152
• refactor: help center articles by @WodenWang820118 in #153
• refactor: project layout by @WodenWang820118 in #154
• feat: report deletion consent. by @WodenWang820118 in #155
• feat: project deletion by @WodenWang820118 in #156
• feat: upload zip project creation by @WodenWang820118 in #157
• refactor: non-empty measurement id can use the request check feature by @WodenWang820118 in #158
• fix: empty measurement id should set the request check to false. by @WodenWang820118 in #159
• fix: setting the form by @WodenWang820118 in #160
• fix: one test running at a time. by @WodenWang820118 in #161
• refactor: mock server and mock data by @WodenWang820118 in #162
• refactor: handle falsy data by @WodenWang820118 in #163

Full Changelog: v1.0.0-alpha...v2.0.0-alpha

Package Size Improvement

Adjust package.json dependencies to reduce package size.

Electron production build

Before, the production build could not be opened and required backend activation when opening the Electron app. Now, although it takes two times to open the app, it is stable and uses the folder within the Electron app. Here are summaries of this tag.

• No longer need to specify the project saving folder that it is by default using the resources/tag_check_projects.
• Faster server activation by Nest lazy-loading feature.
• Open the Electron window only after the backend is successfully activated and add a retry mechanism.
• Speed up the make when installing required backend packages.
• Adjust or remove dependencies to optimize the make time.
• Only build the zip file to save the building resource.

Please unzip the ng_gtm_integration_sample and put the folder in the resources/tag_check_projects. The app should be able to read the file and run the tests.

Developer Usable Version

• Objectives

  • Please refer to README.md in the develop branch
  • Please use the uploaded zip for a tease. The upload option should be available on the settings page after new project creation.

• Features

  • GTM Sharable Link Preview Mode Automation: Automate the QA process by utilizing the sharable links in GTM, enhancing collaboration and efficiency.
  • Production Website DataLayer Inspection Automation: Streamline the inspection of dataLayer elements on production websites, facilitating quicker debugging and analysis.
  • Report Generation and Download: Enable users to generate and download reports, improving data accessibility and user productivity.
  • Project Initialization, Import, and Export: Simplify project management with enhanced features for initializing, importing, and exporting projects.
  • Browser Launching Settings: Offer more control over browser settings during launch, enhancing user customization and flexibility.

• Technology

  • Initial Layout with Angular 17: Utilize Angular 17 for a robust and responsive initial layout, leveraging its latest features for improved user experience.
  • Backend Service with Nest.js: Implement Nest.js for backend services to benefit from its scalability and modular architecture.
  • SQLite3 Database: Employ SQLite3 for a lightweight, yet powerful database solution, optimizing data management and access.