How to view dataviewjs views that use custom scripts on ios?

[dgokcin]

Hello and thank you for this great plugin. I am having a problem when viewing my daily notes that leverage custom scripts from my iphone. No problem when working with Desktop. I have also tried imports instead of the commonjs syntax but no luck. Any help is appreciated.

How I call my view from a daily note.

The content of my view.js

• dataviewUtils is where I keep my common functions
  

The error I get on mobile

[AB1908]

I don't think DVJS supports imports and I'm surprised it works on desktop. You may want to use another plugin like CustomJS to handle imports.

[dgokcin]

hi @AB1908 thanks for the reply. For It works great on Desktop, makes re-using really easy especially if the utility functions are used within the views and the views are used in the templates etc.

I am just looking for a way to make it work on mobile since I can not see the tasks that I have completed from in the last week day from my mobile :/

[dgokcin]

Unfortunately trying your suggestion did not work for me due to the structure of my views and what my utility functions does. I need to handle imports inside the commonScripts, not inside the dataviewjs block. Let me try describing my setup and my reasoning behind itin more detail.

I am using dataviewjs blocks in my template files in combination with templater. My template files are calling the views with inputs like the current date, tags to be used in filtering etc. Inside my view.js files, I import my utility functions using commonjs require syntax. I create tables or task lists using dv.table or dv.taskList where I use my helper functions for handle common formatting/filtering tasks sucjh as filtering tasks with specific tags, filtering tasks completed on a date, adding new lines to the text inside a table cell so that they fit the screen etc.

I do not want to do a major change to this setup since this allows me to haveI cleaner templates, reusable common scripts and lastly backward compatibility(when I add something to a view which is used by my templates, I do not have to update each file that got

What I want to have is being able to import the common utility functions inside the view.js files in a way that it also works on mobile.

[AB1908]

I thought the CustomJS plugin facilitated this as well, I'd seen folks import scripts both into templater and into DVJS. There's also a new custom scripts plugin that may help but there are two things that get in the way of your current approach: I don't think commonjs imports were intended to be supported and debugging this on mobile is quite a hassle and secondly, this plugin won't be receiving updates as far as I know. Hope you can find an acceptable solution given these constraints.

[dgokcin]

Hello @AB1908 After some time the customjs plugin eventually worked. It took a while for me to realize it works since development using customjs and also views scripts require a lot of restart to obsidian. Adding my code here in case anyone comes across this topic.

Basically, I moved all my functions into a class named DataviewUtils. Like this

class DataviewUtils {
  getLastWeekDay(currentDateString) {
    const currentDate = new Date(currentDateString);
    const currentDayOfWeek = currentDate.getDay();

    const daysToGoBack =
      currentDayOfWeek === 1 ? 3 : currentDayOfWeek === 0 ? 2 : 1;
    const lastWeekDay = new Date(
      currentDate.getTime() - daysToGoBack * 24 * 60 * 60 * 1000
    );

    return lastWeekDay.toLocaleDateString("en-CA");
  }
}

and used them inside my views like this:

const { DataviewUtils } = customJS;
const tag = input["tag"];
const date = input["date"];

// Display completed tasks
dv.taskList(
  dv
    .pages(tag)
    .file.tasks.where((t) => t.completed)
    .where((t) => t.text.includes(DataviewUtils.getLastWeekDay(date)))
    .groupBy((p) => (p = "completed tasks"))
);

this allowed me to see my notes properly with no errors on mobile!

[gasperphoenix]

hi, unfortunately this doesn't work for me.

unfortunately it’s not working on my mobile (iOS) device. I added the same script folder as on my desktop but I get the following error on my mobile device:
Evaluation Error: eval code@ eval@[native code] @ ...

I created the script file “journal.js”:

class Journal { add_life_progress_tracker(){ } }

And I execute the code in a dataviewjs block:
const {Journal} = customJS Journal.add_life_progress_tracker()

Am I doing something wrong? For me it seems that the iOS device can’t find the script but it seems to be stored in my local Obsidian Vault.

Thanks
Dennis

[dgokcin]

hi, unfortunately this doesn't work for me.

unfortunately it’s not working on my mobile (iOS) device. I added the same script folder as on my desktop but I get the following error on my mobile device:

`

Evaluation Error: eval

code@

eval@[native code]

@

...

`

I created the script file “journal.js”:

`

class Journal {

add_life_progress_tracker(){

}

}

`

And I execute the code in a dataviewjs block:

`

const {Journal} = customJS

Journal.add_life_progress_tracker()

`

Am I doing something wrong? For me it seems that the iOS device can’t find the script but it seems to be stored in my local Obsidian Vault.

Thanks

Dennis

have you also set the location for your custom scripts in obsidian settings?

[gasperphoenix]

I selected the folder in the customJS settings. Is there another option where I need to select it?

[gasperphoenix]

I found the solution. By default Obsidian does not sync all file types within your Vault. You need to explicitly allow the synchronization of unknown files in the sync settings on all devices. After a restart of Obsidian everything works fine.
Maybe you could add this as hint to the customJS plugin description.