Salient Soft

I needed to do a partial sync of my legacy iPod classic as my total library is now over 80GB, the size of its internal hard drive. I have never had to do this before, and have only ever done full syncs.

When trying to sync to add some newly added music in the library, it gave up due to lack of space. I tried various ways to just copy albums over but could not find a way to copy over manually or do a partial sync. Opening the iPod in the left column menus did show a breakdown including music, but I could not drag and drop albums or songs to this, even though it is what you normally do to add manually to playlists.

In the end I found the answer. Right under the top text menu bar is a bar that normally shows just “music” on it. However, when the iPod is connected to iTunes, it shows just to the right of the “music” option, as a little iPod icon.

Clicking this shows a whole new view of the iPod device, including a different set of left column menu options for the device – fundamentally different options compared to just clicking the iPod under devices in the left hand column when in the “normal” music mode.

At the top of the left column options is a Settings group, and for example clicking on Music under this group gives a new screen which allows either full sync of all the music, or selcted syncing, via the radio group near the top. Note that there is a tickbox at the top labelled “Sync music xxxx songs” – unticking this removes all the music from being synced.

When you click on the radio button for “Selected playlists, artists, albums and genres” rather than “Entire music library”, you get the ability to filter/select on numerous choices per the radio option – you can filter on a combination of playlists, artists, albums and genres, giving the ability to sync down to the album level.

You can also do similar partial syncs which include Movies/Audiobooks etc. by clicking these under the left column settings menu and filtering these (I mostly did not have any). You do the required selections for all these categories first if you have more to do than just music – the bottom bar with its sync button on the right remains for all the categories under settings – just the filtering options change depending on the category selected.

Having made the selections for all the categories, you then click Sync at the bottom right, and this does a complete sync of the device according to what you have selected.

Once done and synced, clicking the left arrow at the top left of the bar which earlier had the “Music” option under the top menu bar closes this new device view and returns to the original iTunes music view. Crucially, when you do this, the “Music” option again appears, and the iPod icon again appears just to the right of it. Note that for some reason, unexpectedly, the right arrow just to the left of the “Music” option does not take you to this new iPod device view – you have to click the iPod icon directly rather than right arrow.

All perhaps a bit hidden and quirky in places, but I was very pleased to be able to selectively sync to the iPod as I wished.

Comments Off on Partially Syncing an iPod to the iTunes Library

I have just been notified by ZEN of the change to SOGEA in 30 days time.

Having looked into this, here are the main points:

1/ The switchover is transparent from an internet viewpoint. The internet should continue working with no change to the master socket/connection, and the FritzBox 7530 should not need any reconfiguration.

2/ I can use the RJ11 phone connector on the FritzBox as an analog phone connection to the existing BT 4600 base station by replacing the existing analogue phone cable with an RJ11 – RJ11 cable (I have already ordered one of these).

3/ Whilst the Fritz 7530 does support DECT, it appears that BT4600 handsets cannot connect to the Fritz 7530 wirelessly as a base station. This is discussed here, and appears to be due to the lack of DECT-GAP support in the BT 4600:

4/ Going forward, I would like to dump the BT4600s as they are becoming faulty/batteries failing etc. Ideally I would like some kind of local VOIP based solution as this would allow phone handsets to work anywhere we have wifi, particularly in the garden office. Otherwise, the DECT wireless network needs to cover down to the garden office, which would still be a challange, and seems unnecessary. We already have good Wifi coverage in the house and garden so it seems pointless to duplicate it for no reason. However, I have yet to find a good solution to all this.

5/ There are plenty of good DECT phones still available, per the Which? reviews here:
They even recommend the BT 4600 still, but the reviews don’t seem to mention DECT-GAP.
However, as above, I am reluctant to dive down the DECT route again as we already have good wifi coverage.

Comments Off on Zen SOGEA switchover issues

