Elm:
כתיבת קובץ טקסט

איך לעשות:

מכיוון ש-Elm פועל בדפדפן ומתוכנן להיות שפת תכנות נקייה ללא אפקטים צדדיים, אין לו גישה ישירה למערכת הקבצים. לכן, כתיבה לקובץ בדרך כלל כוללת שליחת הנתונים אל JavaScript דרך פורטים. הנה איך אפשר להגדיר זאת:

1. הגדרת מודול פורט לשליחת טקסט ל-JavaScript:

port module Main exposing (main)

import Browser
import Html exposing (Html, button, div, text)
import Html.Events exposing (onClick)

-- הגדרת פורט לשליחת נתוני טקסט ל-JavaScript
port saveText : String -> Cmd msg

-- תצוגה ראשית
view : Html msg
view =
    div []
        [ button [ onClick (saveText "שלום, Elm כותב לקובץ!") ] [ text "שמור לקובץ" ]
        ]

-- הגדרת מינויים (לא בשימוש בדוגמה זו אך נדרש למודול פורט)
subscriptions : model -> Sub msg
subscriptions _ =
    Sub.none

-- הגדרת היישום
main : Program () model msg
main =
    Browser.element
        { init = \_ -> ((), Cmd.none)
        , view = \_ -> view
        , update = \_ _ -> ((), Cmd.none)
        , subscriptions = subscriptions
        }

2. יישום הקוד המתאים ב-JavaScript:

בקובץ ה-HTML שלך או במודול JavaScript, טפל בפורט של יישום ה-Elm לשמירת הטקסט. תוכל להשתמש בספריית FileSaver.js לשמירת הקובץ בצד הלקוח או לשלוח את הנתונים לשרת לעיבוד.

// בהנחה ש-Elm.Main.init() כבר נקרא והאפליקציה רצה
app.ports.saveText.subscribe(function(text) {
    // שימוש ב-FileSaver.js לשמירת קבצים בצד הלקוח
    var blob = new Blob([text], {type: "text/plain;charset=utf-8"});
    saveAs(blob, "example.txt");
});

תוצאה דוגמתית אינה ישימה באופן ישיר מכיוון שהתוצאה היא יצירת קובץ, אך לאחר לחיצה על הכפתור ביישום ה-Elm שלך, אמור להתבצע הורדה למחשב שלך של קובץ בשם “example.txt” המכיל את המחרוזת “שלום, Elm כותב לקובץ!”.

בגישה זו, התקשורת בין Elm ל-JavaScript היא קריטית. אף על פי ש-Elm שואף להכיל כמה שיותר מהלוגיקה של היישום שלך, האינטרופ מאפשר לך לבצע משימות כמו כתיבת קבצים ש-Elm לא תומך בהן ישירות. זכור, נקיון ובטיחות של Elm מחוזקים על ידי דפוס זה, מה שמבטיח שהיישומים שלך ב-Elm יישארו קלים לתחזוקה ולהבנה, אפילו כאשר הם מתקשרים עם העולם המורכב בחוץ.