329 target only the base url (#279)

* feat: Add URL match option in ConfigSettingsModal

The code changes add a new form group in the `ConfigSettingsModal` component to allow users to select the URL match option. This is achieved by adding a new property `url_match` to the `Configuration` type and updating the form group in the component. The commit also includes updates to the `URL_MATCH` enum in the `config-model.ts` file.

Recent user commits and repository commits are not relevant for generating the commit message.

* refactor: Remove unused files and configurations for acf-options-page-e2e

* refactor: Remove unused files and configurations for acf-options-page-e2e

* chore: Remove setupFiles from jest.config.ts

apps/acf-options-page/src/modal/config-settings.modal.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { Card, Col, Form, FormControl, Modal, Row } from 'react-bootstrap';
-import { LOAD_TYPES, START_TYPES, defaultHotkey } from '@dhruv-techapps/acf-common';
+import { LOAD_TYPES, START_TYPES, URL_MATCH, defaultHotkey } from '@dhruv-techapps/acf-common';
 import { Trans, useTranslation } from 'react-i18next';
 
 import { HotkeyPopover } from '../popover';
@@ -15,7 +15,7 @@ import { REGEX } from '../util';
 const ConfigSettingsModal = () => {
   const { t } = useTranslation();
 
-  const { visible, message, dev } = useAppSelector(configSettingsSelector);
+  const { visible, message } = useAppSelector(configSettingsSelector);
   const config = useAppSelector(selectedConfigSelector);
   const dispatch = useAppDispatch();
 
@@ -71,7 +71,7 @@ const ConfigSettingsModal = () => {
           <Modal.Title as='h6'>{t('modal.configSettings.title')}</Modal.Title>
         </Modal.Header>
         <Modal.Body>
-          <Card className='mb-3'>
+          <Card className='mb-2'>
             <Card.Body>
               <Row>
                 <Col md={12} sm={12}>
@@ -172,26 +172,30 @@ const ConfigSettingsModal = () => {
             <Card.Body>
               <Row>
                 <Col md='12' sm='12'>
-                  {dev ? (
-                    <Form.Group controlId='config-start-time'>
-                      <FormControl name='startTime' pattern={REGEX.START_TIME} autoComplete='off' defaultValue={config.startTime} onBlur={onUpdate} placeholder='HH:mm:ss:fff' list='start-time' />
-                      <Form.Label>{t('configuration.startTime')}&nbsp;</Form.Label>
-                      <StartTimePopover />
-                      <Form.Control.Feedback type='invalid'>{t('error.startTime')}</Form.Control.Feedback>
-                    </Form.Group>
-                  ) : (
-                    <>
-                      <b className='me-2'>Start Time :</b>
-                      <Trans i18nKey='popover.startTime.content'>
-                        Try
-                        <a href='https://scheduleurl.com/docs/1.0/getting-started/download/' target='_blank' rel='noopener noreferrer'>
-                          Schedule URL
-                        </a>
-                        our new browser extension.
-                        <br /> it&apos;s used to schedule webpage / URL at particular day and time.
-                      </Trans>
-                    </>
-                  )}
+                  <Form.Group controlId='config-start-time'>
+                    <FormControl name='startTime' pattern={REGEX.START_TIME} autoComplete='off' defaultValue={config.startTime} onBlur={onUpdate} placeholder='HH:mm:ss:fff' list='start-time' />
+                    <Form.Label>{t('configuration.startTime')}&nbsp;</Form.Label>
+                    <StartTimePopover />
+                    <Form.Control.Feedback type='invalid'>{t('error.startTime')}</Form.Control.Feedback>
+                  </Form.Group>
+                </Col>
+              </Row>
+            </Card.Body>
+          </Card>
+          <Card className='mb-2'>
+            <Card.Body>
+              <Row>
+                <Col md='12' sm='12'>
+                  <Form.Group controlId='config-url-match'>
+                    <Form.Select value={config.url_match} onChange={onUpdate} name='url_match' required>
+                      {Object.entries(URL_MATCH).map((condition) => (
+                        <option key={condition[1]} value={condition[1]}>
+                          {condition[0]}
+                        </option>
+                      ))}
+                    </Form.Select>
+                    <Form.Label>URL Match</Form.Label>
+                  </Form.Group>
                 </Col>
               </Row>
             </Card.Body>

libs/acf/common/src/lib/model/config-model.ts

@@ -19,6 +19,11 @@ export enum CONFIG_SOURCE {
   WEB = 'web',
 }
 
+export enum URL_MATCH {
+  REGEX = 'regex',
+  EXACT = 'exact',
+}
+
 export type Configuration = {
   url: string;
   enable: boolean;
@@ -35,6 +40,7 @@ export type Configuration = {
   batch?: Batch;
   source?: CONFIG_SOURCE;
   new?: boolean;
+  url_match?: URL_MATCH;
 };
 
 export const getDefaultConfig = (source?: CONFIG_SOURCE, actions?: Array<Action>): Configuration => ({

libs/acf/store/src/lib/config-storage.ts

@@ -1,4 +1,4 @@
-import { Configuration, LOCAL_STORAGE_KEY, START_TYPES } from '@dhruv-techapps/acf-common';
+import { Configuration, LOCAL_STORAGE_KEY, START_TYPES, URL_MATCH } from '@dhruv-techapps/acf-common';
 
 export type GetConfigResult = {
   autoConfig: Configuration | undefined;
@@ -17,7 +17,7 @@ export class ConfigStorage {
       configs
         .filter((config) => config.enable && config.url)
         .forEach((config) => {
-          if (this.urlMatcher(config.url, href)) {
+          if (config.url_match !== URL_MATCH.EXACT && this.urlMatcher(config.url, href)) {
             manualConfigs.push(config);
             if (!autoConfig && config.startType === START_TYPES.AUTO) {
               autoConfig = config;

libs/core/common/jest.config.ts

@@ -8,5 +8,4 @@ export default {
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageDirectory: '../../../coverage/libs/core/common',
-  setupFiles: ['./jest.setup.js'], // Optional: if you need a setup file
 };