We had a power cut recently and as a result, the Procurve 1810 switch in my garden office stopped working. After investigating, I discovered the PSU was faulty, likely blown by a voltage glitch during the power cut/restoration (it was also pretty old having been purchased in 2009). I had a spare PSU and a spare switch, but wanted to have a replacement on hand in case another one blew. I dismantled the old PSU to see if it had an internal blown fuse that I could replace. It used a very non standard screw to hold the case together, a bit like a torx but with a centre spigot. I managed to undo it with a torx, but even then the case was very hard to prise open – they definitely did not want you to dismantle it! Once I had it apart there was no fuse so I declared it completely dead.

The issue was that as the kit is proprietary HP, it uses a completely non standard DC connector on the switch that I could not find a PSU for readily anywhere. As the switch is old, there were a few places offering compatible PSUs, but I could not be certain that they had the correct DC connector. The frustrating thing was that the PSU requirement was a standard one, 12v 1.25A, which was available cheaply in many places with a standard 5.5mm x 2.1mm DC connector, and I had a spare one of these. Whilst I also had a PSU with an adapter on the end and a choice of DC connectors especially for this kind of situation, none of the choices I had matched the Procurve PSU connector.

I had a couple of the 5.5 x 2.1 soldered cable mounting female sockets so elected to chop the DC cable off the old supply and make my own adapter. I left plenty of cable length so I could easily chop the end off and redo it if the adapter went  wrong in future. Some care was needed soldering the cable socket – I used heat shrink sleeving over the centre pin joint, as the outer soldered joint was very close. I also used some larger heat shrink over the whole thing. In retrospect, I wondered if I could have added another piece of heat shrink over the outer soldered joint as well, having squeezed the end crimp solely over the outer cable run, not both. However, I think I was borderline tight as it was re getting the plastic cover on, and all the heat shrink was fine. In future I might consider just heat shrinking both connections separately and not using an outer one at all, but the tricky balance is that there is no overall cable clamp and I liked the idea of an overall heat shrink.

The existing soldered cable sockets I originally obtained from Maplin are available on Amazon here. You can also buy pre wired sockets with a length of cable (which would need an inline cable-cable-joint) but the only ones I could find were panel mount sockets rather than cable mounted.

Comments Off on HP Procurve 1810 – blown power supply

This follows on from my previous post here.

I had to use the mobile router backup in anger for the first time last Friday. Unfortunately, as I had not used it since 2023, the remaining minutes, existing sim and phone number had expired, as I had forgotten to periodically refresh them. After around 6 months or 179 days your sim/account hibernates, as per here. You have another 90 days to reactivate it after which it dies completely.

I therefore had to obtain another sim. I ordered a free one from EE by phone, but as this was going to take a few days to arrive, I just went to the local EE shop and bought a sim with inclusive 25Gb data pack for £15.

To manage the sim online at any time (which is the most convenient way) you register a new account with My EE here. Once you have done this, you can register the new sim with My EE by logging into your new account and selecting ‘Link a product’ and giving the SIM’s phone number. Note that a confirming text will be send to the sim phone number with a code which you must enter online. The easiest way to do this is to use a mobile to connect to the 4GEE router’s own wifi, and then visit 192.168.1.1 and login using the password you used when setting up the 4GEE mobile router. From the admin pages for the router, you can select the Status page option, which then has an SMS inbox link. This will allow you to view the text and get the confirmation code to register the SIM online. You can then select Manage Products when you log in to My EE, and your sim will appear in the list.

Note that when adding more data for the sim there is a difference between an addon as mentioned in the previous post, and a new subscription pack. The addon prices seem to be significantly more than just allowing the subscription pack to renew. You can change to another subscription pack but you have to stop the first pack completely, which you can do via a text or by visiting My EE and managing your pack(s) here. I will need to stop my pack (i.e. stop the auto renewal) within 30 days to stop it trying to renew. I believe this will still allow the minutes to be used, but the usual timeouts will apply, i.e. the data expires in 30 days for the pack that I bought.

Note also that all EE payg from March 2023 is limited to 25Mb download – I must have just missed this last time which is why I got the faster rates. As that original SIM has now died my new sim is subject to the limit. This is not too bad as the speed is still perfectly acceptable for streaming etc. The maximum is not much faster than the previous speeds of up to 20Mb that I was getting with the mobile router in the house, but as I have already set up the EZCOO usb extender, it is still worth keeping as I am still getting the best speed I can especially if reception conditions are difficult.

Also I used backup switchover ‘in anger’ – generally seems good, takes a few minutes either way. However once or twice when I turned off the mobile router completely in the Fritz internet mobile menu, the DSL popped up instantly which looked suspicious – as if it was already working and back on but didn’t show it. It does however have to be on for 30 minutes continuously in order for the auto switch from backup to happen.
At the end of the day, it is easy to switch mobile completely on or off in the menu, so manually switching over at any time if desired is straight forward, but the auto switch was pretty good.

Note that when the mobile router is in use via the fritz box, the DSL connection appears completely off/dead even if the FTTC connection is all working. You also cannot do a DSL test with the Fritz Box when the mobile backup is active, and neither can you do a full end to end test from the ZEN portal.

Re Zen diagnosis, whilst Zen were quick to respond and helpful, their outage page still showed no outage at all for our area code even when we had experienced the outage for several days intermittently, so we did not discover what the actual problem was that OpenReach were fixing. Zen did point out that you can run your own diagnostic test from the portal login, by selecting diagnostics after logging in, and then selecting (in my case) the business fibre 2 product (i.e. fttc). You then get a popup with a diagnostic link which takes you to a diagnostic test page to run a test. You can also see the history of tests either you or zen engineers have done. In my case this went back to the previous failures in 2023, all of which were there.

Comments Off on EE Mobile Router Backup via Fritzbox 7530 – further points once used for real.

I have often used file sharing on OneDrive. This can be used to create a shortcode url link which can be passed to anyone else for use. The following options are available:

• A link may be emailed to a set of people, or copied directly as text and forwarded/send using any other means you like. It can also be used as the target of another url, such as a bit.ly one or in my case, a sailent soft shared url.
• A link may be view only or editable
• A link may be password protected by clicking the settings gearwheel on the intial share dialog for a file, and an expiry date may also be set. Note however that these options are only available for a paid for office 365 onedrive service, i.e. you must pay to upgrade a free account before you can password protect.

Comments Off on OneDrive file sharing – password protection issue

Various points/gotchas worthy of note, all discovered whilst learning about React…

1/ You can define components in their own classes – to do this you extend the component class and define the render method. However, this is now considered legacy in favour of just writing a function which returns the necessary jsx/tsx. This is discussed here, and the migration of components from legacy classes to using functions instead is discussed here.

Comments Off on React – Framework Points to Note

Initial points found upon trying out React…

1. Deploying and running a Basic React App

The React framework site and nearly all the other tutorial sites I found do not make it clear at all how to deploy/run one of the react examples to a static web server, much like Angular does by default, with the front end framework bootstrapped from index.html. In most cases, they suggest using Node.js on the server to run the app, which then creates everything dynamically and just lets you access the site e.g. via localhost:3000 if running locally.

Whilst this may be efficient if you have node.js on your server, it does not help when deploying to a static web server as I would be e.g. with Zen internet, or when extending an existing web app with some react on one of the pages.

After quite a bit of head scratching, I found this simple post which showed how to simply add the “homepage”: “.” directive to package.json, which defines the homepage for the app. This is picked up by the webpack build, and an index.html is created (or extended) with the necessary javascript to start react. I tested this out by amending this simple react calculator tutorial app.  It built correctly by adding the necessary webpack bootstrap code to the public index.html template in the app, and it ran fine both locally with http-server and on zen internet. It also ran correctly locally via npm start, which runs it dynamically under node where this is available on the server.

In my case I had deprecated OpenSSL build issues as detailed on this post here. I worked around these purely just to get the example to build and run as it was my very first stab at running react, by using set NODE_OPTIONS=--openssl-legacy-provider as per the post. Note that this is a dangerous legacy setting which should not normally be used as it opens up legacy SSL vulnerabilities. For my simple initial test this was not a concern however.

1. Creating and building a React App from scratch

I used create-react-app for this which looked like a really simple tool to create a standard build simply, somewhat like the angular CLI. This post here shows how to do this with typescript enabled by default, by simply using the following npx command:

npx create-react-app my-app --template typescript

This created a simple app which again I could modify to be served from a static server as above via the homepage directive. However, On researching this further, I noted that create-react-app is now deprecated.

I am continuing to use this for basic react learning, but going further forward, I will likely be adopting Next.js as the framework to use with react and to build apps with. The react site says that one of the recommended additional frameworks should now be used and Next.js seemed best for me initially, as it works with static sites and as a wikipedia presence. Remix among others is popular but did not have a wikipedia page, and I liked the static site emphasis of Next.js. However as I wanted to learn one step at a time and not hit 2 frameworks in one go, I intend to continue with create-react-app for the basics at first.

Comments Off on React Framework

My PWAs dynamically create and load a url cache in the service worker, when the installation event fires.
As this cache contains all the files in the dist/project-name directory tree (i.e. the entire deployment) for an angular app, I was keen to create the script containing the list of files to be cached dynamically as a post build step, so that the post build script could be generic and adaptive to the build contents.

This turned out to be pretty straightforward. The following points are noteworthy:

1. I wanted to dynamically create a JS file which defined an array containing the urls of all the files to be cached. This script would then be included by the service worker to be used when it created and loaded the cache, during its install event.
2. The above JS file was imported by the service worker script. I had some issues getting this to work via modules/module support, and noted from this post here that using the importScripts function instead (e.g. importScripts(‘pwa-cache-urls.js’);) gave better cross browser support/backwards compatibility. I therefore switched to using importScripts and it all worked fine.
3. glob.sync was used to generate an array containing all the deployed files to be cached, excluding directories using {nodir: true}. This was then mapped/formatted as required into a string containing all the script for the file.
4. fs.writeFileSync was used to create the script file from the above string.
5. The project name and the generated script file name were passed as arguments to the post build file, in package.json. Whilst I did look for a dynamic way to derive/lookup the project name, an easy way to do this was not obvious and there was no loss of flexibility in just passing it in the postbuild script definition in package.json, along with the name of the dynamically created script file.

This all worked fine, and I was able to create a generic post build script that would be able to discover the files to be cached dynamically and create the script for them, for any angular project I was working with.

The prototype example code for the post build is below:

const glob= require(‘glob’);
const fs = require(‘fs’);

const args = process.argv;
validateArgs(args);
const projectName = args[2];
const cacheJSFileName = args[3];

const pathPrefix = ‘dist/’ + projectName + “/”;
const cacheJSFilePath = pathPrefix + cacheJSFileName;

fs.writeFileSync(cacheJSFilePath, buildCacheJSFile());

function validateArgs(args) {
  const argErrors = [
    “Project Name and Cache Filename were not passed to post-build.js”,
    “Cache Filename was not passed to post-build.js”
  ]
  if (args.length < 4) {
  throw new Error(argErrors[args.length – 2]);
  }
}

function buildCacheJSFile() {
  const mapPathDelimiters = (path) => path.replaceAll(“\\”, “/”);
  const mapPathPrefix = (path) => path.replace(pathPrefix, “”);

  const cacheJSFilePrefix = “const CACHED_URLS = [\r\n ‘./'”;
  const cacheJSFileSuffix = “\r\n]\r\n”;
  const formatCacheJSFileEntry = (file) => “,\r\n ‘” + file + “‘”;

  const cacheFiles = glob.sync(pathPrefix + “**”, {nodir: true});
  let mappedCacheFiles = cacheFiles.map((file) => mapPathPrefix(mapPathDelimiters(file)));
  let cacheJSFile = cacheJSFilePrefix;
  mappedCacheFiles.forEach( file => cacheJSFile += formatCacheJSFileEntry(file));
  cacheJSFile += cacheJSFileSuffix;
  return cacheJSFile;
}

Comments Off on Progressive Web Apps – Dynamic Cache Script Creation

Tutorials/examples used

1. Simple tutorial here on free code camp
2. Building Progressive Web Apps by Tal Ater. This includes a source example on github.

Issues/Points Found:

1. My angular code has a number of cases where a query string is passed to a url. When caching a url or searching for one in the cache, it is important to remove all query strings and “#” fragment identifier. All my urls which are added to the cache are constants from a js/json file, and so no explicit removal is needed in the code. For searching, I use the {ignoreSearch: true} option on caches.match which strips all these on searching. Initially I appeared to have issues getting this working on all browsers, especially mobile, but in due course I established that there were other bugs at play, and in fact the above option works reliably across all browsers, including chrome and firefox on android.
2. A valid manifest .json must be declared in index.html, and this must have at least one icon of at least 144×144 in size. This is a PWA rule.
3. A promise was not being returned to the install event in free code camp example – this was due to braces being used in the install event code, but no explicit return was used to return the promise. The code did use a waitUntil in the install event, so clearly was expecting to wait for the cache additions to complete. The event waitUntil will therefore get an undefined return and not wait for the promise (i.e. the addAll to the cache) to complete. The PWAbook example above does do this correctly, and the code is very similar, but I copied and pasted code from each of the above in various examples and did not notice the missing return keyword in the free code camp example. This was subsequently remedied and all my code.
4. Service worker are always installed immediately after registration see here:
   I have not always seen this. I have often failed to see the console logs for the install event and the cache add/creation on the web site devtools console, but I suspect this is due to an existing service worker being used rather than a new one. The service worker has its own dev tools page and having just loaded a PWA web site locally on a new unused port, I noticed that the install event console logging was visible both on the dev tools for the pwa site and for the newly created service worker. All of this happened before any attempt was made to install the PWA app via the browser.
   Service workers are reused unless terminated/removed, even when the web app is updated. However you can force a new service worker on update by visiting the Application/service workers menu option on the Application page of the dev tools, and ticking update on reload. I did not prove this/try out in detail, but I did leave it on normally when developing.
   This issue may also be due to timing issues due to the bug in 1/, the promise not being returned therefore the code does not wait for all the urls to be added to the cache.
5. Service workers may be viewed via the following chrome urls:
   chrome://inspect/#service-workers
   chrome://serviceworker-internals/
6. For android, there are no dev tools available, but you can enable usb debugging. Visit the developer options under settings, and then enable usb debugging. You can then plug the phone into a windows pc via usb, and visit chrome://inspect/#devices to list the available usb devices, and connect to them, which opens a dev tools window.
7. Note that it takes up to a minute or so after the addAll is performed to the cache for it to appear as populated in the Applications tab of the chrome inspector. This was misleading at first as it looked as if it had failed/not been performed when it actually had.
8. Initially I did often see errors loading certain urls into the cache. To log this, I switched to using a loop to iterate the cache urls array, and used sequential cache.add() calls rather than cache.addAll(). This allowed logging explicitly of the ones in error (cache.addAll did not give detailed errors about the urls that had failed). Cache.addAll() is better though as it performs the adds in parallel and so is faster, so having got the pwa working I have reverted to using cache.addAll. I suspect these errors were due to code issues, in particular the above timing issues due to the missing return keyword.

Having battled through all these issues, I was able to get reliable operation, both online and offline, and both on windows and Android, with both Chrome and Firefox.

Comments Off on Progressive Web Apps – Technical Points/Issues Found

I just hit this when editing a couple of existing posts.

All the post content except the header had disappeared, and I did not seem to be able to recover it. Whilst trying, I did receive an error once about the block format, indicating there was a bug with the block layout additions in WordPress. It is possible that there is also an issue with an existing plugin/plugin version that I am using.

In the end, I discovered a reasonable workaround. When editing the post to update it, click the triple dot menu in the top RHS of the right hand pane. Then select the code editor rather than the visual editor. This revealed all the existing content but in raw code mode.

When I then clicked on the Visual editor again, all of the content came back as originally posted.

I looked for solutions/workarounds online but could not find anything concrete. Whilst this is a nuisance, I can live with the workaround for now, until I can find the time to give more effort to a proper fix/solution.

Comments Off on WordPress post content has disappeared when trying to edit existing post